@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;src:local('EB Garamond Italic'), local('EBGaramond-Italic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGWmQSNjdsmc35JDF1K5GRweDY1ZzPJ.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;src:local('EB Garamond Italic'), local('EBGaramond-Italic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGWmQSNjdsmc35JDF1K5GRweD81ZzPJ.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;src:local('EB Garamond Italic'), local('EBGaramond-Italic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGWmQSNjdsmc35JDF1K5GRweDc1ZzPJ.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;src:local('EB Garamond Italic'), local('EBGaramond-Italic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGWmQSNjdsmc35JDF1K5GRweDg1ZzPJ.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;src:local('EB Garamond Italic'), local('EBGaramond-Italic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGWmQSNjdsmc35JDF1K5GRweDQ1ZzPJ.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;src:local('EB Garamond Italic'), local('EBGaramond-Italic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGWmQSNjdsmc35JDF1K5GRweDU1ZzPJ.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;src:local('EB Garamond Italic'), local('EBGaramond-Italic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGWmQSNjdsmc35JDF1K5GRweDs1Zw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:500;src:local('EB Garamond Medium Italic'), local('EBGaramond-MediumItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcMgWcgHoqFC_.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:500;src:local('EB Garamond Medium Italic'), local('EBGaramond-MediumItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcMgWcgjoqFC_.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:500;src:local('EB Garamond Medium Italic'), local('EBGaramond-MediumItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcMgWcgDoqFC_.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:500;src:local('EB Garamond Medium Italic'), local('EBGaramond-MediumItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcMgWcg_oqFC_.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:500;src:local('EB Garamond Medium Italic'), local('EBGaramond-MediumItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcMgWcgPoqFC_.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:500;src:local('EB Garamond Medium Italic'), local('EBGaramond-MediumItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcMgWcgLoqFC_.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:500;src:local('EB Garamond Medium Italic'), local('EBGaramond-MediumItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcMgWcgzoqA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:local('EB Garamond SemiBold Italic'), local('EBGaramond-SemiBoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcOQRcgHoqFC_.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:local('EB Garamond SemiBold Italic'), local('EBGaramond-SemiBoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcOQRcgjoqFC_.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:local('EB Garamond SemiBold Italic'), local('EBGaramond-SemiBoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcOQRcgDoqFC_.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:local('EB Garamond SemiBold Italic'), local('EBGaramond-SemiBoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcOQRcg_oqFC_.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:local('EB Garamond SemiBold Italic'), local('EBGaramond-SemiBoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcOQRcgPoqFC_.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:local('EB Garamond SemiBold Italic'), local('EBGaramond-SemiBoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcOQRcgLoqFC_.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:600;src:local('EB Garamond SemiBold Italic'), local('EBGaramond-SemiBoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcOQRcgzoqA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:700;src:local('EB Garamond Bold Italic'), local('EBGaramond-BoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcIAQcgHoqFC_.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:700;src:local('EB Garamond Bold Italic'), local('EBGaramond-BoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcIAQcgjoqFC_.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:700;src:local('EB Garamond Bold Italic'), local('EBGaramond-BoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcIAQcgDoqFC_.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:700;src:local('EB Garamond Bold Italic'), local('EBGaramond-BoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcIAQcg_oqFC_.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:700;src:local('EB Garamond Bold Italic'), local('EBGaramond-BoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcIAQcgPoqFC_.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:700;src:local('EB Garamond Bold Italic'), local('EBGaramond-BoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcIAQcgLoqFC_.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'EB Garamond';font-style:italic;font-weight:700;src:local('EB Garamond Bold Italic'), local('EBGaramond-BoldItalic'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGLmQSNjdsmc35JDF1K5GRwcIAQcgzoqA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:local('EB Garamond Regular'), local('EBGaramond-Regular'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGUmQSNjdsmc35JDF1K5GR4SDktYw.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:local('EB Garamond Regular'), local('EBGaramond-Regular'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGUmQSNjdsmc35JDF1K5GRxSDktYw.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:local('EB Garamond Regular'), local('EBGaramond-Regular'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGUmQSNjdsmc35JDF1K5GR5SDktYw.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:local('EB Garamond Regular'), local('EBGaramond-Regular'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGUmQSNjdsmc35JDF1K5GR2SDktYw.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:local('EB Garamond Regular'), local('EBGaramond-Regular'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGUmQSNjdsmc35JDF1K5GR6SDktYw.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:local('EB Garamond Regular'), local('EBGaramond-Regular'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGUmQSNjdsmc35JDF1K5GR7SDktYw.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:local('EB Garamond Regular'), local('EBGaramond-Regular'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGUmQSNjdsmc35JDF1K5GR1SDk.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;src:local('EB Garamond Medium'), local('EBGaramond-Medium'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyGaywfQg7wrA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;src:local('EB Garamond Medium'), local('EBGaramond-Medium'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyGaywWQg7wrA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;src:local('EB Garamond Medium'), local('EBGaramond-Medium'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyGayweQg7wrA.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;src:local('EB Garamond Medium'), local('EBGaramond-Medium'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyGaywRQg7wrA.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;src:local('EB Garamond Medium'), local('EBGaramond-Medium'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyGaywdQg7wrA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;src:local('EB Garamond Medium'), local('EBGaramond-Medium'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyGaywcQg7wrA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;src:local('EB Garamond Medium'), local('EBGaramond-Medium'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyGaywSQg4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;src:local('EB Garamond SemiBold'), local('EBGaramond-SemiBold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyqbCwfQg7wrA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;src:local('EB Garamond SemiBold'), local('EBGaramond-SemiBold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyqbCwWQg7wrA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;src:local('EB Garamond SemiBold'), local('EBGaramond-SemiBold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyqbCweQg7wrA.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;src:local('EB Garamond SemiBold'), local('EBGaramond-SemiBold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyqbCwRQg7wrA.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;src:local('EB Garamond SemiBold'), local('EBGaramond-SemiBold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyqbCwdQg7wrA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;src:local('EB Garamond SemiBold'), local('EBGaramond-SemiBold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyqbCwcQg7wrA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;src:local('EB Garamond SemiBold'), local('EBGaramond-SemiBold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GyqbCwSQg4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:700;src:local('EB Garamond Bold'), local('EBGaramond-Bold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GzObSwfQg7wrA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:700;src:local('EB Garamond Bold'), local('EBGaramond-Bold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GzObSwWQg7wrA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:700;src:local('EB Garamond Bold'), local('EBGaramond-Bold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GzObSweQg7wrA.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:700;src:local('EB Garamond Bold'), local('EBGaramond-Bold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GzObSwRQg7wrA.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:700;src:local('EB Garamond Bold'), local('EBGaramond-Bold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GzObSwdQg7wrA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:700;src:local('EB Garamond Bold'), local('EBGaramond-Bold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GzObSwcQg7wrA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:700;src:local('EB Garamond Bold'), local('EBGaramond-Bold'), url(https://fonts.gstatic.com/s/ebgaramond/v10/SlGJmQSNjdsmc35JDF1K5GzObSwSQg4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:100;src:local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} *,body{margin:0}*{padding:0;box-sizing:border-box;outline:0;box-shadow:none;border-color:transparent}body{font-family:Roboto,sans-serif;overflow-x:hidden;padding:78px 0 0;font-size:16px;color:#000}.image-and-description-with-legend-attributes-option-2 .img-col,.image-text-component-style1 .img-colm{margin-right:4%!important}.air-txt .oberoi-delhi-awards{display:none}.newsLetterSuccessMessage{color:#fff;font-size:14px;margin-top:10px}.booking-engine .nightsWrap select.ddlHotelOfferNights::-ms-expand,.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading select::-ms-expand{display:none}#webklipper-publisher-widget-container-content{z-index:99!important}#chat-btn{position:fixed;width:27px;height:85px;left:0;top:50%;cursor:pointer;margin-top:50px;z-index:99}.marketing-assets{width:100%;float:left;padding:6px 24px;border:1px solid #e4e4e4;position:relative;margin-top:18px}.marketing-assets .mark-asstets-icon{width:20px;height:20px;position:absolute;top:-2px;left:-3px}.marketing-assets .mark-asstets-icon img{width:19px}.marketing-assets .offerText{font-family:Roboto,sans-serif;font-size:.938em;font-weight:500;line-height:24px}.marketing-assets .offerText .discount,.marketing-assets .offerText span{color:#d87421}.error-page .error-meesage p a,.gift-card-page table tr td a,.marketing-assets a{text-decoration:none;color:#000}.web-exclusive-offer{width:100%;float:left;display:flex;padding:10px 16px;margin-top:22px;margin-bottom:18px;box-shadow:#ccc 0 4px 5px;-webkit-box-shadow:#ccc 0 4px 5px;-moz-box-shadow:#ccc 0 4px 5px;o-box-shadow:#cccccc 0px 4px 5px;-ms-box-shadow:#ccc 0 4px 5px}.web-exclusive-offer .web-exclusive-offerText{font-family:"EB Garamond",serif;font-size:1.25em;width:75%;font-weight:500;line-height:25px}.mo-black-overlay .mo-pop-up-box h3 span,.web-exclusive-offer .web-exclusive-offerText .WebFontStyle, .thanksyoumsg-mo-popup span{font-style:italic}.web-exclusive-offer .web-exclusive-offerText .WebFontStyle span{font-style:normal;font-weight:400}.promo,p{font-weight:300}.web-exclusive-offer .web-exclusive-offerText span{font-family:Roboto,sans-serif;font-size:.938em;font-weight:600}.web-exclusive-offer .web-exclusive-offerText .discount-message{font-family:Roboto,sans-serif;font-weight:600}.web-exclusive-offer .web-exclusive-offerText .discount-message span{font-size:74%;font-weight:300}.marketing-asset-offer-section.marketing-asset-img .marketing-asset-offer-section .explore-btn,.web-exclusive-offer .web-exclusive-sign-btn{width:25%}.web-exclusive-offer .web-exclusive-sign-btn a{text-decoration:none;background:#d8741b;color:#fff;width:100%;padding:8px;text-align:center;float:left;margin-top:8px;font-family:Roboto,sans-serif;font-size:.9375em}.marketing-asset-offer-section .explore-btn a:hover,.marketing-asset-text .marketing-asset-offer .explore-btn a:hover,.web-exclusive-offer .web-exclusive-sign-btn a:hover{background:#c36512}.marketing-asset-offer-tab{width:28px;height:35px;position:fixed;top:200px;right:0;text-align:center;line-height:31px;border:1px solid #808385;cursor:pointer;z-index:99994;background:url(/images/oberoihotels/sprites-icons.png) -227px -173px no-repeat #14181a}.marketing-asset-offer-tab img{width:19px;text-align:center;vertical-align:middle}.marketing-asset-text{width:350px;height:188px;background:url(/images/oberoihotels/market-asset-offer-image.jpg);position:fixed;top:200px;right:-100%;transition:1.5s;-webkit-transition:1.5s;-moz-transition:1.5s;-o-transition:1.5s;z-index:99993}.marketing-asset-text.active{right:29px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s}.marketing-asset-text.mAssetsactive{-webkit-animation:6s 1s forwards slide;animation:6s 1s forwards slide}.marketing-asset-text .marketing-asset-offer{width:100%;float:left;padding:21px;position:relative}.marketing-asset-text .marketing-asset-offer .close-btn{position:absolute;left:2px;top:1px;width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border:1px solid #e6e6e7;color:#e6e6e7;text-align:center;line-height:20px;font-size:11px;cursor:pointer}.marketing-asset-text .marketing-asset-offer .asset-offer{width:100%;float:left;position:relative;border:1px solid #535657;height:140px}.marketing-asset-text .marketing-asset-offer .asset-offer .limite-offer{position:absolute;width:87%;left:6.5%;text-align:center;color:#fff;height:27px;background:#171d23;top:-17px;font-family:"EB Garamond",serif;font-style:italic;font-size:1.55em}.marketing-asset-text .marketing-asset-offer .asset-offer .limite-offer:after{content:"";position:absolute;width:79px;height:1px;background:#7dc2df;top:44px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);text-align:center}.marketing-asset-text .marketing-asset-offer .asset-offer .limite-offer span{font-family:"EB Garamond",serif;font-style:normal}.marketing-asset-text .marketing-asset-offer .asset-offer .saving-offer{font-family:Roboto,sans-serif;font-size:1.25em;text-align:center;font-weight:500;margin-top:40px;color:#fff;margin-bottom:5px}.marketing-asset-text .marketing-asset-offer .asset-offer .booking-detail,.marketing-asset-text .marketing-asset-offer .explore-btn a{font-size:.813em;font-family:Roboto,sans-serif;text-align:center;color:#fff}.marketing-asset-text .marketing-asset-offer .asset-offer .saving-offer span{font-size:74%}.marketing-asset-text .marketing-asset-offer .explore-btn{width:49%;position:absolute;bottom:-9px;background:#171b1c;text-align:center;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);float:left}.marketing-asset-text .marketing-asset-offer .explore-btn a{text-decoration:none;background:#d8741b;padding:6px 31px;text-transform:uppercase}.marketing-assets-right-section{margin:0 0 10px 20px;float:right;position:relative}.marketing-assets-right-section .close-btn{width:30px;height:30px;color:#111;border:1px solid #111;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;line-height:30px;text-align:center;position:absolute;right:-13px;top:-12px;cursor:pointer}.marketing-assets-right-section .marketing-asset-booking-detail{width:580px;float:left;padding:9px 11px;border:1px solid #e4e4e4}.marketing-assets-right-section .marketing-asset-booking-detail .hotel-image{width:21%;float:left;margin-right:3%}.marketing-assets-right-section .marketing-asset-booking-detail .hotel-image img,.oberoi-one-banner-component .oberoiOneSpotlightBanner img{width:100%}.marketing-assets-right-section .marketing-asset-booking-detail .booking-detail{width:76%;float:left}.marketing-asset-offer-section .marketing-asset-saving p,.marketing-assets-right-section .marketing-asset-booking-detail .booking-detail p{font-family:Roboto,sans-serif;font-size:.938em;font-weight:400}.marketing-assets-right-section .marketing-asset-booking-detail .booking-detail p span{color:#e09049;font-style:italic}.marketing-assets-right-section .marketing-asset-booking-detail .booking-detail p strong{font-weight:400;display:inline-block;padding-bottom:7px}.image-text-block-style1 .text-block p span.eli,p span.eli{font-size:16px;font-weight:700}.marketing-assets-right-section .marketing-asset-booking-detail .booking-detail p a{text-decoration:underline;color:#e09049}.marketing-asset-offer-section{width:100%;display:table;padding:10px 24px;margin-bottom:50px;box-shadow:#ccc -3px 5px 5px;-webkit-box-shadow:#ccc -3px 5px 5px;-moz-box-shadow:#ccc -3px 5px 5px;o-box-shadow:#cccccc -3px 5px 5px;-ms-box-shadow:#ccc -3px 5px 5px;clear:both;float:left}.marketing-asset-offer-section .only-text-fullwidth{text-align:center}.marketing-asset-offer-section .only-text-fullwidth p{font-family:"EB Garamond",serif;font-size:1.17em;text-align:center;font-weight:400;padding:10px 0}.marketing-asset-offer-section.marketing-asset-img{padding:0 24px 0 0}.marketing-asset-offer-section.marketing-asset-img .marketing-asset-limited-preiod-offer img{max-width:100%;display:block}.marketing-asset-offer-section.marketing-asset-img .marketing-asset-offer-section .marketing-asset-saving{width:40%}.marketing-asset-offer-section .marketing-asset-limited-preiod-offer{display:table-cell;vertical-align:middle;text-align:left;font-family:"EB Garamond",serif;font-style:italic;font-size:2em;width:35%}.christmas-participating-hotels-list .slideBox .featured-hdng_plug span,.heading-component h1 span,.heading-component h2 span,.heading-component h4 span,.image-text-block-style1 .text-block .text-block-hdng-style1 span,.marketing-asset-offer-section .marketing-asset-limited-preiod-offer span{font-style:normal}.marketing-asset-offer-section .marketing-asset-saving{display:table-cell;vertical-align:middle;text-align:center;width:40%}.marketing-asset-offer-section .marketing-asset-saving .m-saving{font-family:Roboto,sans-serif;font-size:1.875em;padding:0 0 15px;position:relative}.marketing-asset-offer-section .marketing-asset-saving .m-saving:after{content:"";width:163px;height:2px;background:#81c1e2;position:absolute;bottom:7px;display:table-cell;vertical-align:middle;text-align:center;left:31%}.marketing-asset-offer-section .explore-btn{width:18%;display:table-cell;vertical-align:middle;text-align:right}.marketing-asset-offer-section .explore-btn a{text-decoration:none;color:#fff;text-transform:uppercase;background:#d8741b;padding:7px 20px;font-family:Roboto,sans-serif;font-size:14px}.promo{font-size:.938em;line-height:34px}.promo .promo-txt{cursor:pointer;font-weight:400;display:inline-block;position:relative}.promo .promo-txt input{width:120px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.promo .promo-txt .promotext-copied{opacity:0;visibility:hidden;transition:.3s;position:absolute;left:110%;text-align:center;padding:5px;box-shadow:0 0 5px #eee;background-color:#fff;top:2px;width:190px}.promo .promo-txt .promotext-copied.actv{opacity:1;visibility:visible}#scrollToTop{width:54px;height:54px;background:url(/images/oberoihotels/sprites-icons.png) -200px -259px;position:fixed;z-index:-1;right:10px;bottom:34px;transform:scale(.8);transition:.8s linear;opacity:0;cursor:pointer}#scrollToTop:hover{transform:scale(1)}#scrollToTop.active{opacity:1;z-index:99999}.error-page .error-meesage{text-align:center;margin:50px 0}.error-page .error-meesage .error-value{font-size:30vh;font-family:"EB Garamond",serif;color:#66b6d8}.error-page .error-meesage h3{font-size:18px;font-family:Roboto,sans-serif;color:#d8741b;font-weight:500}.error-page .error-meesage p a:hover{text-decoration:underline}.gift-card-page table{background:#ccc;margin-bottom:50px}.gift-card-page table tr td{background:#fff;padding:5px}.gift-card-page table tr td:nth-child(2n){border-left:1px solid #f1f1f1}.gift-card-page table tr:nth-child(2n) td{background:#f1f1f1}.gift-card-page table tr:nth-child(2n) td:nth-child(2n){border-left:1px solid #fff}.global-experiences .image-text-block-style1 .text-block .text-block-duration,.global-offers .image-text-block-style1 .text-block .text-block-duration{min-height:20px}.fl-left,.global-experiences .image-text-block-style1 .text-block .text-block-duration li,.global-offers .image-text-block-style1 .text-block .text-block-duration li{float:left}.global-experiences .image-text-block-style1 .text-block .text-block-duration li strong,.global-offers .image-text-block-style1 .text-block .text-block-duration li strong{margin-right:5px}.global-experiences .image-text-block-style1 .text-block .text-block-duration li .pop-out{top:50%;left:80%;transform:translate(-50%,-100%);margin-top:-22px;width:auto}.global-experiences .image-text-block-style1 .text-block .text-block-duration li .pop-out li{white-space:nowrap}.global-offers .image-text-block-style1 .text-block .text-block-duration li .pop-out{top:50%;left:100%;transform:translate(-50%,-100%);margin-top:-22px;width:auto}.global-offers .image-text-block-style1 .text-block .text-block-duration li .pop-out li{white-space:nowrap;clear:both}.experiences-page .filter-component .filter-results-list>li .text-block{min-height:172px}.clsSuccess{display:none;color:#03a71e}#loadMoreRecords span,button{cursor:pointer}#loadMoreRecords{color:#6ab8d9;text-align:center}body.hotel-pages{padding-top:108px}body.innerpage{padding-top:110px}body.innerpage header{height:110px;padding:28px 5% 10px}.h2{font-family:"EB Garamond",serif;font-size:1.75em;margin-bottom:30px;font-weight:400}sup{line-height:0}p{line-height:1.5em}p span.eli{margin-left:5px}.clr{clear:both}.clearfix:after{content:"";display:table;clear:both}.container-1270px{margin:0 auto;max-width:1270px}.pb-20{padding-bottom:20px!important}.pb-30{padding-bottom:30px!important}.pb-40{padding-bottom:40px!important}.page-wrap{padding:30px 0 100px}.fancybox-caption{font-family:Roboto,sans-serif;background-color:#000}.fancybox-button i{font-size:22px}.slick-slider .slick-dots{position:absolute;z-index:1;bottom:20px}.slick-slider .slick-dots li{list-style:none;width:auto;height:auto}.slick-slider .slick-dots li.slick-active button{background:#fff}.slick-slider .slick-dots li button{border-radius:50%;border:1px solid #999;width:12px;height:12px;padding:0;margin:0}.heading-component{padding-bottom:22px;position:relative}.heading-component h1,.heading-component h2{font-family:"EB Garamond",serif;font-size:2.5em;font-style:italic;font-weight:400;line-height:100%;margin-bottom:10px}.heading-component h4{font-family:"EB Garamond",serif;font-size:1.875em;font-style:italic;font-weight:400;line-height:100%;margin-bottom:10px}.heading-component p{font-family:Roboto,sans-serif;font-size:15px;max-width:100%}.section-heading{font-family:"EB Garamond",serif;font-size:2.25em;margin-bottom:10px}.fancybox-button--share i{font-size:18px}.breadcrumb-component{margin:0 auto;max-width:1366px;padding:30px 2.5% 0}.breadcrumb-component li{background:url("/images/oberoihotels/common/arrow-right2.png") right 5px center no-repeat;color:#fff;display:inline-block;font-family:Roboto,sans-serif;font-size:13px;font-weight:300;padding-right:20px;vertical-align:middle}.breadcrumb-component li a{color:inherit;text-decoration:none}.breadcrumb-component li:last-child{background:0 0;padding-right:0}.img-box,.img-col{position:relative}.image-text-block-style1 .image-block .marketing-band-style1,.img-box .marketing-band-style1,.img-col .marketing-band-style1{background:rgba(0,0,0,.6);padding:7px 15px 10px;position:absolute;z-index:1;width:100%;text-align:center;bottom:0;text-decoration:none;color:#fff;font-family:"EB Garamond",serif;font-size:24px;letter-spacing:1px;line-height:100%}.img-box .marketing-band-style1 p,.img-box .marketing-band-style2 p,.img-col .marketing-band-style1 p,.img-col .marketing-band-style2 p{margin-bottom:0;font-family:"EB Garamond",serif}.image-text-block-style1 .image-block .marketing-band-style1 u,.img-box .marketing-band-style1 u,.img-col .marketing-band-style1 u{text-decoration:none}.image-text-block-style1 .image-block .marketing-band-style2,.img-box .marketing-band-style2,.img-col .marketing-band-style2{background:rgba(0,0,0,.7);padding:7px 15px 10px;position:absolute;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;bottom:0;text-decoration:none;color:#fff;font-family:"EB Garamond",serif;font-size:32px;letter-spacing:1px;line-height:100%}.image-text-block-style1 .image-block .marketing-band-style2 span,.img-box .marketing-band-style2 span,.img-col .marketing-band-style2 span{display:block}.image-text-block-style1 .image-block .marketing-band-style2 span u,.img-box .marketing-band-style2 span u,.img-col .marketing-band-style2 span u{border-bottom:1px solid #fff;text-decoration:none;padding-bottom:5px}.image-text-block-style1 .image-block{margin-bottom:15px;position:relative}.image-text-block-style1 .image-block .marketing-band-style1 p,.image-text-block-style1 .image-block .marketing-band-style2 p{font-family:"EB Garamond",serif}.image-text-block-style1 .image-block .wish-icon img{max-width:30px}.image-text-block-style1 .image-block img{max-width:100%;width:100%;vertical-align:middle}.image-text-block-style1 .image-block .lazy{background:url(/images/oberoihotels/loader.gif) center no-repeat}.image-text-block-style1 .image-block .lazy-loaded{background-image:none}.image-text-block-style1 .text-block p{font-family:Roboto,sans-serif;font-size:.938em;margin-bottom:10px}.filters-sub-category ul,.image-text-block-style1 .text-block p br,.page-wrap .accordion-list-component .itineraries-tab-section .c-main-wrap .c-done-btn-mob{display:none}.image-text-block-style1 .text-block .text-block-hdng-style1{font-family:"EB Garamond",serif;font-size:1.3em;line-height:100%;margin-bottom:10px;font-style:italic}.image-text-block-style1 .text-block .text-block-duration,.phn-time li{margin-bottom:15px}.image-text-block-style1 .text-block .text-block-hdng-style1 a{color:#000;text-decoration:none;font-weight:400}.image-text-block-style1 .text-block .hotelglobal p{font-family:Roboto,sans-serif;font-size:.813em;margin-bottom:10px}.image-text-block-style1 .text-block .ctgry{line-height:100%!important;text-transform:uppercase}.image-text-block-style1 .text-block .ctgry a,.image-text-block-style1 .text-block .text-block-duration li a{color:#000;text-decoration:none}.image-text-block-style1 .text-block .authr-name{font-weight:300;font-size:.83em;font-family:Roboto,sans-serif}.image-text-block-style1 .text-block .text-block-duration li{color:#000;display:inline-block;font-family:Roboto,sans-serif;font-size:.875em;list-style:none;margin-right:35px;position:relative}.image-text-block-style1 .text-block .text-block-duration li strong{font-weight:500}.awards-box-home-page .award-col:nth-child(3n),.filters-sub-category ul>li:last-child,.image-text-block-style1 .text-block .text-block-duration li:last-child{margin-right:0}.wish-icon{background:rgba(255,255,255,.6);cursor:pointer;height:36px;position:absolute;right:8px;text-align:center;top:8px;width:36px}.wish-icon i{display:block;line-height:36px}.wish-icon .fa-heart{color:#d8741b}.btn-style1,.btn-style2{font-family:Roboto,sans-serif;text-decoration:none;text-transform:uppercase;padding-right:15px;font-size:1em}.btn-style1{background:url("/images/oberoihotels/common/arrow-right.png") right center no-repeat;color:#66b6d8;font-weight:400}.btn-style2{background:url("/images/oberoihotels/common/arrow-right3.png") right center no-repeat;color:#d8741b;font-weight:400}.fl-right{float:right}.filters-sub-category ul>li{cursor:pointer;display:inline-block;font-family:Roboto,sans-serif;font-size:.938em;font-weight:300;margin-right:22px}.filters-sub-category ul>li.active{color:#d8741b;font-weight:500}.gallery-page .heading-component,.gallery-page2 .heading-component{padding-bottom:20px}.spa-page .heading-component{padding-bottom:30px}.gallery-page2 .container-1270px{max-width:1320px}.gallery-page2 .heading-component{padding:0 50px 20px}.gallery-page2 .share-component{right:50px}.gallery-page2 .filter-component{padding:0 25px;position:relative}.gallery-page2 .filter-component .filters-main-category,.rooms-suites-page .filter-component .filters-main-category{margin-bottom:20px}.rooms-suites-page .filter-toggle{top:-20px;font-size:1em}.phn-time li{display:block;font-family:Roboto,sans-serif;font-size:.9375em;line-height:1.5em;font-weight:300}.phn-time li>span{display:inline-block;margin-right:12px;vertical-align:top;width:70%}.phn-time li>span:first-child{width:85px}.phn-time li>span strong{font-weight:400}.phn-time li>span.instrcn{font-size:.813em}.phn-time li .phn{color:#000;font-weight:300}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li span.d-details a,.phn-time li .phn a{text-decoration:none;color:inherit}.phn-time li.mb-none{margin-bottom:0}.mb-none{margin-bottom:0!important}.error-message,.errorMsg{color:red;display:none}.air-quality,.oberoi-delhi-awards{display:inline-block}.ev-common-messages-success{color:#2c4401;font-size:12px}.divDynamicMessageEV{width:78%;float:left;margin-top:10px}.divDynamicMessageEV .calender-dynamic-text{text-align:left}@-webkit-keyframes slide{0%,100%{transform:translateX(100%);right:0}30%,65%{transform:translateX(0);right:29px}}@keyframes slide{0%,100%{transform:translateX(100%);right:0}30%,65%{transform:translateX(0);right:29px}}.oberoi-one-banner-component{background:#000;text-align:center;width:100%;float:left;margin:35px 0}.covid-band,.covid-update-info-wrapper{width:275px;z-index:999;position:fixed;right:3px}.oberoi-one-banner-component .oberoiOneSpotlightBanner{width:100%;float:left}.covid-band{top:175px;background:#cc6c16;padding:12px 0;text-align:center;color:#fff;font-size:15px;text-transform:uppercase;cursor:pointer;font-family:Roboto,sans-serif;font-weight:400}.covid-band:after{content:" ";border-bottom:2px solid #fff;border-right:2px solid #fff;top:50%;margin-top:-6px;height:7px;right:17%;position:absolute;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px;z-index:2;transition:.3s ease-in;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in}.covid-band.covid-band-active:after{margin-top:-2px;-webkit-transform:rotate(222deg);-ms-transform:rotate(222deg);-o-transform:rotate(222deg);transform:rotate(222deg);transition:.3s ease-in;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in}.covid-update-info-wrapper{background:#fff;top:220px;padding:12px;transform:translateX(108%);box-shadow:-2px 4px 12px #323232;transition:.2s ease-in;-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in}.covid-update-info-wrapper .close-info-btn{position:absolute;top:4px;right:2px;padding:2px 5px;line-height:100%;cursor:pointer}.covid-update-info-wrapper .covid-update-info{font-size:13px;font-family:Roboto,sans-serif;line-height:170%;text-align:center;padding:6px;font-weight:400;color:#000;border:1px solid #f6e5d6;float:left}.covid-update-info-wrapper .covid-update-info .know-more-abt-covid{width:100%;margin:7px auto;text-align:center}.covid-update-info-wrapper .covid-update-info .know-more-abt-covid a{width:90px;background:#cc6c16;color:#fff;font-size:13px;font-weight:400;padding:4px 0;text-align:center;text-decoration:none;display:inline-block}.covid-update-info-wrapper.activeInfo{transform:translateX(0);transition:.2s ease-in;-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in}.mo-black-overlay{position:fixed;top:0;z-index:999999;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}.mo-black-overlay .mo-pop-up-box{top:50%;width:100%;max-width:650px;position:absolute;background:#fff;left:50%;transform:translate(-50%,-50%);padding:20px}.mo-black-overlay .mo-pop-up-box .mo-pop-up-close-btn{width:auto;position:absolute;right:-12px;top:-27px;color:#fff;font-weight:700;font-size:20px;cursor:pointer}.mo-black-overlay .mo-pop-up-box h3, .thanksyoumsg-mo-popup{font-family:"EB Garamond",serif;font-size:1.5em;font-weight:400}.mo-black-overlay .mo-pop-up-box h2{font-family:"EB Garamond",serif;font-size:2em;font-weight:500;margin:10px 0}.mo-black-overlay .mo-pop-up-box .mo-pop-up-message{width:100%;float:left;font-family:Roboto,sans-serif;font-size:.9375em;font-weight:300;line-height:180%}.mo-black-overlay .mo-pop-up-box .mo-pop-up-message a{color:#7dc1de;text-decoration:none;font-family:Roboto,sans-serif;font-size:.9375em}.mo-black-overlay .mo-pop-up-box .mo-pop-up-desc{float:left;width:100%;padding:30px;border:1px solid #eadca8}.mo-black-overlay .mo-pop-up-box .mo-pop-up-desc .mo-hotels-button{float:left;width:auto;margin-top:20px}.mo-black-overlay .mo-pop-up-box .mo-pop-up-desc .mo-hotels-button a{padding:7px 0;width:110px;text-decoration:none;color:#fff;background:#d8741b;float:left;text-align:center;font-weight:300;font-family:"EB Garamond",serif;font-size:1.125em}.uh-Form-info-content-box{margin-top:15px;float:left;width:100%}.uh-Form-info-content-box p{margin-bottom:5px!important}.awards-marketing-assets-slidable-wrap{top:175px;position:absolute;right:3px;z-index:999}.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-icon{position:absolute;top:0;right:0}.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box-wrap{position:absolute;right:34px;width:400px;background:#fff;top:0;z-index:999;padding:25px;transform:translateX(108%);box-shadow:-2px 4px 12px #323232;transition:.6s ease-in;-webkit-transition:.6s ease-in;-moz-transition:.6s ease-in;-o-transition:.6s ease-in;display:none}.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box .awards-year,.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box-wrap .awards-year{position:absolute;background:#fff;padding:10px 15px;font-size:30px;color:#bead72;font-family:"EB Garamond",serif;font-weight:500;left:50%;top:-18px;transform:translate(-50%,0);line-height:45%}.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box .awards-marketing-assets-head1,.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box-wrap .awards-marketing-assets-head1{color:#000;font-family:"EB Garamond",serif;font-size:20px;font-weight:600}.awards-box-home-page .award-col .awards-name span,.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box-wrap .awards-marketing-assets-head1 span,.oberoi-delhi-awards .heading-1 span{display:block;margin-top:10px}.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box{position:relative;border:1px solid #bead72;padding:25px;text-align:center}.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box .awards-marketing-assets-head2{margin-top:15px}.common-awards-box{margin-top:20px;width:100%;float:left}.common-awards-box .awards-name{text-align:center;background:#f7f7f7;padding:10px 0;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;color:#000}.common-awards-box .awards-category{font-family:"EB Garamond",serif;font-weight:400;font-size:20px;width:100%;float:left;text-align:center;padding:10px 0}.oberoi-delhi-awards{vertical-align:top;margin:20px 0 0 20px;padding:49px 30px;text-align:center;font-family:"EB Garamond",serif;max-width:300px;border:1px solid #d2cecf;min-height:227px}.oberoi-delhi-awards .heading-1{font-size:20px;font-weight:500}.oberoi-delhi-awards .heading-2{font-size:20px;font-weight:600;margin-top:12px;line-height:148%;float:left;width:100%}.oberoi-delhi-awards .awards-year{width:100%;float:left;text-align:center;font-size:20px;font-weight:600;color:#bead72;margin-top:15px}.generic-awards .dining-awards-box.listing-page-awards-box{width:40%;float:none;clear:both;margin:0 auto}.featuresOfferSlider .slideBox a{width:100%!important;float:left;display:block} @media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.oberoi-delhi-awards{padding:45px 30px}}.dining-awards-box{display:block;float:left;width:39%;margin-top:10px;text-align:center;box-shadow:1px 3px 6px #ccc}.dining-awards-box .awards-name{background:#f7f7f7;text-align:center;padding:8px 0;font-size:14px;font-family:Roboto,sans-serif;font-weight:500;color:#000}.dining-awards-box .awards-category,.dining-awards-box.listing-page-awards-box .awards-category{font-family:"EB Garamond",serif;font-size:18px;font-weight:400;padding:8px 0}.dining-awards-box .awards-category .awards-year,.dining-awards-box.listing-page-awards-box .awards-name .awards-year,.experiences .experiences-wraper.awardsOnly .dining-awards-box .awards-year{color:#beac6a;margin-right:10px;padding-right:12px;border-right:1px solid #000}.awards-box-home-page .award-col .awards-filter,.awards-box-home-page .award-col .awards-year{width:auto;position:absolute;left:50%;color:#bead72;background:#fff;transform:translate(-50%,0);line-height:100%;padding:5px 10px}.image-and-description-with-legend-attributes-option-2 .btn-wrap{margin-top:5px!important}.experiences .experiences-wraper.awardsOnly .dining-awards-box{width:100%;margin-top:20px}.dining-awards-box.listing-page-awards-box .awards-name,.experiences .experiences-wraper.awardsOnly .dining-awards-box .awards-name{font-family:"EB Garamond",serif;font-size:20px}.experiences .experiences-wraper.awardsOnly .dining-awards-box .awards-category{font-size:20px}.generic-awards{width:100%;float:left;margin:50px 0}.generic-awards .dining-awards-box{float:none;margin:0 auto}.awards-box-home-page{float:left;width:100%;padding:50px;text-align:center;font-family:"EB Garamond",serif}.awards-box-home-page .award-col{width:30%;float:left;margin-right:5%;position:relative;border:2px solid #bead72;padding:30px 10px}.awards-box-home-page .award-col .awards-year{top:-25px;font-size:36px;font-weight:600}.awards-box-home-page .award-col .awards-filter{bottom:-13px;font-size:18px}.awards-box-home-page .award-col .awards-name{font-size:18px;font-weight:700}.awards-box-home-page .award-col .awards-category{font-size:18px;margin-top:15px}.dining-awards-box.listing-page-awards-box{width:35%;float:right;margin-right:4%}.christmas-participating-hotels-list .slideBox .imgBox.plug_offer_btm{margin-bottom:5px}.christmas-participating-hotels-list .slideBox .featured-hdng_plug{font-family:"EB Garamond",serif;font-size:1.3em;line-height:125%;margin-bottom:10px;font-style:italic;color:#000}.christmas-participating-hotels-list.slider_plug .slick-next,.christmas-participating-hotels-list.slider_plug .slick-prev{top:37%}@media screen and (min-width:1025px){.back-button,.banner-and-booking-widget .banner .banner1 .banner-image,.banner-and-booking-widget .banner .banner1 .banner-video{margin-top:24px}.staticPage{margin-top:54px!important}.sitemap-page .heading-component{margin-top:44px!important}.filter-component .homepageheaderfilter{top:18px!important}.banner-component-style1.test2{margin-top:24px!important}.page-wrap{padding-top:24px}body.hotel-pages .banner-and-booking-widget .banner .banner1 .banner-image,body.hotel-pages .banner-and-booking-widget .banner .banner1 .banner-video{margin-top:0}.tab-with-content .tab-sec-wrap .bind.sticky{top:105px!important}header#header .header-right-unit .right-side-menu ul li a{padding:0 10px}}@media screen and (min-width:1025px) and (max-width:1440px){.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomsIndividualCount{margin-bottom:5px}}@media screen and (min-width:1200px){.heading-component p{max-width:85%}}@media screen and (min-width:1600px){.wrap{max-width:1600px}}@media only screen and (max-width:1280px){.container-1270px{padding:0 15px}.col-small .container-1270px{padding:0}.global-experiences .image-text-block-style1 .text-block .text-block-duration li .pop-out{transform:translate(-31%,-100%)}.marketing-asset-booking-detail{width:450px!important}}@media only screen and (max-width:1120px) and (min-width:1024px){.marketing-asset-booking-detail{width:360px!important}.marketing-asset-saving .m-saving:after{content:"";left:26%!important}}@media only screen and (max-width:1023px){.zopim.actv{visibility:hidden}#chat-btn{display:none}.marketing-asset-booking-detail{width:100%!important;margin:9px 0}.marketing-assets-right-section{margin:7px 0 10px}}@media only screen and (max-width:991px){body{padding-top:75px}.cookie-settings-wrapper{width:100%!important}.page-wrap{padding:30px 0 40px}.featured-list .image-text-block-style1 .image-block,.featured-list .image-text-block-style1 .text-block{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.featured-list .image-text-block-style1 .text-block{opacity:0}.featured-list .image-text-block-style1 .text-block .text-block-duration li{margin-right:15px}.featured-list .image-text-block-style1 .text-block .text-block-duration li strong{font-weight:500}.featured-list .image-text-block-style1 .image-block{opacity:.3}.slick-active.image-text-block-style1 .image-block,.slick-active.image-text-block-style1 .text-block{opacity:1}.marketing-assets{width:70%}}@media only screen and (max-width:768px){.only-text-fullwidth p br{display:none}.marketing-asset-limited-preiod-offer{font-size:28px}.marketing-asset-saving .m-saving{font-size:23px}.marketing-asset-saving .m-saving:after{content:"";left:17%!important}.marketing-asset-saving p{font-size:13px}.christmas-participating-hotels-list.slider_plug .slick-next,.christmas-participating-hotels-list.slider_plug .slick-prev{top:25%}}@media only screen and (max-width:767px){.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box-wrap{width:250px;padding:12px}.map-popup{overflow-x:hidden;}.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box-wrap .awards-marketing-assets-slidable-content-box .awards-year{font-size:20px;top:-13px}.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box-wrap .awards-marketing-assets-slidable-content-box .awards-marketing-assets-head1{font-size:16px;line-height:150%}.awards-marketing-assets-slidable-wrap .awards-marketing-assets-slidable-content-box-wrap .awards-marketing-assets-slidable-content-box .awards-marketing-assets-head2{margin-top:5px;line-height:170%}.awards-box-home-page{padding:20px}.awards-box-home-page .award-col{widows:100%;margin:15px 0;padding:20px 8px}.oberoi-delhi-awards{margin-left:0;max-width:100%}.dining-awards-box,.dining-awards-box.listing-page-awards-box,.marketing-assets,.phn-time li>span:first-child{width:100%}.generic-awards{padding:0 10px;margin:20px 0 0}.experiences.experiencesWrap .experiences-wraper .text-container{padding:0 2px!important}.experiences .experiences-wraper.awardsOnly .dining-awards-box .awards-name,body{font-size:16px}.experiences .experiences-wraper.awardsOnly .dining-awards-box .awards-category{font-size:18px}.experiences .experiences-wraper.awardsOnly .dining-awards-box{margin-top:10px}.awards-box-home-page .slick-dots{bottom:-15px!important;overflow:hidden;padding:5px 0;margin:0;text-align:center;left:50%;transform:translate(-50%,0)}.awards-box-home-page .slick-dots li.slick-active button{background:0 0!important}.awards-box-home-page .slick-dots li button{border:none!important}.christmas-participating-hotels-list.slider_plug .slick-next,.christmas-participating-hotels-list.slider_plug .slick-prev{top:30%}.gallery-page2 .filter-component .filters-main-category,.h2,.rooms-suites-page .filter-component .filters-main-category{margin-bottom:20px}.promo .promo-txt .promotext-copied{width:140px;left:85%}.mob-pb-90{padding-bottom:90px!important}.h2{font-size:1.3em}body.overflowHidden,html.overflowHidden{overflow:hidden}body.innerpage{padding-top:75px}body.innerpage header{height:75px;padding:3px 5%}.phn-time li p,p{font-size:13px!important}.breadcrumb-component{padding-left:18px}.heading-component{padding-bottom:30px}.heading-component h1,.heading-component h2{font-size:1.8em;padding-right:70px}.heading-component h1:last-child,.heading-component h2:last-child{margin-bottom:0}.heading-component p br{display:none}.section-heading{font-size:2em}.filter-popup-overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:8}.wish-icon img{max-width:30px}.gallery-page2 .heading-component{padding:0 0 20px}.gallery-page2 .share-component,.marketing-asset-text.active{right:0}.article-components-list .filter-toggle,.gallery-page2 .filter-toggle{font-size:.9375em}.phn-time li{font-size:13px;margin-bottom:10px}.phn-time li>span{display:block;width:100%}.filter-component .filters-main-category ul.three-colm-list>li{width:33.33%}.btn-style1,.btn-style2{font-size:.875em}.marketing-asset-text{width:91%;margin:0 4.5%}.marketing-asset-text .marketing-asset-offer .asset-offer{height:155px}.marketing-assets-right-section .marketing-asset-booking-detail .booking-detail{width:70%}.marketing-assets-right-section .marketing-asset-booking-detail .hotel-image{width:27%}.marketing-assets-right-section .marketing-asset-booking-detail .booking-detail p span{display:block}.marketing-assets-right-section .marketing-asset-booking-detail .booking-detail p strong{padding-bottom:0}@-webkit-keyframes slide{0%,100%{transform:translateX(100%);right:0}30%,65%{transform:translateX(0);right:0}}@keyframes slide{0%,100%{transform:translateX(100%);right:0}30%,65%{transform:translateX(0);right:0}}.dining-page .heading-component h1,.dining-page .heading-component h2,.exprience-details-main-wrap .heading-component h1,.exprience-details-main-wrap .heading-component h2,.hotel-destination-page .heading-component h1,.hotel-destination-page .heading-component h2,.page-wrap .heading-component h1,.page-wrap .heading-component h2,.spaWellnessPage .heading-component h1,.spaWellnessPage .heading-component h2{padding-right:70px}.marketing-asset-text .marketing-asset-offer .explore-btn a{padding:6px 20px}.article-components-list .filter-margin{top:-85px}.covid-band:after{right:6px}}@media screen and (max-width:480px){.marketing-asset-limited-preiod-offer,.marketing-asset-offer-section,.marketing-asset-saving{width:100%!important;display:inherit!important}.marketing-asset-offer-section .only-text-fullwidth p br{display:none!important}.marketing-asset-limited-preiod-offer{text-align:center!important;margin-bottom:10px}.marketing-asset-saving{text-align:center!important;margin-bottom:26px}.explore-btn{text-align:center!important;padding-bottom:10px}.marketing-asset-saving .m-saving:after{content:"";left:26%!important}.divDynamicMessageEV{width:100%}}@media screen and (max-width:359px){.heading-component h1,.heading-component h2,.section-heading{font-size:1.5em}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box li{font-size:13px!important}.marketing-asset-text .marketing-asset-offer .explore-btn{width:auto}}@media screen and (min-width:1920px){.dining-awards-box.listing-page-awards-box{width:26%}}@media only screen and (min-width:768px) and (max-width:1024px){.generic-awards .dining-awards-box.listing-page-awards-box{width:55%}} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; /* height: 100%; */ min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; max-width: 100%; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { .slick-slide img { width: 100%; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .slick-slide img { width: 100%; } .slick-slide img[data-lazy] { max-height: 50px; } } @charset "UTF-8"; /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("fonts/slick.eot"); src: url("fonts/slick.eot?#iefix") format("embedded-opentype"), url("fonts/slick.woff") format("woff"), url("fonts/slick.ttf") format("truetype"), url("fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { /* margin-bottom: 30px;*/ } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .back-button{padding-bottom:30px;text-transform:uppercase;font-size:.938em;font-family:"Roboto",sans-serif;font-weight:400;display:inline-block;vertical-align:bottom}.back-button a{color:#000;text-decoration:none;font-family:"Roboto",sans-serif;font-size:.938em;text-decoration:none;position:relative;line-height:100%;font-weight:500;padding:0px 15px 0px 15px}.back-button a:after{content:" ";border-bottom:2px solid #000;border-right:2px solid #000;top:50%;margin-top:-5px;height:7px;left:0px;position:absolute;-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(-45deg);transform:rotate(130deg);width:7px;z-index:2} /*# sourceMappingURL=back-button.css.map */ .exp-details-wrap{margin-bottom:40px}.exp-details-box{margin-bottom:30px;font-family:"Roboto",sans-serif;font-size:.938em}.exp-details-box:last-child{margin-bottom:0}.exp-details-box .exp-heading{line-height:100%;padding:10px 15px;background:#ebebeb;font-size:0.938em}.exp-details-box .exp-details-info{-moz-transition:max-height 1s ease-out;-webkit-transition:max-height 1s ease-out;-o-transition:max-height 1s ease-out;transition:max-height 1s ease-out;max-height:264px;overflow:hidden}.exp-details-box .exp-details-info.active{max-height:800px}.exp-details-box .exp-details-info table{width:100%;margin-top:22px}.exp-details-box .exp-details-info table tr th,.exp-details-box .exp-details-info table tr td{text-align:left;padding:10px 15px;font-size:.938em;vertical-align:top}.exp-details-box .exp-details-info table tr th a,.exp-details-box .exp-details-info table tr td a{color:#000;text-decoration:none}.exp-details-box .exp-details-info table tr td p{font-size:0.938em !important;font-weight:normal;margin-bottom:5px}.exp-details-box .exp-details-info table tr td p a{color:#000}.exp-details-box .exp-details-info table tr th{font-weight:500}.exp-details-box .exp-details-info table tr th span{font-weight:300;font-size:80%}.exp-details-box .exp-details-info .tnc-txt{margin:15px 0px 5px 0px;text-align:right;font-size:11px;font-weight:300}.exp-col1{float:left;margin-right:4%;width:57%}.exp-col2{float:left;width:39%}.booking-engine img{max-width:100%}.exp-details-box .exp-details-info table tr td:first-child,.exp-details-box .exp-details-info table tr td:nth-child(2){width:40%}@media only screen and (min-width: 1200px){.exp-details-box table tr th:nth-child(1){min-width:275px}.exp-details-box table tr th:nth-child(2){min-width:275px}}@media only screen and (max-width: 1024px){.exp-details-box .exp-details-info table tr td:first-child,.exp-details-box .exp-details-info table tr td:nth-child(2){width:40%}}@media only screen and (max-width: 991px){.exp-col2{display:none}.exp-col1,.exp-col2{width:100%;margin-right:0px}}@media only screen and (max-width: 767px){.exp-details-wrap{margin-bottom:40px}.exp-details-box .exp-heading{padding:10px 5px}.exp-details-box .exp-details-info table{margin-top:22px}.exp-details-box .exp-details-info table tr th,.exp-details-box .exp-details-info table tr td{padding:10px 5px;font-size:13px}.exp-details-box .exp-details-box .exp-details-info table tr td p{font-size:13px !important}.exp-col2{text-align:center}.booking-engine{margin-top:20px}} /*# sourceMappingURL=exp-details-box.css.map */ .page-top-margin{margin-top:80px}.marginl30{margin-bottom:30px}.grey-box-with-dropdown-with-slide-down.mt-20{margin-top:40px}.three-image-gallery.paticipating-htls-slider{margin-bottom:0}.three-image-gallery.paticipating-htls-slider .slick-arrow{transform:translate(0, -50%);top:37%}.paticipating-htls-slider .text-block p{font-style:italic;font-family:"EB Garamond", serif;font-weight:600}.paticipating-htls-slider .text-block p span{font-style:normal}.paticipating-htls-slider .text-block p a{color:inherit;text-decoration:none}.slider-div-paticipating-htls{padding:0 25px}.image-and-description-with-legend-attributes-option-3{margin-bottom:40px}.image-and-description-with-legend-attributes-option-3 .mcity-opt1-mt20{margin-top:20px}.image-and-description-with-legend-attributes-option-3 .mcity-opt1-mt40{margin-top:40px}.image-and-description-with-legend-attributes-option-3 .img-col{float:left;margin-right:4%;position:relative;width:57%;margin-bottom:40px}.image-and-description-with-legend-attributes-option-3 .img-col img{max-width:100%;vertical-align:middle;width:100%;height:auto !important}.image-and-description-with-legend-attributes-option-3 .img-col a{display:block}.image-and-description-with-legend-attributes-option-3 .img-col a .video-btn{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.image-and-description-with-legend-attributes-option-3 .description-col{float:left;width:39%;padding-top:15px}.image-and-description-with-legend-attributes-option-3 .description-col.fright{float:right;margin-bottom:20px}.image-and-description-with-legend-attributes-option-3 .description-col.div-down-arrow{max-height:435px;overflow:hidden;position:relative;transition:all .8s linear}.image-and-description-with-legend-attributes-option-3 .description-col.div-down-arrow .section-expand{display:block;position:absolute;bottom:-25px;width:100%}.image-and-description-with-legend-attributes-option-3 .description-col.OfferRighttext ul{margin-bottom:20px;padding-left:30px}.image-and-description-with-legend-attributes-option-3 .description-col.OfferRighttext ul li{font-weight:300;font-size:15px;font-family:"Roboto", sans-serif;list-style-position:outside;margin:10px 0 0 0}.image-and-description-with-legend-attributes-option-3 .description-col.alliances ul li{font-weight:300;font-size:15px}.image-and-description-with-legend-attributes-option-3 .description-col.alliances ul li strong{font-weight:300}.image-and-description-with-legend-attributes-option-3 .description-col .description-col-flexiheight{overflow:hidden;transition:all linear 1s}.image-and-description-with-legend-attributes-option-3 .description-col .section-expand{height:38px;background:url(/images/OberoiHotels/common/gradient.png) repeat-x top left;background-color:transparent;display:none;text-align:center;position:relative;z-index:1}.image-and-description-with-legend-attributes-option-3 .description-col .section-expand .down-arrow-btn{display:inline-block;border-bottom:2px solid #d97720;border-right:2px solid #d97720;bottom:10px;height:10px;-moz-transform:rotate(45deg) translateX(-50%);-webkit-transform:rotate(45deg) translateX(-50%);-ms-transform:rotate(45deg) translateX(-50%);-o-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);width:10px;z-index:2;cursor:pointer;transition:all 1s ease}.image-and-description-with-legend-attributes-option-3 .description-col .section-expand .down-arrow-btn.active{moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)}.image-and-description-with-legend-attributes-option-3 .description-col .grey-box-with-dropdown-with-slide-down{margin-bottom:0}.image-and-description-with-legend-attributes-option-3 .description-col .grey-box-with-dropdown-with-slide-down p{margin:0}.image-and-description-with-legend-attributes-option-3 .description-col .grey-box-with-dropdown-with-slide-down p strong{font-weight:700}.image-and-description-with-legend-attributes-option-3 .description-col .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading{padding-left:0}.image-and-description-with-legend-attributes-option-3 .description-col .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading strong{font-weight:400}.image-and-description-with-legend-attributes-option-3 .description-col .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls.offer-detail-box{padding-top:5px}.image-and-description-with-legend-attributes-option-3 .description-col .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap{margin:10px 0 0 0;padding-left:0}.image-and-description-with-legend-attributes-option-3 .description-col .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col.col-big{width:49%}.image-and-description-with-legend-attributes-option-3 .description-col .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col.col-small{width:35%}.image-and-description-with-legend-attributes-option-3 .description-col .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col span{display:inline-block}.image-and-description-with-legend-attributes-option-3 .description-col .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-content-dtls.active{max-height:800px}.image-and-description-with-legend-attributes-option-3 .description-col table.bgcolor{background-color:#919191;width:100%;margin-top:5px;font-size:.938em;font-family:"Roboto",sans-serif}.image-and-description-with-legend-attributes-option-3 .description-col table.bgcolor tr th{background:#fff;padding:3px 10px;font-weight:400;text-align:center}.image-and-description-with-legend-attributes-option-3 .description-col table.bgcolor tr th:first-child{text-align:left}.image-and-description-with-legend-attributes-option-3 .description-col table.bgcolor tr td{background:#fff;padding:5px 10px;font-weight:300;text-align:center}.image-and-description-with-legend-attributes-option-3 .description-col table.bgcolor tr td:first-child{text-align:left}.image-and-description-with-legend-attributes-option-3 .ani-list{margin-bottom:10px}.image-and-description-with-legend-attributes-option-3 .ani-list li{margin-bottom:7px}.image-and-description-with-legend-attributes-option-3 .distanceAv{margin-top:1.5em}.image-and-description-with-legend-attributes-option-3 p{margin-bottom:20px;font-family:"Roboto",sans-serif;font-size:.938em}.image-and-description-with-legend-attributes-option-3 p strong{font-weight:400}.image-and-description-with-legend-attributes-option-3 p:first-child{margin-top:-4px}.image-and-description-with-legend-attributes-option-3 h2{font-family:"EB Garamond",serif;font-size:1.75em;font-style:italic;font-weight:400;line-height:110%;margin-bottom:12px;margin-top:-5px}.image-and-description-with-legend-attributes-option-3 h2 span{font-style:normal}.wellness-list{text-align:center}.wellness-list>li{overflow:hidden;display:inline-block;vertical-align:top;margin-right:1%;position:relative;width:49%}.wellness-list>li:last-child{margin-right:0}.wellness-list>li:hover .wellness-overlay{top:0;opacity:1;visibility:visible}.wellness-list>li:hover .wellness-captn{opacity:0;visibility:hidden}.wellness-list>li img{width:100%;max-width:100%;vertical-align:middle}.wellness-list>li .wellness-captn{background-color:#ffffff;bottom:-16px;display:inline-block;font-size:1.250em;font-family:"EB Garamond", serif;left:50%;line-height:100%;min-width:294px;padding:18px 0;position:absolute;-moz-transform:translate(-50%, 0px);-webkit-transform:translate(-50%, 0px);transform:translate(-50%, 0px)}.wellness-list>li .wellness-overlay{background-color:rgba(255,255,255,0.95);opacity:0;visibility:hidden;display:flex;align-items:center;height:100%;left:0;padding:0 20px;position:absolute;top:100%;z-index:2;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.wellness-list>li .wellness-overlay p{font-size:0.938em;line-height:24px}.wellness-list>li .wellness-hdng{font-size:1.250em;font-family:"EB Garamond", serif;line-height:100%;margin-bottom:25px}@media only screen and (max-width: 991px){.grey-box-with-dropdown-with-slide-down.mt-20{margin:10px 0 20px !important}.image-and-description-with-legend-attributes-option-3{margin-bottom:20px}.image-and-description-with-legend-attributes-option-3 .img-col{width:100%;margin-right:0;margin-bottom:0;max-width:100%}.image-and-description-with-legend-attributes-option-3 .description-col{width:100%}.image-and-description-with-legend-attributes-option-3 .distanceAv{margin-top:0}.image-and-description-with-legend-attributes-option-3 p:first-child{margin-top:0px}.wellness-list>li .wellness-hdng{margin-bottom:10px}.wellness-list>li .wellness-overlay p{font-size:13px;line-height:18px}}@media only screen and (max-width: 767px){.page-top-margin{margin-top:40px}.image-and-description-with-legend-attributes-option-3 .img-col .video-btn img{max-width:50px}.experiences.experiencesWrap .container-1270px{padding:0}.wellness-list>li{width:100%;margin:0 0 20px}.wellness-list>li:last-child{margin-bottom:0}.wellness-list>li:hover .wellness-overlay{top:-28px}.wellness-list>li .wellness-overlay{background-color:transparent;display:block;height:auto;opacity:1;position:relative;top:-28px;visibility:visible;padding:0 10px}.wellness-list>li .wellness-hdng{background-color:#ffffff;display:inline-block;margin:0 0 15px;min-width:260px;padding:15px 10px}.wellness-list>li .wellness-captn{display:none}} /*# sourceMappingURL=image-and-description-with-legend-attributes-option-3.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ @media only screen and (min-width:1920px) { .share-list{ right: -60px; left: auto !important; } .share-list:before{ left: -4px; } } .share-component { position: absolute; right: 0; top: 8px; } .share-component .share-toggle { color: #d8741b; cursor: pointer; display: block !important; font-family: "Roboto", sans-serif; font-size: 0.9375em; margin-right: 5px; } .share-component .share-toggle > span { margin-right: 5px; } .share-component .share-toggle .fa{ margin-right: 5px;} .share-list { background-color: #f2f2f2; display: none; left: -60px; padding: 15px 14px; position: absolute; text-align: center; top: 0; width: 46px; z-index: 9; } .share-list > li { cursor: pointer; display: block; list-style: outside none none; margin-bottom: 10px; } .share-list > li:hover i { color: #13c1f3; } .share-list > li:last-child { margin-bottom: 0; } .share-list > li i { color: #cacac6; font-size: 18px; } .share-list:before { background-color: #f2f2f2; content: ""; height: 10px; position: absolute; right: -4px; top: 5px; transform: rotate(-45deg); width: 10px; } /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .three-image-gallery.type2 .slick-arrow { transform: translate(0, -50%); } .three-image-gallery { margin-bottom: 40px; } .three-image-gallery .offer-featured-hdng { text-transform: uppercase; margin-bottom: 8px; font-family: "Roboto", sans-serif; font-size: 0.813em; font-weight: 300; } .three-image-gallery.Slideritem-1 { display: none; } .three-image-gallery.Slideritem-2 { display: none; } .three-image-gallery .slider-div { padding: 0 30px; } .three-image-gallery .slider-div .image-block { position: relative; } .three-image-gallery .slider-div .image-block .video-btn { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); } .three-image-gallery .slider-div .image-block .video-btn img { width: 81px; height: 81px; } .three-image-gallery .slider-div.item-4 { padding: 0px; } .three-image-gallery .slider-div.item-4 .slick-track { /* .slick-slide { &:first-child { margin-left: 0px; } } .slick-slide { &:last-child { margin-right: 0px; } } */ } .three-image-gallery h2 { font-family: "EB Garamond", serif; font-size: 1.75em; font-weight: 400; line-height: 100%; margin-bottom: 28px; } .three-image-gallery .slick-slide { margin: 0 11px; } .three-image-gallery .slick-arrow { background-color: #464646; height: 30px; transform: translate(0px, -65px); width: 30px; z-index: 1; } .three-image-gallery .slick-arrow::before { display: none; } .three-image-gallery .slick-next { right: 0; } .three-image-gallery .slick-prev { background: url("/images/OberoiHotels/common/arrow-left2.png") no-repeat center center #d8d8d8; left: 0; } .three-image-gallery .slick-prev:hover { background: url("/images/OberoiHotels/common/arrow-left2.png") no-repeat center center #464646; left: 0; } .three-image-gallery .slick-next { background: url("/images/OberoiHotels/common/arrow-right5.png") no-repeat center center #d8d8d8; right: 0; } .three-image-gallery .slick-next:hover { background: url("/images/OberoiHotels/common/arrow-right5.png") no-repeat center center #464646; right: 0; } .three-image-gallery .slider-style1-wrap h2 { float: left; } .three-image-gallery .slider-style1-wrap .btn-style2 { float: right; margin-top: 5px; } .three-image-gallery .text-block-sub-hdng { font-size: 14px; color: #7f7f7f; font-weight: 300; margin-bottom: 15px; font-family: "Roboto", sans-serif; } @media only screen and (min-width: 768px) { .three-image-gallery.Slideritem-3 .slider-div .slick-track .slick-slide { width: 48% !important; } .three-image-gallery.Slideritem-3 .slider-div .slick-track { width: 100% !important; } .three-image-gallery.Slideritem-3 .slider-div .slick-track .slick-slide { padding: 0px; margin: 0 2%; float: left; } .three-image-gallery.Slideritem-3 .slider-div .slick-track .slick-slide:first-child { margin-left: 0px; } .three-image-gallery.Slideritem-3 .slider-div .slick-track .slick-slide:last-child { margin-right: 0px; } .three-image-gallery.Slideritem-3 .slider-div { padding: 0px; } } @media only screen and (max-width: 767px) { .three-image-gallery h2 { font-size: 1.5em; } .slider-style1-component { margin-bottom: 50px; } .slider-style1-component h2 { font-size: 1.65em; line-height: 1.2em; margin-bottom: 18px; } .slider-style1-component .slider-div { padding: 0; } .slider-style1-component .slick-slide { margin: 0; } .slider-style1-component .slick-arrow { transform: translate(0px, -80px); } .slider-style1-component .slick-prev { left: -10px; } .slider-style1-component .slick-next { right: -10px; } .slider-style1-component .slider-style1-wrap h2 { width: 72%; } .slider-style1-component .slick-slider { padding: 0 20px; } } @media only screen and (max-width: 359px) { .three-image-gallery .slider-style1-wrap .btn-style2 { font-size: 13.5px; } } /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .threeVideo-image-gallery.type2 .slick-arrow { transform: translate(0, -50%); } .threeVideo-image-gallery { margin-bottom: 40px; } .threeVideo-image-gallery .offer-featured-hdng { text-transform: uppercase; margin-bottom: 8px; font-family: "Roboto", sans-serif; font-size: 0.813em; font-weight: 300; } .threeVideo-image-gallery.Slideritem-1 { display: none; } .threeVideo-image-gallery.Slideritem-2 { display: none; } .threeVideo-image-gallery .slider-div { padding: 0 30px; } .threeVideo-image-gallery .slider-div .image-block { position: relative; } .threeVideo-image-gallery .slider-div .image-block .video-btn { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); } .threeVideo-image-gallery .slider-div .image-block .video-btn img { width: 81px; height: 81px; } .threeVideo-image-gallery .slider-div .image-block .ftr-gllry-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.62); } .threeVideo-image-gallery .slider-div.item-4 { padding: 0px; } .threeVideo-image-gallery .slider-div.item-4 .slick-track { /* .slick-slide { &:first-child { margin-left: 0px; } } .slick-slide { &:last-child { margin-right: 0px; } } */ } .threeVideo-image-gallery h2 { font-family: "EB Garamond", serif; font-size: 1.75em; font-weight: 400; line-height: 100%; margin-bottom: 28px; } .threeVideo-image-gallery .slick-slide { margin: 0 11px; } .threeVideo-image-gallery .slick-arrow { background-color: #464646; height: 30px; transform: translate(0px, -65px); width: 30px; z-index: 1; } .threeVideo-image-gallery .slick-arrow::before { display: none; } .threeVideo-image-gallery .slick-next { right: 0; } .threeVideo-image-gallery .slick-prev { background: url("/images/OberoiHotels/common/arrow-left2.png") no-repeat center center #d8d8d8; left: 0; } .threeVideo-image-gallery .slick-prev:hover { background: url("/images/OberoiHotels/common/arrow-left2.png") no-repeat center center #464646; left: 0; } .threeVideo-image-gallery .slick-next { background: url("/images/OberoiHotels/common/arrow-right5.png") no-repeat center center #d8d8d8; right: 0; } .threeVideo-image-gallery .slick-next:hover { background: url("/images/OberoiHotels/common/arrow-right5.png") no-repeat center center #464646; right: 0; } .threeVideo-image-gallery .slider-style1-wrap h2 { float: left; } .threeVideo-image-gallery .slider-style1-wrap .btn-style2 { float: right; margin-top: 5px; } .threeVideo-image-gallery .text-block-sub-hdng { font-size: 14px; color: #7f7f7f; font-weight: 300; margin-bottom: 15px; font-family: "Roboto", sans-serif; } @media only screen and (min-width: 768px) { .threeVideo-image-gallery.Slideritem-3 .slider-div .slick-track .slick-slide { width: 48% !important; } .threeVideo-image-gallery.Slideritem-3 .slider-div .slick-track { width: 100% !important; } .threeVideo-image-gallery.Slideritem-3 .slider-div .slick-track .slick-slide { padding: 0px; margin: 0 2%; float: left; } .threeVideo-image-gallery.Slideritem-3 .slider-div .slick-track .slick-slide:first-child { margin-left: 0px; } .threeVideo-image-gallery.Slideritem-3 .slider-div .slick-track .slick-slide:last-child { margin-right: 0px; } .threeVideo-image-gallery.Slideritem-3 .slider-div { padding: 0px; } } @media only screen and (max-width: 767px) { .threeVideo-image-gallery h2 { font-size: 1.5em; } .slider-style1-component { margin-bottom: 50px; } .slider-style1-component h2 { font-size: 1.65em; line-height: 1.2em; margin-bottom: 18px; } .slider-style1-component .slider-div { padding: 0; } .slider-style1-component .slick-slide { margin: 0; } .slider-style1-component .slick-arrow { transform: translate(0px, -80px); } .slider-style1-component .slick-prev { left: -10px; } .slider-style1-component .slick-next { right: -10px; } .slider-style1-component .slider-style1-wrap h2 { width: 72%; } .slider-style1-component .slick-slider { padding: 0 20px; } } @media only screen and (max-width: 359px) { .threeVideo-image-gallery .slider-style1-wrap .btn-style2 { font-size: 13.5px; } } /*# sourceMappingURL=three-image-gallery.css.map */ .tnc-details-box{margin-bottom:40px;margin-top: 30px;}.tnc-details-box .tnc-details-content{font-size:.938em;display:none;padding-top:15px;padding-left:7px}.tnc-details-box .tnc-details-content .fifty{float:left;width:48%;margin:0 1%}.tnc-details-box .tnc-details-content .fifty h3{font-family:"EB Garamond",serif;font-weight:400;font-size:22px}.tnc-details-box .tnc-details-content .hundred-v h3{font-family:"EB Garamond",serif;font-weight:400;font-size:22px}.tnc-details-box .tnc-details-content p{font-family:"Roboto",sans-serif;margin-top:10px}.tnc-details-box .tnc-details-content ul{padding-left:15px;margin-bottom:25px}.tnc-details-box .tnc-details-content ul li{margin-top:8px;font-family: "verdanaN";font-weight:300;line-height:150%;font-size: 1.188em;}.tnc-details-box .tnc-details{text-transform:uppercase;/*font-size:.938em;font-family:"Roboto",sans-serif;font-weight:400;*/display:inline-block;vertical-align:bottom;border-bottom:1px solid #f2f2f2;width:100%}.tnc-details-box .tnc-details a{color:#606161;cursor:pointer;display:block;font-family: "verdanaN";serif;font-size: 1.188em;font-weight:300;line-height:100%;padding:0 15px 10px 7px;position:relative;text-decoration:none;text-transform:none}.tnc-details-box .tnc-details a span{position:relative;padding-right:24px;display:inline-block;width: 100%;}.tnc-details-box .tnc-details a span:before{content:" ";border-bottom:2px solid #606161;border-right:2px solid #606161;top:50%;margin-top:-6px;height:7px;right:0px;position:absolute;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px;z-index:2}.tnc-details-box .tnc-details.type2{margin-bottom:0px}.tnc-details-box .tnc-details.type2 a{font-weight:300}.tnc-details-box .tnc-details.type2 a span{display:block}.tnc-details-box .tnc-details.type2 a span:before{border-width:1px;border-color:#000}.tnc-details-box .tnc-details.actv a span:before{-moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg);margin-top:-2px}@media only screen and (max-width: 767px){.tnc-details-box .tnc-details.type2 a span{display:inline-block}.tnc-details-box .tnc-details-content{padding-left:15px}.tnc-details-box .tnc-details-content .fifty{width:100%;margin:0}.tnc-details-box .tnc-details-content ul{padding-left:0}.tnc-details-box .tnc-details-content ul li{font-size:13px !important;line-height:1.5em}} /*# sourceMappingURL=tnc-details-box.css.map */ /* Main rotation */ @-webkit-keyframes main-rotation { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-moz-keyframes main-rotation { 0% { -moz-transform: rotate(360deg); transform: rotate(360deg); } 100% { -moz-transform: rotate(0deg); transform: rotate(0deg); } } @-o-keyframes main-rotation { 0% { -o-transform: rotate(360deg); transform: rotate(360deg); } 100% { -o-transform: rotate(0deg); transform: rotate(0deg); } } /* @-ms-keyframes main-rotation { 0% { -ms-transform: rotate(360deg); transform: rotate(360deg); } 100% { -ms-transform: rotate(0deg); transform: rotate(0deg); } } */ @keyframes main-rotation { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } /*Main scale */ @-webkit-keyframes main-scale { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: .6; } } @-moz-keyframes main-scale { 0% { -moz-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; } 100% { -moz-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: .6; } } @-o-keyframes main-scale { 0% { -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; } 100% { -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: .6; } } /* @-ms-keyframes main-scale { 0% { -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; } 100% { -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: .6; } } */ @keyframes main-scale { 0% { transform: translate(-50%, -50%) scale(0); opacity: 0; } 100% { transform: translate(-50%, -50%) scale(1); opacity: .6; } } /* Opacity anim util */ @-webkit-keyframes opacity-anim { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opacity-anim { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opacity-anim { 0% { opacity: 0; } 100% { opacity: 1; } } /* @-ms-keyframes opacity-anim { 0% { opacity: 0; } 100% { opacity: 1; } } */ @keyframes opacity-anim { 0% { opacity: 0; } 100% { opacity: 1; } } .loader-main { position: absolute; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; left: 50%; top: 50%; height: 50%; transform: translate(-50%,-50%); } .logo-wrapper { position: relative; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: main-scale 5s ease-out .2s; -moz-animation: main-scale 5s ease-out .2s; -o-animation: main-scale 5s ease-out .2s; animation: main-scale 5s ease-out .2s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .loader-main .logo { position: relative; height: 100%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: main-rotation 10s linear infinite; -moz-animation: main-rotation 10s linear infinite; -o-animation: main-rotation 10s linear infinite; animation: main-rotation 10s linear infinite; } .loader-main .copy { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%) scale(.55); -ms-transform: translateY(-50%) scale(.55); -moz-transform: translateY(-50%) scale(.55); -o-transform: translateY(-50%) scale(.55); transform: translateY(-50%) scale(.55); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: .8; } .copy svg { border: 4px solid; border-color: transparent; } .leaf { opacity: 0; } #heart { opacity: 0; -webkit-animation: opacity-anim 1s linear; -moz-animation: opacity-anim 1s linear; -o-animation: opacity-anim 1s linear; animation: opacity-anim 1s linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; } #felt { opacity: 0; -webkit-animation: opacity-anim 1s linear; -moz-animation: opacity-anim 1s linear; -o-animation: opacity-anim 1s linear; animation: opacity-anim 1s linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; } /* Each leaf animation timing */ #leaf-1 { -webkit-animation: opacity-anim 6.8235294118s; -moz-animation: opacity-anim 6.8235294118s; -o-animation: opacity-anim 6.8235294118s; animation: opacity-anim 6.8235294118s; -webkit-animation-delay: 0.6323529412s; -moz-animation-delay: 0.6323529412s; -o-animation-delay: 0.6323529412s; animation-delay: 0.6323529412s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-2 { -webkit-animation: opacity-anim 6.6470588235s; -moz-animation: opacity-anim 6.6470588235s; -o-animation: opacity-anim 6.6470588235s; animation: opacity-anim 6.6470588235s; -webkit-animation-delay: 0.7647058824s; -moz-animation-delay: 0.7647058824s; -o-animation-delay: 0.7647058824s; animation-delay: 0.7647058824s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-3 { -webkit-animation: opacity-anim 6.4705882353s; -moz-animation: opacity-anim 6.4705882353s; -o-animation: opacity-anim 6.4705882353s; animation: opacity-anim 6.4705882353s; -webkit-animation-delay: 0.8970588235s; -moz-animation-delay: 0.8970588235s; -o-animation-delay: 0.8970588235s; animation-delay: 0.8970588235s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-4 { -webkit-animation: opacity-anim 6.2941176471s; -moz-animation: opacity-anim 6.2941176471s; -o-animation: opacity-anim 6.2941176471s; animation: opacity-anim 6.2941176471s; -webkit-animation-delay: 1.0294117647s; -moz-animation-delay: 1.0294117647s; -o-animation-delay: 1.0294117647s; animation-delay: 1.0294117647s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-5 { -webkit-animation: opacity-anim 6.1176470588s; -moz-animation: opacity-anim 6.1176470588s; -o-animation: opacity-anim 6.1176470588s; animation: opacity-anim 6.1176470588s; -webkit-animation-delay: 1.1617647059s; -moz-animation-delay: 1.1617647059s; -o-animation-delay: 1.1617647059s; animation-delay: 1.1617647059s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-6 { -webkit-animation: opacity-anim 5.9411764706s; -moz-animation: opacity-anim 5.9411764706s; -o-animation: opacity-anim 5.9411764706s; animation: opacity-anim 5.9411764706s; -webkit-animation-delay: 1.2941176471s; -moz-animation-delay: 1.2941176471s; -o-animation-delay: 1.2941176471s; animation-delay: 1.2941176471s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-7 { -webkit-animation: opacity-anim 5.7647058824s; -moz-animation: opacity-anim 5.7647058824s; -o-animation: opacity-anim 5.7647058824s; animation: opacity-anim 5.7647058824s; -webkit-animation-delay: 1.4264705882s; -moz-animation-delay: 1.4264705882s; -o-animation-delay: 1.4264705882s; animation-delay: 1.4264705882s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-8 { -webkit-animation: opacity-anim 5.5882352941s; -moz-animation: opacity-anim 5.5882352941s; -o-animation: opacity-anim 5.5882352941s; animation: opacity-anim 5.5882352941s; -webkit-animation-delay: 1.5588235294s; -moz-animation-delay: 1.5588235294s; -o-animation-delay: 1.5588235294s; animation-delay: 1.5588235294s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-9 { -webkit-animation: opacity-anim 5.4117647059s; -moz-animation: opacity-anim 5.4117647059s; -o-animation: opacity-anim 5.4117647059s; animation: opacity-anim 5.4117647059s; -webkit-animation-delay: 1.6911764706s; -moz-animation-delay: 1.6911764706s; -o-animation-delay: 1.6911764706s; animation-delay: 1.6911764706s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-10 { -webkit-animation: opacity-anim 5.2352941176s; -moz-animation: opacity-anim 5.2352941176s; -o-animation: opacity-anim 5.2352941176s; animation: opacity-anim 5.2352941176s; -webkit-animation-delay: 1.8235294118s; -moz-animation-delay: 1.8235294118s; -o-animation-delay: 1.8235294118s; animation-delay: 1.8235294118s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-11 { -webkit-animation: opacity-anim 5.0588235294s; -moz-animation: opacity-anim 5.0588235294s; -o-animation: opacity-anim 5.0588235294s; animation: opacity-anim 5.0588235294s; -webkit-animation-delay: 1.9558823529s; -moz-animation-delay: 1.9558823529s; -o-animation-delay: 1.9558823529s; animation-delay: 1.9558823529s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-12 { -webkit-animation: opacity-anim 4.8823529412s; -moz-animation: opacity-anim 4.8823529412s; -o-animation: opacity-anim 4.8823529412s; animation: opacity-anim 4.8823529412s; -webkit-animation-delay: 2.0882352941s; -moz-animation-delay: 2.0882352941s; -o-animation-delay: 2.0882352941s; animation-delay: 2.0882352941s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-13 { -webkit-animation: opacity-anim 4.7058823529s; -moz-animation: opacity-anim 4.7058823529s; -o-animation: opacity-anim 4.7058823529s; animation: opacity-anim 4.7058823529s; -webkit-animation-delay: 2.2205882353s; -moz-animation-delay: 2.2205882353s; -o-animation-delay: 2.2205882353s; animation-delay: 2.2205882353s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-14 { -webkit-animation: opacity-anim 4.5294117647s; -moz-animation: opacity-anim 4.5294117647s; -o-animation: opacity-anim 4.5294117647s; animation: opacity-anim 4.5294117647s; -webkit-animation-delay: 2.3529411765s; -moz-animation-delay: 2.3529411765s; -o-animation-delay: 2.3529411765s; animation-delay: 2.3529411765s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-15 { -webkit-animation: opacity-anim 4.3529411765s; -moz-animation: opacity-anim 4.3529411765s; -o-animation: opacity-anim 4.3529411765s; animation: opacity-anim 4.3529411765s; -webkit-animation-delay: 2.4852941176s; -moz-animation-delay: 2.4852941176s; -o-animation-delay: 2.4852941176s; animation-delay: 2.4852941176s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-16 { -webkit-animation: opacity-anim 4.1764705882s; -moz-animation: opacity-anim 4.1764705882s; -o-animation: opacity-anim 4.1764705882s; animation: opacity-anim 4.1764705882s; -webkit-animation-delay: 2.6176470588s; -moz-animation-delay: 2.6176470588s; -o-animation-delay: 2.6176470588s; animation-delay: 2.6176470588s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } #leaf-17 { -webkit-animation: opacity-anim 4s; -moz-animation: opacity-anim 4s; -o-animation: opacity-anim 4s; animation: opacity-anim 4s; -webkit-animation-delay: 2.75s; -moz-animation-delay: 2.75s; -o-animation-delay: 2.75s; animation-delay: 2.75s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } .loader { background: #fff; width: 100%; height: 100%; position: fixed; z-index: 99999; left: 0px; top: 0px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #loader.deactive { opacity: 0; z-index: -999; } #loader { background: #fff; width: 100%; height: 100%; position: fixed; z-index: 99999; left: 0px; top: 0px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .flower { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); } .solar-star { -webkit-animation: rotating 20s linear infinite; -moz-animation: rotating 20s linear infinite; -ms-animation: rotating 20s linear infinite; -o-animation: rotating 20s linear infinite; animation: rotating 20s linear infinite; } .solar-star-text { position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 45px; opacity: 1; font-family: 'EB Garamond', serif; font-style: italic; /* -webkit-animation: text-animation 3s linear ; -moz-animation: text-animation 3s linear ; -ms-animation: text-animation 3s linear ; -o-animation: text-animation 3s linear ; animation: text-animation 3s linear ; animation-delay: 1500ms; */ } .solar-star-text span { opacity: 0; transition: all 0.5s ease 0s; } .solar-star-text span.actv { opacity: 1; } .active { opacity: 1; } .scale-animation { -webkit-animation: scale 3s linear; -moz-animation: scale 3s linear; -ms-animation: scale 3s linear; -o-animation: scale 3s linear; animation: scale 3s linear; } @keyframes rotating { from { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } to { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes scale { from { -ms-transform: scale(0.1); -moz-transform: scale(0.1); -webkit-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); } to { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes text-animation { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 767px) { .solar-star-text { font-size: 36px; } .flower { transform: translate(-50%, -50%) scale(0.6); } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .logo-wrapper { left: 0; top: 0; } } .html5-video-container { height: 100vh !important; } .dnone, .defaulthomepage { display: none; } body.hotel-pages header .header-logo-unit { margin-top: 0px; } .availability-cta .booking-engine { display: none; top: 16px; } .availability-cta .booking-engine .bookYourStay { display: none !important; } .search-box { top: 10%; display: none; padding: 0 5%; position: absolute; width: 690px; z-index: 11; right: 0; } .search-box h3 { font-size: 2rem; font-family: "verdanaN"; color: #606161; font-weight: normal; } .search-box .srch-input { position: relative; background: #eeeeee; padding: 20px 40px 40px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .search-box .srch-input input { background: #eeeeee url(../images/OberoiHotels/search-close.svg) no-repeat center right 5%; text-align: left; border: 0 none; font-family: "Verdana", sans-serif; font-size: 0.9375em; padding: 10px 20px 10px 0px; width: 100%; border-bottom: 1px solid #707070; margin-top: 40px; } .search-box .srch-input input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: 10px; width: 10px; background: url(../../../images/OberoiHotels/search-close.svg) center center; background-size: 100%; cursor: pointer; } .search-box .srch-input .close-search { cursor: pointer; position: absolute; right: 15px; top: 10px; } .search-box .srch-input .close-search i { color: #d3d3d3; } .autocomplete-suggestions { height: 180px; overflow-y: scroll; z-index: 99999999999999 !important; /*width: 26% !important;*/ min-width: 462px !important; background: #eeeeee; /*left: 68.75% !important;*/ left: inherit !important; padding: 15px 40px; right: 131px; } .autocomplete-suggestions .autocomplete-suggestion { margin: 10px 0px; font-family: "verdanaN"; color: #606161; font-size: 1.2rem; cursor: pointer; } .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected { background-color: #d8741b; color: #fff; padding: 5px; } .top-nav { background-color: #eeeeee; left: 0; padding: 6px 0 0px; position: fixed; top: 0; width: 100%; z-index: 99992; } .top-nav.fullwidthheader .header-wraper { max-width: 100%; padding: 0 3.5%; } .top-nav .header-wraper { max-width: 1270px; margin: 0 auto; } .top-nav .social { margin-right: 12px; } .top-nav .social li { margin-right: 5px; } .top-nav .social li a { transform: scale(0.6); } .top-nav .left-nav { float: left; padding-top: 2px; } .top-nav .right-nav { float: right; } .top-nav .right-nav ul { display: inline-block; vertical-align: middle; } .top-nav ul li { display: inline-block; margin-right: 40px; } .top-nav ul li.language-component { color: #fff; position: relative; padding: 0 10px 0 0; } .top-nav ul li.language-component:after { border: solid #606161; border-width: 0 1px 1px 0; display: inline-block; padding: 4px; position: absolute; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg); right: -7px; top: 3px; transition: all linear 0.3s; } .top-nav ul li.language-component.active:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); right: -5px; top: 8px; } .top-nav ul li.language-component .selected-language { min-width: 40px; text-align: right; } .top-nav ul li.language-component .language-menu { display: none; position: absolute; background: #eeeeee; top: 29px; z-index: 1; right: -6px; width: 100px; padding-top: 5px; } .top-nav ul li.language-component .language-menu ul { list-style-type: none; } .top-nav ul li.language-component .language-menu ul li { display: block; float: none; padding: 3px 7.5px; font-size: 0.938em; cursor: pointer; white-space: nowrap; color: #606161; font-family: "Verdana", sans-serif; } .top-nav ul li:last-child { margin-right: 0; } .header-wraper .search-btn { color: #606161; cursor: pointer; } .header-wraper .search-btn img { vertical-align: middle; } .top-nav ul li a { color: #606161; font-family: "Verdana", sans-serif; font-size: 0.938em; letter-spacing: 1px; text-decoration: none; text-transform: none; } .top-nav .icon { display: inline-block; margin-right: 6px; vertical-align: middle; } header { padding: 0px 0 0px 0; position: fixed; top: 0; left: 0; right: 0; height: 84px; background: #fff; -webkit-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; z-index: 99991; box-shadow: 0px 2px 10px #555; } header.hotel-pages { top: 37px; } header.fullwidthheader .header-wraper { max-width: 100%; padding: 0 3.5%; /* display:flex; align-items:center; */ } header .header-wraper { max-width: 1270px; margin: 0 auto; } header .header-left-unit { float: left; margin: 32px 0 0 0; width: 45.8%; } header .header-left-unit .left-side-menu { float: left; margin-top: 2px; /* margin-left: 8px; */ } header .header-left-unit .left-side-menu ul { list-style-type: none; } header .header-left-unit .left-side-menu ul li { font-size: 1.188em; color: #606161; font-family: "optimanormal", serif; float: left; } header .header-left-unit .left-side-menu ul li.active-tab a { color: #d8741b; } header .header-left-unit .left-side-menu ul li a { color: #606161; text-decoration: none; padding: 0 22px; letter-spacing: 1px; } header .header-right-unit.overview-links .right-side-menu .cta-box { float: left; margin-top: -4px; transition: none 0s ease 0s; width: 100px; margin-left: 22px; } header .header-right-unit { float: right; width: 43%; margin-top: 27px; } header .header-right-unit .right-side-menu { float: right; /* margin-top: 30px; */ position: relative; /* display:flex; align-items:center; */ } header .header-right-unit .right-side-menu ul { float: left; list-style-type: none; margin-top: 7px; } header .header-right-unit .right-side-menu ul li { font-size: 1.1875em; color: #606161; font-family: "optimanormal", serif; float: left; } header .header-right-unit .right-side-menu ul li.active-tab a { color: #d8741b; } header .header-right-unit .right-side-menu ul li a { color: #606161; text-decoration: none; padding: 0 16px; margin: 0 0 0 0px; } header .header-right-unit .right-side-menu ul li.club a { background: url(https://www.oberoihotels.com/images/OberoiHotels/menu/man.png) no-repeat left center; margin-left: 15px; } header .header-right-unit .right-side-menu .searchDesktop { float: left; display: block; width: 67px; min-height: 25px; min-width: 15px; background: url(https://www.oberoihotels.com/images/OberoiHotels/search-icon.jpg) no-repeat left center; padding-left: 15px; margin-right: 0px; margin-left: 10px; } header .header-right-unit .right-side-menu .searchDesktop input[type="text"] { border: none; padding: 0px 3px; font-size: 1.12em; width: 100px; font-family: "optimanormal", serif; } header .header-right-unit .right-side-menu .searchDesktop input[type="text"]::placeholder { color: #606161; } header .header-right-unit .right-side-menu .cta-box { margin-top: -7px; float: right; position: relative; display: inline-block; font-family: "Verdana", sans-serif; white-space: nowrap; -webkit-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } header .header-right-unit .right-side-menu .cta-box a { display: block; font-weight: 300; font-size: 0.88em; text-decoration: none; font-family: "Verdana", sans-serif; -webkit-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; border-radius: 5px; padding: 11px 8px; } header .header-right-unit .right-side-menu .cta-box a.style1 { background: #fff; border: 1px solid #828282; color: #828282; } header .header-right-unit .right-side-menu .cta-box a.style1:hover { background: #d8741b; border: 1px solid #d8741b; color: #fff; } header .header-right-unit .right-side-menu .cta-box a.style2, header .header-right-unit .right-side-menu .cta-box a.bookEngineBtn { background: #d8741b; border: 1px solid #d8741b; color: #fff; } /* header .header-right-unit .right-side-menu .cta-box a.style2:hover { background: #fff; border: 1px solid #828282; color: #828282; } */ header .header-right-unit .right-side-menu .search-btn { cursor: pointer; display: inline-block; padding: 3px 0; width: 15px; } header .header-right-unit.pageScroll .cta-box { max-width: 175px; margin-left: 10px; overflow: visible; } header .header-right-unit.pageScroll .searchDesktop { width: 38px; } header .header-right-unit.pageScroll .searchDesktop input[type="text"] { display: none; } header .header-logo-unit { margin: 3px 0 0 14px; width: 100px; display: inline-block; } header .header-logo-unit img { width: 100%; height: auto; width: auto; /* min-height: 55px; max-height: 69px; */ /* margin-top: 2px; */ } header.hotel-pages .header-logo-unit { margin: 0 auto; width: 13%; /* padding-top: 5px; */ height: 84px; position: relative; } header .header-logo-unit img { position: absolute; top: 50%; transform: translateY(-50%); } /* .macSystem header.hotel-pages .header-logo-unit { padding-top: 0px; } */ header.hotel-pages.big-logo .header-logo-unit { width: 160px; padding-top: 0px; } header.hotel-pages.big-logo .header-logo-unit img { min-height: 85px; max-height: 85px; } header #nav-icon { width: 46px; height: 24px; /* margin-top: 3px; */ position: relative; float: left; cursor: pointer; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } header #nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #606161; border-radius: 2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } header #nav-icon span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } header #nav-icon span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } header #nav-icon span:nth-child(3) { top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .menu-container { width: 320px; background: #eee none repeat scroll 0 0; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 99999; transform: translateX(-100%); transition: all ease 0.5s; } .menu-container.open { transform: translateX(0%); } .menu-container .backto-menu { display: none; } .menu-container .search-mobile { display: none; } .menu-container .top-sec { padding: 15px; position: relative; font-family: "Verdana", sans-serif; } .menu-container .top-sec .back-button { float: left; font-size: 2.188em; margin-top: 18px; cursor: pointer; width: 44px; } .menu-container .top-sec .close { position: absolute; z-index: 1; top: 35px; font-size: 1.875em; right: 15px; font-weight: 100; cursor: pointer; } .menu-container .top-sec .logo { margin: 0 auto; width: 103px; } .menu-container .search { padding: 10px 5px 10px 30px; background: url(https://www.oberoihotels.com/images/OberoiHotels/search.png) no-repeat 10px center #f3f3f3; display: block; } .menu-container .search input[type="text"] { border: none; padding: 5px 10px; background: transparent; width: 100%; } .menu-container .secondary-menu li { line-height: 100%; } .menu-container .secondary-menu li:hover a { color: #da7b26; } .menu-container .secondary-menu li a { color: #606161; display: block; font-family: "Verdana", sans-serif; font-size: 0.938em; padding: 12px 50px; text-decoration: none; } .menu-container .menu-close { color: #898989; cursor: pointer; font-family: "Verdana", sans-serif; font-size: 1.875em; font-weight: 100; left: 45px; position: absolute; top: 25px; z-index: 10; } .menu-container .menu-close:hover { color: #c2620e; } .menu-container .menu-close::after { color: #606161; /*content: "Menu";*/ content: ""; display: block; font-family: "Verdana", sans-serif; font-size: 12px; font-weight: 300; left: -2px; position: relative; top: -2px; } .menu-container .main-menu { margin-top: 108px; position: relative; } .menu-container .main-menu .home-tab { display: block; } /* .menu-container .main-menu .home-tab.overview-pge { display: none; } */ .menu-container .main-menu .hotel-menu-tab { display: none; } .menu-container .main-menu .menu-btn { background-color: #d8741b; color: #ffffff; display: block; font-family: "Verdana", sans-serif; font-size: 0.938em; padding: 7px 0; text-align: center; text-decoration: none; width: 100%; } .menu-container .main-menu .menu-thumbs-list li { float: left; list-style: outside none none; margin-bottom: 15px; margin-right: 4%; position: relative; width: 48%; } .menu-container .main-menu .menu-thumbs-list li:nth-child(2n) { margin-right: 0; } .menu-container .main-menu .menu-thumbs-list li a { color: #ffffff; display: block; text-decoration: none; } .menu-container .main-menu .menu-thumbs-list li img { width: 100%; display: block; } .menu-container .main-menu .menu-thumbs-list li .menu-thumb-overlay { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .menu-container .main-menu .menu-thumbs-list li .menu-thumb-overlay span { align-items: center; display: flex; font-size: 1em; line-height: 100%; height: 100%; justify-content: center; text-align: center; width: 100%; } .menu-container .main-menu .menu-level-1 { background-color: #ffffff; opacity: 0; padding: 20px 25px; position: absolute; right: 0; top: 0; transform: translate(95%); visibility: hidden; width: 1090px; z-index: 9; transition: all 0.5s ease; height: 610px; } .menu-container .main-menu .menu-level-1 .menu-colm1 { float: left; margin-right: 2%; padding-right: 2%; position: relative; width: 30%; flex: 1 1; } .menu-container .main-menu .menu-level-1 .menu-colm1:after { background-color: #ebebeb; content: ""; height: 96%; position: absolute; right: 0; top: 30px; width: 1px; } .menu-container .main-menu .menu-level-1 .menu-colm2 { float: left; width: 33%; position: relative; margin-right: 2%; padding-right: 2%; } .menu-container .main-menu .menu-level-1 .menu-colm2:after { background-color: #ebebeb; content: ""; height: 96%; position: absolute; right: 0; top: 30px; width: 1px; } .menu-container .main-menu .menu-level-1 .menu-colm2.noborder:after { display: none; } .menu-container .main-menu .menu-level-1 .menu-colm3 { float: left; width: 30%; padding-right: 0; } .menu-container .main-menu .menu-level-1.type2 { padding: 20px 35px; width: 370px; } .menu-container .main-menu .menu-hdng { color: #d8741b; font-family: "Verdana", sans-serif; font-size: 0.938em; font-weight: 500; margin-bottom: 10px; } .menu-container .main-menu .menu-hdng2 { font-family: "optimanormal", serif; font-size: 18px; font-weight: 500; margin-bottom: 10px; } .menu-container .main-menu .menu-list { margin-bottom: 14px; } .menu-container .main-menu .menu-list > li { line-height: 20px; list-style: outside none none; margin-bottom: 10px; } .menu-container .main-menu .menu-list > li:last-child { margin-bottom: 0; } .menu-container .main-menu .menu-list > li a { color: #606161; display: block; font-family: "Verdana", sans-serif; font-size: 0.938em; font-weight: 300; text-decoration: none; } .menu-container .main-menu .menu-list > li a.highlighted-orange { color: #da7b26; } .menu-container .main-menu .menu-list > li.active a { color: #da7b26; } .menu-container .main-menu .menu-list > li.active .menu-thumbs-list a { color: #fff; } .menu-container .main-menu .menu-list:last-child { margin-bottom: 0; } .menu-container .main-menu .sub-menu-list { display: none; } .menu-container .main-menu li:hover > a { color: #da7b26; } .menu-container .main-menu > li { border-bottom: 1px solid #e1e1e2; display: block; line-height: 100%; list-style: outside none none; position: relative; margin-bottom: 0px; } .menu-container .main-menu > li:hover .menu-level-1 { opacity: 1; visibility: visible; transform: translate(100%); box-shadow: 6px 2px 10px #8f8f8f; } .menu-container .main-menu > li:hover p { color: #fff; } .menu-container .main-menu > li:hover p:hover { color: #da7b26; } .menu-container .main-menu > li:hover > a, .menu-container .main-menu > li.active a { background-color: #fff; color: #da7b26; } .menu-container .main-menu > li:hover > a p, .menu-container .main-menu > li.active a p { color: #fff; } .menu-container .main-menu > li:hover > a p:hover, .menu-container .main-menu > li.active a p:hover { color: #da7b26; } .menu-container .main-menu > li > a { color: #606161; display: block; font-family: "optimanormal", serif; font-size: 1.125em; font-weight: 500; padding: 12px 30px; position: relative; text-decoration: none; } .below-1600 .menu-container .main-menu > li > a { font-size: 0.88em; padding: 8px 45px; line-height: 100%; } .below-1600 .menu-container .menu-close { font-size: 1.2em; } .below-1600 .menu-container .main-menu { margin-top: 80px; } .menu-container .main-menu li.has-submenu > a::before { border-bottom: 1px solid #c2c2c3; border-right: 1px solid #c2c2c3; content: ""; height: 8px; position: absolute; right: 13px; top: 35%; margin-top: 0; transform: rotate(-45deg); width: 8px; z-index: 1; } .menu-container .main-menu li.has-submenu > a:hover::before { border-color: #c2620e; } .menu-container .main-menu ul li a:hover { color: #da7b26; } .menu-container .socond-level li { border-bottom: 1px solid #e1e1e2; display: block; list-style: outside none none; position: relative; } .menu-container .socond-level li a { font-family: "optimanormal", serif; color: #606161; padding: 12px 22px; display: block; text-decoration: none; } .menu-container .socond-level li a:hover { color: #da7b26; } .menu-container .social-menu { padding: 12px 50px; } .menu-container .social-menu li { display: inline-block; margin-right: 15px; } .menu-container .social-menu li:last-child { margin-right: 0; } .menu-container .social-menu li a { display: block; } .menu-container .social-menu li a:hover i { color: #606161; } .menu-container .social-menu li a i { color: #606161; } .menu-container .second-label { position: absolute; top: 0px; left: 0px; width: 100%; background: #fff; height: 100%; z-index: 99; -webkit-transform: translateX(-110%); -ms-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: all linear 0.5s; -ms-transition: all linear 0.5s; -o-transition: all linear 0.5s; transition: all linear 0.5s; } .menu-container .second-label.open { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .menu-container .second-label .second-label-comtainer { height: 70vh; } .menu-container .second-label .top-sec .back-button { margin: -10px 0 0 0; width: 44px; } .menu-container .second-label .top-sec .close { top: 12px; } .menu-container .second-label .top-sec .logo { font-family: "optimanormal", serif; font-size: 1.25em; color: #606161; } .menu-container .second-label .menu-image-box { position: relative; } .menu-container .second-label .menu-image-box img { width: 100%; } .menu-container .second-label .menu-image-box .text-content { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.875em; } .menu-container .ac-menu .ac-icon { float: right; font-size: 1.2em; } .menu-container .ac-menu ul { margin: 0; padding: 0; list-style: none; } .menu-container .ac-menu ul li { margin-top: 2px; } .menu-container .ac-menu ul li a { display: block; text-decoration: none; } .menu-container .ac-menu .ac-list > li > a { padding: 10px 20px; } .menu-container .ac-menu .sub-menu { display: none; } .menu-container .ac-menu .sub-menu > li > a { padding: 5px 20px; } .menu-container .ac-menu .ac-icon:before { content: "\002B"; } .menu-container .ac-menu .open > .ac-icon:before { content: "\2212"; } .menu-container .ac-menu .ac-list > li > a { transition: all 0.24s ease-in-out; } #overlay { height: 100%; width: 100%; z-index: -1; position: fixed; background: #333; opacity: 0; top: 0px; left: 0px; -webkit-transition: 0.5s opacity ease-in-out; -ms-transition: 0.5s opacity ease-in-out; -o-transition: 0.5s opacity ease-in-out; transition: 0.5s opacity ease-in-out; } #overlay.open { opacity: 0.7; z-index: 99; } .searchOverlay { position: fixed; z-index: -1; width: 100%; height: 100%; background: #000; opacity: 0; transition: all linear 0.3s; } .searchOverlay.active { opacity: 0.6; z-index: 9; } .web-exclusive-rate .home-header { width: 142px !important; opacity: 1 !important; } .web-exclusive-rate .home-header #view-availability { opacity: 1 !important; z-index: 2 !important; width: 142px !important; } header .header-right-unit .right-side-menu .cta-box { text-align: center; } header .header-right-unit .right-side-menu .cta-box.home-header { position: relative; right: -6%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; opacity: 1; width: 0; } header .header-right-unit .right-side-menu .cta-box.home-header .buttonResize { opacity: 0; } .hotel-pages header .header-right-unit .right-side-menu .cta-box.home-header { position: absolute; } .mobile-cta { display: none; } .mobile-close-button { display: none; } .header-wraper .search-btn .searchClose { display: none; } .header-wraper .search-btn.active .searchOpen { display: none; } .header-wraper .search-btn.active .searchClose { display: block; } .searchClose { position: absolute; top: 15px; right: 5%; padding: 8px 10px; cursor: pointer; } .srch-input .searchOption { margin-top: 190px; display: none; } .srch-input .searchOption.active { display: block; } .srch-input .searchOption ul { list-style: none; border-bottom: 1px solid #707070; padding-bottom: 15px; margin-bottom: 15px; } .srch-input .searchOption ul li, .srch-input .searchOption ul li a { font-family: "optimanormal", serif; font-size: 1.2rem; font-weight: 200; margin-bottom: 16px; color: #606161; text-decoration: none; } .srch-input .searchOption .buttonStyle2Rev { font-size: 1.1rem; text-transform: capitalize; } .srch-input .searchOption ul li:last-child { margin-bottom: 0px; } .srch-input .recentSearch { margin-top: 10%; border-bottom: 1px solid #707070; padding-bottom: 15px; } .srch-input .recentSearch h4 { font-family: "verdanaN"; color: #606161; font-weight: normal; font-size: 1.6rem; } .srch-input .recentSearch ul { margin-top: 7%; border: none; padding-bottom: 0; } .srch-input .recentSearch .buttonStyle2Rev { text-transform: uppercase; } .autocomplete-items div { padding: 8px 0px; width: 100%; cursor: default; border-radius: 3px; font-family: "optimanormal", serif; font-size: 1.2rem; font-weight: 200; margin-bottom: 3px; color: #606161; } header.fullwidthheader2 .header-right-unit .right-side-menu ul li { padding: 0px 1.6vw; } header.fullwidthheader2 .header-right-unit.overview-links .right-side-menu .cta-box { margin-left: 0; } .menu-container.mo-menu-conatiner .main-menu > li.type3 .menu-level-1 { width: auto; min-width: 180px; height: auto; } .menu-container.mo-menu-conatiner .main-menu > li.type3 .menu-level-1 .menu-list li:last-child { margin-bottom: 5px; } .autocomplete{ position: relative; } .voice-search-icon { position: absolute; bottom: 10px; right: 0; width: 15px; z-index: 1; cursor: pointer; height: 30px; background: url(/../images/oberoihotels/rev/mic-sprite-img.png?v=2) top 2px center no-repeat; background-size: 100%; } .voice-search-icon.active{ background: url(/../images/oberoihotels/rev/mic-sprite-img.png?v=2) top -28px center no-repeat; animation: pulse 1s infinite; background-size: 100%; } @keyframes pulse { 0% { transform: translateY(12%) scale(1); } 50% { transform: translateY(12%) scale(1.1); } 100% { transform: translateY(12%) scale(1); } } @media screen and (max-width: 1800px) { .autocomplete-suggestions { right: 140px; } } @media screen and (max-width: 1550px) { .autocomplete-suggestions { min-width: 426px !important; } } @media screen and (min-width: 1025px) and (max-width: 1599px) { .autocomplete-items div { font-size: 0.937em; } header .header-left-unit .left-side-menu ul li, header .header-right-unit .right-side-menu ul li { font-size: 15px; } header #nav-icon { margin-right: 25px; } .top-nav ul li a { font-size: 13px; } header #nav-icon { width: 38px; } .search-box { /*width: 530px;*/ width: 602px; padding: 0 4%; } .search-box h3 { font-size: 1.8rem; } .autocomplete-suggestions { right: 99px; } .srch-input .searchOption ul li, .srch-input .searchOption .buttonStyle2Rev { font-size: 1rem; } .srch-input .recentSearch .buttonStyle2Rev { text-transform: uppercase; font-size: 0.99rem; } .srch-input .recentSearch h4 { font-size: 1.4rem; } .autocomplete-suggestions { padding: 15px 20px; } header.fullwidthheader2 .header-left-unit { width: 45%; } header.fullwidthheader2 .header-left-unit .left-side-menu ul li { padding: 0px 0.3vw; } header.fullwidthheader2 .header-right-unit .right-side-menu ul li a { padding: 0 0.5vw; } header.fullwidthheader2 .header-right-unit .right-side-menu ul li { padding: 0px 1.5vw; } } @media screen and (max-width: 1600px) { .menu-container .main-menu .menu-thumbs-list li .menu-thumb-overlay span p { padding: 0 5px; } } @media screen and (max-width: 1440px){ .menu-container .main-menu .menu-level-1{ width: 1020px; } } @media screen and (max-width: 1367px){ .menu-container .main-menu .menu-level-1{ width: 870px; height: 450px; overflow: hidden; } .mendarin-nav { height: 380px; overflow-y: auto; } div#mCSB_1_dragger_vertical { height: 40px !important; } } @media screen and (max-width: 1280px) { .autocomplete-suggestions { padding: 15px 14px; } .menu-container .main-menu .menu-thumbs-list li .menu-thumb-overlay span p { padding: 0 5px; } } @media only screen and (min-width: 1365px) and (max-width: 1367px) { .menu-container .main-menu { margin-top: 60px; } .mo-menu-conatiner .main-menu .menu-list > li { margin-bottom: 5px !important; } } /* @media screen and (max-width: 1169px) and (min-width: 1096px) { .menu-container .main-menu .menu-level-1 { width: 768px; } } @media screen and (max-width: 1095px) and (min-width: 1025px) { .menu-container .main-menu .menu-level-1 { width: 775px; } } */ @media only screen and (min-width: 1025px) and (max-width: 1280px) { .below-1600 .menu-container .main-menu > li > a { font-size: 0.8em; padding: 7px 40px; } .below-1600 .menu-container .main-menu .menu-list > li a { font-size: 0.8em; } .mo-menu-conatiner .main-menu .menu-list > li { margin-bottom: 5px !important; } /* header.fullwidthheader .header-wraper { padding: 0 15px; } header .header-wraper { padding: 0 15px; } */ /* .top-nav .header-wraper, .top-nav.fullwidthheader .header-wraper { padding: 0 15px; } */ header .header-right-unit .right-side-menu ul li a, header .header-left-unit .left-side-menu ul li a { padding: 0 10px; } header.fullwidthheader2 .header-left-unit { width: 45%; } header.fullwidthheader2 .header-right-unit { width: 43%; } header.hotel-pages.fullwidthheader2 .header-logo-unit { width: 12%; } header.fullwidthheader2 .header-right-unit .right-side-menu ul li { padding: 0 0.5vw; } header.fullwidthheader2#header .header-right-unit .right-side-menu ul li a { padding: 0 0.5vw; } .menu-container .main-menu .menu-thumbs-list.residentialMenu li img { max-height: 140px; object-fit: cover; } } @media only screen and (min-width: 1025px) and (max-width: 1242px) { .below-1600 .menu-container .main-menu > li > a { padding: 7px 45px; } .below-1600 .menu-container .main-menu { margin-top: 70px; } .below-1600 .menu-container .menu-close { top: 30px; font-size: 1em; } } @media only screen and (max-width: 1100px) { header .header-left-unit { width: 38%; } /* header .header-left-unit .left-side-menu { display: none; } */ /* header .header-right-unit .right-side-menu { display: none; } */ .mobile-cta { position: fixed; display: block; width: 100%; bottom: 0; left: 0; z-index: 99; } .mobile-cta a { padding: 15px 8px; width: 100%; color: #fff; font-size: 0.938em; display: block; float: left; text-align: center; text-decoration: none; font-family: "Verdana", sans-serif; } .mobile-cta a.chat-btn { background: #000a48; display: none; } .mobile-cta a.booking { background: #d8741b; text-transform: uppercase; } } @media screen and (max-width: 1024px){ header .header-left-unit .left-side-menu { display: none; } header .header-right-unit .right-side-menu { display: none; } } @media only screen and (min-width: 1600px) { header #nav-icon { top: 3px; margin-right: 25px; } } @media screen and (min-width: 1025px) { .menu-container .main-menu .menu-level-1 .menu-colm2{ width: 40%; } header#header .header-right-unit .right-side-menu ul li a { /*padding: 0 1.15vw;*/ letter-spacing: 1px; padding: 0 0.9vw; } header#header.mumbaiHeader .header-right-unit .right-side-menu ul li a, header#header.mumbaiHeader .header-left-unit .left-side-menu ul li a { padding: 0 1vw; } header#header.fullwidthheader2 .header-right-unit .right-side-menu ul li a { padding: 0 0.9vw; letter-spacing: 1px; } header .header-left-unit .left-side-menu ul li a { padding: 0 1.15vw; } header.fullwidthheader2 .header-left-unit .left-side-menu ul li a { padding: 0 0.7vw; } .top-nav ul li { margin-right: 2.8vw; } header .header-right-unit .right-side-menu ul li { padding: 0px 1.6vw; } header.mumbaiHeader .header-right-unit .right-side-menu ul li { padding: 0px 0.5vw; } header .header-right-unit.overview-links .right-side-menu .cta-box { width: 8vw; margin-left: 0vw; min-width: 100px; max-width: 140px; } header .header-left-unit .left-side-menu ul li { padding: 0px 0.45vw; } header .header-left-unit { width: 44%; } header.big-logo .header-left-unit { width: 42%; } header .header-right-unit { width: 42%; } header.big-logo .header-right-unit { width: 44%; } header #nav-icon { margin-right: 1.3vw; } } @media screen and (min-width: 1600px) and (max-width: 1700px) { header#header .header-right-unit .right-side-menu ul li a{ padding:0 0.8vw; } } @media screen and (max-width: 1240px) and (min-width: 1170px) { header .header-left-unit .left-side-menu ul li a, header#header .header-right-unit .right-side-menu ul li a { padding: 0 1vw; } } @media screen and (max-width: 1169px) and (min-width: 1096px) { header .header-left-unit .left-side-menu ul li a, header#header .header-right-unit .right-side-menu ul li a { padding: 0 0.5vw; } } @media screen and (min-width: 2000px) { header { height: 125px; } header.hotel-pages .header-logo-unit { height: 125px; } header .header-left-unit, header .header-right-unit { margin-top: 50px; } .comp_bannerAndBookingWidget { margin-top: 85px; } } @media screen and (min-width: 1025px) and (max-width: 1800px) { header .header-left-unit .left-side-menu ul li { padding: 0px 0.2vw; } .top-nav ul li { margin-right: 2.6vw; } header .header-right-unit .right-side-menu ul li { padding: 0px 0.2vw; } header .header-right-unit .right-side-menu ul li { padding: 0px 1.5vw; } } @media screen and (min-width: 1025px) and (max-width: 1670px) { header .header-left-unit .left-side-menu ul li { padding: 0px 0.3vw; } } @media screen and (min-width: 1025px) and (max-width: 1599px) { header .header-left-unit .left-side-menu ul li { padding: 0px 0.3vw; } header .header-right-unit .right-side-menu ul li { padding: 0px 1.5vw; } .top-nav ul li { margin-right: 1.8vw; } /* header.hotel-pages .header-logo-unit { margin-top: 10px; } */ } @media screen and (min-width: 1025px) and (max-width: 1400px) { header .header-left-unit .left-side-menu ul li { padding: 0px 0.3vw; } .top-nav ul li { margin-right: 1.8vw; } header .header-right-unit .right-side-menu ul li { padding: 0px 1vw; } } @media screen and (min-width: 1025px) and (max-width: 1360px) { header .header-left-unit .left-side-menu ul li { padding: 0px 0.1vw; } header .header-right-unit .right-side-menu ul li { padding: 0px 1.4vw; } header .header-left-unit .left-side-menu ul li a { padding: 0 0.7vw; } header#header .header-right-unit .right-side-menu ul li a { padding: 0 0.7vw; } } @media screen and (max-width: 1100px){ header .header-left-unit .left-side-menu ul li a{ padding: 0 0.5vw; } header .header-right-unit .right-side-menu ul li { padding: 0px 0.4vw; } } @media only screen and (max-width: 1024px) { header .header-right-unit .right-side-menu { display: block; } .menu-container .main-menu .hotel-menu-tab { display: block; top: initial; right: initial; } .menu-container .main-menu .hotel-menu-tab .hotel-menu-list li { margin-bottom: 0; top: initial; right: initial; display: block; } .below-1600 .menu-container .main-menu { margin-top: 15px; } .below-1600 .menu-container .menu-close { font-size: 1.5em; } .menu-container .main-menu .hotel-menu-tab > a { color: #da7b26; background-color: #fff; font-size: 1.2em !important; padding: 10px 30px !important; } .menu-container .main-menu .hotel-menu-tab > a:before { border-bottom: 1px solid #c2c2c3; border-right: 1px solid #c2c2c3; content: ""; height: 8px; position: absolute; right: 13px; top: 15px; transform: rotate(45deg); width: 8px; } .menu-container .main-menu .hotel-menu-tab > a.active:before { transform: rotate(-132deg); top: 20px; } .menu-container .main-menu .hotel-menu-tab .hotel-menu-list { display: none; } .menu-container .main-menu .hotel-menu-tab .hotel-menu-list > li:last-child, /*.menu-container .main-menu .hotel-menu-tab .hotel-menu-list li:nth-child(9), .menu-container .main-menu .hotel-menu-tab .hotel-menu-list li:nth-child(10),*/ .hideinmobile { display: none !important; } .menu-container .main-menu .hotel-menu-tab .hotel-menu-list > li:last-child > a { border-bottom: 0 none; } .menu-container .main-menu .hotel-menu-tab .hotel-menu-list > li.active > a { color: #da7b26; } .menu-container .main-menu .hotel-menu-tab .hotel-menu-list > li > a { color: #606161; display: block; font-family: "optimanormal", serif; font-size: 1.125em; background-color: #fff; border-bottom: 1px solid #ebebeb; font-weight: 500; padding: 12px 30px; position: relative; text-decoration: none; } .popup-overlay { background-color: rgba(0, 0, 0, 0.4); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 998; } .right-side-menu .availability-cta { opacity: 1 !important; position: static !important; } .right-side-menu .availability-cta #view-availability { display: none; } .right-side-menu .availability-cta .bookYourStay { position: relative; } .right-side-menu .availability-cta .mobile-close-button { cursor: pointer; display: block; font-size: 18px; font-weight: 500; position: absolute; right: 15px; top: 4px; } .right-side-menu .availability-cta .booking-engine { height: 100vh; left: 0; position: fixed; top: 0px; /* transform: translate(0px, -50%); */ width: 100%; z-index: 9999; overflow: scroll; padding-top: 45px; } .right-side-menu .availability-cta .booking-engine .bookYourStay { display: block !important; } body.hotel-pages { padding-top: 75px; } header { padding: 3px 2.5%; height: 75px; } header.fullwidthheader .header-wraper { padding: 0; } header .right-side-menu .search-btn { display: none !important; } header .right-side-menu > ul { display: none; } header.hotel-pages { top: 0px; } header.hotel-pages .header-logo-unit { margin-top: 1px !important; margin-left: 0px; position: absolute; left: 50%; transform: translateX(-50%); width: 20% !important; padding-top: 0px; height: 75px; } header.big-logo .header-logo-unit { width: 160px !important; } /* header.hotel-pages .header-logo-unit img, header.hotel-pages.big-logo .header-logo-unit img { min-height: 60px; max-height: 70px; } */ header.hotel-pages .header-logo-unit img { padding: 0px 0px 5px; } header .header-logo-unit img { max-width: 100%; height: auto; } .top-nav .language-component { visibility: visible; background: #fff; padding: 2px 25px 4px 5px !important; position: absolute !important; right: 0px; top: 25px; width: 90px; color: #000 !important; border: 1px solid #f5e2cf; } .top-nav .language-component .selected-language { color: #606161; } .top-nav .language-component:after { border-color: #000 !important; padding: 3px !important; right: 8px !important; top: 8px !important; } .top-nav .language-component.active:after { right: 8px !important; top: 13px !important; } .top-nav .language-component .language-menu { background: #fff !important; right: -1px !important; width: 84px !important; top: 24px !important; } .top-nav .language-component .language-menu ul { width: 100%; } .top-nav .language-component .language-menu ul li { background: #fff; padding: 4px 5px !important; border: 1px solid #f5e2cf; border-bottom: none; width: 100%; } .top-nav .language-component .language-menu ul li:last-child { border-bottom: 1px solid #f5e2cf; } body.innerpage header .header-logo-unit { width: 109px; margin: 6px 0 0 -15px; } body.innerpage header .header-left-unit { margin: 25px 0 0; } .menu-container { width: 100%; overflow-y: scroll; overflow-x: hidden; } .menu-container .backto-menu { border-bottom: 1px solid #7b7d7e; font-family: "optimanormal", serif; font-size: 1.125em; font-weight: 500; line-height: 100%; padding: 15px 24px; } .menu-container .backto-menu span { cursor: pointer; padding-left: 25px; position: relative; } .menu-container .backto-menu span:before { border-left: 1px solid #000; border-top: 1px solid #000; content: ""; height: 8px; left: 2px; position: absolute; top: 5px; transform: rotate(-45deg); width: 8px; } .menu-container .social-menu { padding: 12px 30px; } .menu-container .search-mobile { display: block; } .menu-container .search-mobile .search-input { float: left; width: 100%; } .menu-container .search-mobile .search-input input { background: url("https://www.oberoihotels.com/images/OberoiHotels/common/search-icon.png") no-repeat left 26px center; color: #606161; font-family: "optimanormal", serif; font-size: 1.125em; line-height: 41px; padding: 0 0 0 45px; width: 100%; } .menu-container .search-mobile .search-input input::-webkit-input-placeholder { color: #606161; opacity: 1; } .menu-container .search-mobile .search-input input::-moz-placeholder { color: #606161; opacity: 1; } .menu-container .search-mobile .search-input input:-ms-input-placeholder { color: #606161; opacity: 1; } .menu-container .search-mobile .search-input input:-moz-placeholder { color: #606161; opacity: 1; } .menu-container .search-mobile .avlblity-btn { float: left; width: 40%; } .menu-container .search-mobile .avlblity-btn a { background-color: #d8741b; text-align: center; color: #fff; display: block; font-family: "Verdana", sans-serif; font-size: 0.938em; font-weight: 300; line-height: 45px; padding: 0 10px; text-decoration: none; } .menu-container .secondary-menu li a { padding: 12px 24px; } .menu-container .menu-close { display: inline-block; padding: 5px 30px; position: static; } .menu-container .main-menu { margin-top: 0; } .menu-container .main-menu .home-tab.overview-pge { display: block; } .menu-container .main-menu .htl-tab { display: none; } .menu-container .main-menu > li > a { padding: 12px 24px; font-size: 1.25em !important; padding: 10px 30px !important; } .menu-container .main-menu > li .menu-level-1.actv { opacity: 1; transform: translate(0px); visibility: visible; } .menu-container .main-menu > li .menu-level-1 { background-color: #eeeeee; height: 100vh; padding: 0; width: 100%; } .menu-container .main-menu > li .menu-level-1 .menu-colm1, .menu-container .main-menu > li .menu-level-1 .menu-colm2, .menu-container .main-menu > li .menu-level-1 .menu-colm3 { margin: 0; padding: 0; width: 100%; } .menu-container .main-menu > li .menu-level-1 .menu-colm1:after { display: none; } .menu-container .main-menu > li .menu-level-1.type2 { display: none !important; } .menu-container .main-menu li.has-submenu.type2 > a::before { display: none; } .menu-container .main-menu .menu-hdng { background-color: #eeeeee; border-bottom: 1px solid #e1e1e2; color: #606161; cursor: pointer; font-family: "optimanormal", serif; font-size: 1.125em; margin-bottom: 0; padding: 12px 24px; position: relative; } .menu-container .main-menu .menu-hdng:hover { background-color: #ffffff; color: #d8741b; } .menu-container .main-menu .menu-hdng:after { border-bottom: 1px solid #c2c2c3; border-right: 1px solid #c2c2c3; content: ""; height: 8px; margin-top: -4px; position: absolute; right: 15px; top: 50%; transform: rotate(-45deg); width: 8px; } .menu-container .main-menu .menu-list, .menu-container .main-menu .sub-menu-list { background-color: #eeeeee; height: 100vh; left: 0; opacity: 0; position: absolute; z-index: 1; top: 0; transform: translate(80%); transition: all 0.5s ease 0s; visibility: hidden; width: 100%; display: block; } .menu-container .main-menu .menu-list > li, .menu-container .main-menu .sub-menu-list > li { border-bottom: 1px solid #e1e1e2; line-height: 100%; margin: 0; list-style: outside none none; } .menu-container .main-menu .menu-list > li a, .menu-container .main-menu .sub-menu-list > li a { font-family: "optimanormal", serif; font-size: 1em; padding: 12px 24px; position: relative; } .menu-container .main-menu .menu-list > li.has-submenu2 > a:before { border-bottom: 1px solid #c2c2c3; border-right: 1px solid #c2c2c3; content: ""; height: 8px; margin-top: -4px; position: absolute; right: 13px; top: 50%; transform: rotate(-45deg); width: 8px; z-index: 1; } .menu-container .main-menu .menu-list.actv, .menu-container .main-menu .sub-menu-list.actv { opacity: 1; transform: translate(0); visibility: visible; } .menu-container .main-menu .sub-menu-list.actv { z-index: 2; } .hidden { display: none !important; } .top-nav .header-wraper .right-nav ul li, .top-nav .left-nav { display: none; } .top-nav .header-wraper .right-nav ul li:first-child { display: block; position: relative; top: 80px; right: -45px; } .top-nav { background-color: #fff; top: -40px; } .autocomplete-suggestions { width: 100% !important; left: 0 !important; } /*-------revamp menu changes start here--------*/ .menu-container.mo-menu-conatiner .main-menu > li.type3 .menu-level-1 .menu-list { position: static; height: auto; transform: none; visibility: visible; opacity: 1; } .menu-container.mo-menu-conatiner .main-menu > li.type3 .menu-level-1 .menu-list > li a { padding: 12px 30px; font-size: 1.125em; } .overflowHiddenInMob .top-nav { z-index: 99991; } /*-------revamp menu changes end here--------*/ } @media screen and (max-width: 991px) { .top-nav .header-wraper .right-nav ul li:first-child { right: -40px; } .mendarin-nav { height: auto; } .menu-container.mo-menu-conatiner .main-menu > li .menu-level-1 .menu-hdng2 { display: none; } .menu-container.mo-menu-conatiner .main-menu > li .menu-level-1 .menu-thumbs-list.residentialMenu li { display: block; width: 100%; border-bottom: 1px solid #e1e1e2; line-height: 100%; margin: 0; list-style: outside none none; margin-bottom: 0; } .menu-container.mo-menu-conatiner .main-menu > li .menu-level-1 .menu-thumbs-list.residentialMenu li a { padding: 12px 30px; font-size: 1.125em; } .menu-container.mo-menu-conatiner .main-menu > li .menu-level-1 .menu-thumbs-list.residentialMenu li a img { display: none; } .menu-container.mo-menu-conatiner .main-menu > li .menu-level-1 .menu-thumbs-list.residentialMenu li a .menu-thumb-overlay { position: static; background: transparent; } .menu-container.mo-menu-conatiner .main-menu > li .menu-level-1 .menu-thumbs-list.residentialMenu li a .menu-thumb-overlay span p { color: #606161; font-family: "optimanormal", serif; margin-bottom: 0; font-size: initial!important; } .menu-container.mo-menu-conatiner .main-menu > li .menu-level-1 .menu-thumbs-list.residentialMenu li a .menu-thumb-overlay span { align-items: self-start; justify-content: flex-start; font-size: initial; } .menu-container.mo-menu-conatiner .main-menu > li:hover .menu-level-1 .menu-thumbs-list.residentialMenu li a .menu-thumb-overlay span p { color: #606161; margin-bottom: 0; } .menu-container .main-menu > li.has-submenu.type3:has(> a.active) { border-bottom: 1px solid transparent; } .menu-container .main-menu > li:hover .menu-level-1{ box-shadow: none; } .promocodeDropDown .errorMsg.erroPromocode{ bottom: -20px !important; } } @media screen and (min-width: 769px) and (max-width: 900px) { .mobile-cta a { padding: 15px 8px 25px; } } @media only screen and (max-width: 991px) { .top-nav .language-component { display: none; } .menu-container .main-menu .hotel-menu-tab .hotel-menu-list > li.active-tab > a { color: #da7b26; } } @media only screen and (min-width: 768px) and (max-width: 991px) { header { padding: 3px 2.5%; } .search-box { width: 100%; padding: 0; } } .hideinmobile .loginjoinBtn::after { content: "Login"; display: none; } @media only screen and (max-width: 767px) { /* header .header-logo-unit{ left:44%; } */ .top-nav .header-wraper .right-nav ul li.hideinmobile { top: 70px; } .hideinmobile .loginjoinBtn { visibility: hidden; /* Hides original text */ } .hideinmobile .loginjoinBtn::after { display: inline; visibility: visible; content: "Login"; } .menu-container .main-menu li.has-submenu > a::before { top: 45%; } header { padding: 3px 4%; height: 75px; } .right-side-menu .availability-cta .booking-engine .bookYourStay { margin-top: 7%; } header.hotel-pages .header-logo-unit { width: 33% !important; } .top-nav .header-wraper .right-nav ul li:first-child { display: none; } .top-nav { visibility: hidden; } .menu-container .social-menu li a { font-size: 1.125em !important; } .menu-container .main-menu .hotel-menu-tab .hotel-menu-list li { margin-bottom: 0; } header #nav-icon { width: 36px; } header .header-left-unit { margin-top: 26px; } header.hotel-pages .header-logo-unit { padding-top: 0px; } header .header-right-unit { margin-top: 17px; } .search-box { width: 100%; padding: 0; } } /*# sourceMappingURL=header.css.map */ .slick-slider { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; } button.fancybox-button.fancybox-button--share { display: none; } @media only screen and (max-width: 440px) { header.hotel-pages .header-logo-unit { width: 50% !important; } } .templateGlobalGenericPage .htl-menu-list .htl-tab, .templateHomePage .htl-menu-list .htl-tab, .templateGlobalWellnessPage .htl-menu-list .htl-tab, .templateGlobalExperiencesLP .htl-menu-list .htl-tab, .templateOffersListingPage .htl-menu-list .htl-tab, .templateAwardListPage .htl-menu-list .htl-tab, .templateHomePage .menu-container .main-menu .home-tab { display: none; } .templateGlobalGenericPage .menu-container .main-menu .home-tab.overview-pge, .templateGlobalWellnessPage .menu-container .main-menu .home-tab.overview-pge, .templateGlobalExperiencesLP .menu-container .main-menu .home-tab.overview-pge, .templateOffersListingPage .menu-container .main-menu .home-tab.overview-pge, .templateAwardListPage .menu-container .main-menu .home-tab.overview-pge { display: block; } @media screen and (min-width: 1200px) and (max-width: 1367px) { header#header.mumbaiHeader .header-right-unit .right-side-menu ul li a, header#header.mumbaiHeader .header-left-unit .left-side-menu ul li a { padding: 0 0.7vw; } } @media screen and (max-width: 991px) { .autocomplete-suggestions { padding: 15px 40px; } header .search-box{ z-index: 9991; } } #videoPopup{position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:-1;opacity:0;transition:all linear .5s;padding:0 40px;background:#000}#videoPopup.active{opacity:1;z-index:99999999}#videoPopup.active iframe{height:100%;width:100%}#videoPopup .overlay{position:fixed;z-index:9;height:100%;width:100%;top:0;left:0}#videoPopup .fullvideoClose{position:absolute;z-index:999999;right:10px;border:none;height:35px;width:35px;background:transparent;top:15px}#videoPopup .top-popup{height:10%;background-color:#000;z-index:999998;position:absolute;top:0px;left:0px;width:100%;text-align:center}.banner .banner-video-button{display:none}.banner img{max-width:100%}.banner .banner-video{height:100%;left:0;position:absolute;top:0;width:100%}.banner .banner-video .inline-YTPlayer{top:-75px}.banner .banner-video #muteUnMute{width:35px;height:35px;position:absolute;right:15px;top:32px;border:none;z-index:1;text-indent:-9999px;background:url(/images/oberoihotels/sprites-icons.png) no-repeat;background-position:-111px -82px}.banner .banner-video #muteUnMute.active{background-position:-111px -117px}.banner .banner-video .expand-video{position:absolute;z-index:1;right:15px;bottom:0px;text-align:center;color:#fff;text-decoration:none}.banner .banner-video .expand-video a{color:#fff;font-size:12px;background:url(/images/oberoihotels/sprites-icons.png) no-repeat;width:37px;height:60px;background-position:-172px -171px;display:flex;align-items:flex-end;padding-bottom:4px}.banner .banner-video .expand-video a img{width:auto;margin:0px auto}.banner .slick-dots{bottom:15px;right:50px;text-align:right;overflow:hidden}.banner .slick-dots li{width:10px;height:10px;background:url(/images/oberoihotels/banner-dots.png) right center no-repeat}.banner .slick-dots li.slick-active{background:url(/images/oberoihotels/banner-dots.png) left center no-repeat}.banner .slick-dots li a{text-indent:9999px;display:block}.banner .slick-prev, .banner .slick-next {top: 50% !important;}.banner div{position:relative}.banner .text-container{position:absolute;z-index:1;bottom:100px;font-size:2em;font-family:"EB Garamond",serif;color:#fff;text-align:center;width:100%}.banner .text-container i{font-style:italic}.banner .text-container .banner-arrow-bottom{cursor:pointer;position:absolute;top:100%;bottom:-50%;left:50%;transform:translate(-50%, 0);background:url(/images/oberoihotels/sprites-icons.png) no-repeat;width:32px;height:25px;background-position:-189px -105px}.banner .banner-slide .banner-layer{background:url(/images/oberoihotels/overview/ban-t-bg.png?v=8) bottom center repeat-x;width:100%;position:absolute;z-index:0;bottom:0px;height:100%}.banner .banner-slide .banner-image img{width:100%}.homepage-booking-widgit{top:-34px}@media only screen and (max-width: 1600px){.banner .banner-slide:before{bottom:60px}.udaivilas-banner .banner-slide:before{bottom:115px}}@media only screen and (max-width: 1199px){.banner .banner-video .inline-YTPlayer{top:-100px}.banner .banner-video .expand-video{bottom:34px}}@media only screen and (max-width: 1440px){.banner .banner-video .inline-YTPlayer{top:-75px}.udaivilas-banner .text-container{bottom:70px}.udaivilas-banner .banner-slide:before{bottom:25px}}@media only screen and (min-width: 768px) and (max-width: 991px){.banner .banner-video .inline-YTPlayer{top:-45px}.banner .banner-slide::before{bottom:0px}.banner .text-container{bottom:35px;font-size:2em}}@media only screen and (min-width: 992px) and (max-width: 1024px){.banner .banner-video .inline-YTPlayer{top:-55px}.banner .banner-video .expand-video{bottom:34px}}@media only screen and (max-width: 767px){.banner .banner-video{display:none}.banner .banner-video .inline-YTPlayer{top:-22px}.banner .banner-video-button{display:block}.banner .video-btn{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.banner .video-btn img{max-width:50px}.banner .banner-image.disable .text-container{opacity:1;visibility:visible}.banner .text-container{font-size:1.5em;bottom:130px}.banner .text-container p{font-size:0.9em !important}.banner .text-container span{display:block}.banner .banner-slide:before{bottom:85px}.udaivilas-banner .text-container{bottom:90px}.udaivilas-banner .banner-slide:before{bottom:146px}}@media only screen and (min-device-width: 375px) and (max-device-width: 667px){.udaivilas-banner .text-container{bottom:140px}} /*# sourceMappingURL=banner.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .mob-show { display: none; } .gift-card { margin: 0 auto; padding: 70px 9.4%; } .gift-card .gift-wraper { display: flex; align-items: center; } .gift-card .gift-wraper .title { font-family: "EB Garamond", serif; color: #000; font-size: 2.188em; line-height: 90%; margin-bottom: 15px; } .gift-card .gift-wraper .title i { font-style: italic; } .gift-card .gift-wraper .title span { font-size: 53%; font-style: italic; display: block; } .gift-card .gift-wraper .img-box { width: 62%; } .gift-card .gift-wraper .text-container { width: 38%; padding: 0 30px; } .gift-card .gift-wraper .text-container p { font-family: "Roboto", sans-serif; margin-bottom: 20px; font-size: 0.9375em; } .gift-card .slick-prev { width: 45px; height: 45px; left: -60px; background: url(../images/slider-arrow.jpg) no-repeat left center; z-index: 9; } .gift-card .slick-prev:before { display: none; } .gift-card .slick-next { width: 45px; height: 45px; right: -60px; z-index: 9; background: url(../images/slider-arrow.jpg) no-repeat right center; } .gift-card .slick-next:before { display: none; } .gift-card .cta-box { margin-top: 0px; } .gift-card .cta-box a { padding: 0px 15px 0px 0px; margin-right: 15px; text-decoration: none; text-transform: uppercase; line-height: 100%; position: relative; font-weight: 500; font-size: 0.9375em; font-family: "Roboto", sans-serif; -webkit-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .gift-card .cta-box a.style1 { color: #6ab8d9; display: inline-block; } .gift-card .cta-box a.style1:after { content: " "; border-bottom: 2px solid #6ab8d9; border-right: 2px solid #6ab8d9; top: 50%; height: 7px; margin-top: -4px; right: 0px; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; z-index: 2; } .gift-card .cta-box a.style2 { color: #da7b26; } .gift-card .cta-box a.style2:after { content: " "; border-bottom: 2px solid #da7b26; border-right: 2px solid #da7b26; top: 50%; margin-top: -4px; height: 7px; right: 0px; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; z-index: 2; } @media only screen and (max-width: 991px) { .descriptionSec .descriptionSec-wraper .title.mob-show { display: block; } } @media only screen and (max-width: 767px) { .mob-show { display: block; } .gift-card { padding: 0 15px 90px; } .gift-card .slick-dots { top: 64%; overflow: hidden; } .gift-card .slick-dots li { width: 10px; height: 10px; background: url(../images/banner-dots.png) right center no-repeat; } .gift-card .slick-dots li.slick-active { background: url(../images/banner-dots.png) left center no-repeat; } .gift-card .slick-dots li a { text-indent: 9999px; display: block; } .gift-card .gift-wraper { display: block; } .gift-card .gift-wraper .title { font-size: 1.5em; } .gift-card .gift-wraper .img-box { width: 100%; } .gift-card .gift-wraper .text-container { width: 100%; padding: 10px 0; overflow: hidden; } .gift-card .gift-wraper .text-container .title { display: none; } .gift-card .gift-wraper .text-container p br { display: none; } .gift-card .slick-prev { left: -20px; top: 40%; } .gift-card .slick-next { right: -20px; top: 40%; } } .e-magazine{margin:0 auto;padding:35px 4% 35px}.e-magazine.three-image-gallery{padding:0;margin:0 0 40px}.e-magazine .left-section{display:inline-block;margin:0 0 20px 12px;vertical-align:bottom;width:50%}.e-magazine .left-section .title{font-family:"EB Garamond",serif;font-size:2.188em;color:#000;line-height:80%}.e-magazine .left-section .title span{font-size:48%;font-weight:300;font-family:"Roboto",sans-serif;display:block}.e-magazine .left-section .title i{font-style:italic}.e-magazine .right-section{display:inline-block;margin:0 0 20px;text-align:right;vertical-align:bottom;width:48.46%}.e-magazine .right-section a{color:#d8741b;font-family:"Roboto",sans-serif;font-size:.938em;text-decoration:none;padding-bottom:3px;line-height:100%;position:relative;padding-right:15px;font-weight:400}.e-magazine .right-section a:after{content:" ";border-bottom:2px solid #d8741b;border-right:2px solid #d8741b;top:50%;margin-top:-7px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.e-magazine .e-magazine-slider{padding:0 0px}.e-magazine .e-magazine-slider .slick-arrow{top:50%;transform:translate(0px, -100px)}.e-magazine .e-magazine-slider .slick-prev{width:45px;height:45px;left:10px;z-index:9;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat left center}.e-magazine .e-magazine-slider .slick-prev:before{display:none}.e-magazine .e-magazine-slider .slick-prev:hover{background:url(/images/oberoihotels/slider-arrow-hover.jpg) no-repeat left center;background-position:0px 1px}.e-magazine .e-magazine-slider .slick-next{width:45px;height:45px;right:10px;z-index:9;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat right center}.e-magazine .e-magazine-slider .slick-next:before{display:none}.e-magazine .e-magazine-slider .slick-next:hover{background:url(/images/oberoihotels/slider-arrow-hover.jpg) no-repeat right center;background-position:-46px 1px}.e-magazine .e-magazine-slide{width:33.33%;float:left;padding:0 10px 0px 10px}.e-magazine .e-magazine-slide .img-box{margin-bottom:15px}.e-magazine .e-magazine-slide .img-box img{max-width:100%}.e-magazine .e-magazine-slide .text-container .catogeory{font-family:"Roboto",sans-serif;font-size:0.9em;font-weight:300;text-transform:uppercase;margin-bottom:0}.e-magazine .e-magazine-slide .text-container .catogeory a{color:#000;text-decoration:none}.e-magazine .e-magazine-slide .text-container .title{color:#000;font-size:1.154em;font-family:"EB Garamond",serif;margin-bottom:5px}.e-magazine .e-magazine-slide .text-container .title i{font-style:italic}.e-magazine .e-magazine-slide .text-container .title em{font-style:italic}.e-magazine .e-magazine-slide .text-container .title a{color:#000;text-decoration:none}.e-magazine .e-magazine-slide .text-container .author{font-size:0.83em;font-weight:300;margin-bottom:8px;font-family:"Roboto",sans-serif;color:#000;font-style:normal}.e-magazine .e-magazine-slide .text-container .author a{color:#000}.e-magazine .e-magazine-slide .text-container p{font-family:"Roboto",sans-serif;font-size:.938em}.e-magazine .e-magazine-slide .text-container p a{color:#000;text-decoration:none}.e-magazine .e-magazine-slide .text-container .cta-box{margin-top:30px;float:left}.e-magazine .e-magazine-slide .text-container .cta-box a{padding:8px 20px;margin-right:20px;text-decoration:none;font-family:"Roboto",sans-serif;-webkit-transition:0.5s all ease-in-out;-ms-transition:0.5s all ease-in-out;-o-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out}.e-magazine .e-magazine-slide .text-container .cta-box a.style1{background:#fff;border:1px solid #828282;color:#828282}.e-magazine .e-magazine-slide .text-container .cta-box a.style1:hover{background:#d8741b;border:1px solid #d8741b;color:#fff}.e-magazine .e-magazine-slide .text-container .cta-box a.style2{background:#d8741b;border:1px solid #d8741b;color:#fff}.e-magazine .e-magazine-slide .text-container .cta-box a.style2:hover{background:#fff;border:1px solid #828282;color:#828282}.image-text-block-style1 .text-block .authr-name a{color:#000}@media only screen and (max-width: 1680px){.e-magazine .right-section{width:48.2%}}@media only screen and (max-width: 1599px){.e-magazine .right-section{width:48%}}@media only screen and (max-width: 1439px){.e-magazine .right-section{width:47.8%}}@media only screen and (max-width: 991px){.e-magazine{padding:35px 15px 30px;float:left;width:100%}.e-magazine .left-section{margin:0px;width:100%}.e-magazine .left-section .title{font-size:1.5em;margin-bottom:10px}.e-magazine .slick-slide{margin-right:0}.e-magazine .e-magazine-slider{padding:0}.e-magazine .e-magazine-slider .e-magazine-slide{padding:0}.e-magazine .right-section{margin:10px 0;width:100%}} /*# sourceMappingURL=e-magazine.css.map */ .instagramStudio{padding:35px 0 40px 0}.instagramStudio .textcont{padding:0 9%;margin-bottom:20px}.instagramStudio .textcont .title{font-family:"EB Garamond",serif;font-size:2.188em;color:#000;margin-bottom:5px;font-style:italic}.instagramStudio .textcont .title i{font-style:italic}.instagramStudio .textcont .title span{font-style:normal}.instagramStudio .textcont p{font-family:"Roboto",sans-serif;font-style:normal}.instagramStudio .textcont p strong a{text-decoration:none;color:#000}.instagramStudio .left-section{display:inline-block;width:50%}.instagramStudio .right-section{display:inline-block;margin:0 0 20px;text-align:right;vertical-align:bottom;width:45.8%}.instagramStudio .right-section a{color:#d8741b;font-family:"Roboto", sans-serif;font-size:0.938em;text-decoration:none;padding-bottom:3px;line-height:100%;position:relative;padding-right:15px;font-weight:400}.instagramStudio .right-section a:after{content:" ";border-bottom:2px solid #d8741b;border-right:2px solid #d8741b;top:50%;margin-top:-7px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.instagramStudio .instagramStudio-slider .instagramStudio-slide{width:25%;float:left;padding:0 2px;position:relative}.instagramStudio .instagramStudio-slider .instagramStudio-slide a{text-decoration:none}.instagramStudio .instagramStudio-slider .instagramStudio-slide a img{width:100%}.instagramStudio .instagramStudio-slider .instagramStudio-slide .caption{position:absolute;bottom:0px;left:0px;background:rgba(255,255,255,0.8);padding:10px;width:100%;color:#000;z-index:1}.instagramStudio .instagramStudio-slider .instagramStudio-slide .caption a{text-decoration:none;color:#000}.instagramStudio .instagramStudio-slider .slick-prev{width:45px;height:45px;left:5%;top:50%;z-index:9;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat left center}.instagramStudio .instagramStudio-slider .slick-prev:before{display:none}.instagramStudio .instagramStudio-slider .slick-prev:hover{background:url(/images/oberoihotels/slider-arrow-hover.jpg) no-repeat left center;background-position:0px 1px}.instagramStudio .instagramStudio-slider .slick-next{width:45px;height:45px;right:5%;top:50%;z-index:9;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat right center}.instagramStudio .instagramStudio-slider .slick-next:before{display:none}.instagramStudio .instagramStudio-slider .slick-next:hover{background:url(/images/oberoihotels/slider-arrow-hover.jpg) no-repeat right center;background-position:-46px 1px}@media only screen and (max-width: 991px){.instagramStudio .textcont{padding-left:15px;margin-bottom:10px}.instagramStudio .left-section{width:100%}.instagramStudio .right-section{width:100%;margin:0px 4px 10px 0;padding-right:15px}}@media only screen and (max-width: 767px){.instagramStudio{padding:0 0 55px}.instagramStudio .textcont .title{font-size:1.5em}.instagramStudio .textcont p strong a{text-decoration:none;color:#000}} /*# sourceMappingURL=instagramStudio.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .booking-widget { width: 75%; margin: 0 auto; position: absolute; background: #fff; bottom: -55px; z-index: 11; left: 50%; max-width: 1366px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .booking-widget .hotels { background: #fff; box-shadow: 0px 6px 6px #ccc; padding: 15px 0 15px 10px; } .booking-widget .autocomplete { width: 26%; float: left; /*the container must be positioned relative:*/ position: relative; display: inline-block; font-family: "EB Garamond", serif; padding: 5px 0; } .booking-widget .autocomplete:before { content: '\2039'; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; z-index: 1; font-size: 44px; right: 24px; font-family: "Roboto", sans-serif; } .booking-widget input { border: 1px solid transparent; padding: 0 10px; font-family: "EB Garamond", serif; font-size: 1.054em; color: #000; } .booking-widget input::placeholder { color: #000; font-family: "EB Garamond", serif; } .booking-widget input[type=text] { width: 100%; font-family: "EB Garamond", serif; } .booking-widget input[type=submit] { background-color: DodgerBlue; color: #fff; cursor: pointer; font-family: "Roboto", sans-serif; } .booking-widget .autocomplete-items { position: absolute; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .booking-widget .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } .booking-widget .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } .booking-widget .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } .booking-widget .selecthotel { float: left; width: 20%; } .booking-widget .selecthotel .selectbox { color: #000; padding: 8px 20px 8px 10px; position: relative; } .booking-widget .selecthotel .selectbox:after { content: '\2039'; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; z-index: 1; font-size: 2.250em; right: 20px; top: -3px; color: #000; font-family: "Roboto", sans-serif; } .booking-widget .room { float: left; width: 13%; border-right: 1px solid #d8741b; margin-right: 1%; } .booking-widget .room .selectbox { color: #000; padding: 8px 20px 8px 18px; position: relative; } .booking-widget .room .selectbox:after { content: '\2039'; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; z-index: 1; font-size: 2.250em; right: 20px; top: -3px; color: #000; font-family: "Roboto", sans-serif; } .booking-widget .guests { float: left; width: 11%; margin-right: 1%; } .booking-widget .guests .selectbox { color: #000; padding: 8px 20px 10px 8px; position: relative; } .booking-widget .guests .selectbox:after { content: '\2039'; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; z-index: 1; font-size: 2.250em; right: 20px; top: -3px; color: #000; font-family: "Roboto", sans-serif; } .booking-widget .checkIn { width: 19%; float: left; border-left: 1px solid #d8741b; padding: 5px 0 5px 15px; } .booking-widget .checkIn label { margin-right: 10px; color: #000; } .booking-widget .checkIn input[type="text"] { width: 56%; display: inline-block; background: url(../images/calander-icon.png) no-repeat left center; padding-left: 20px; } .booking-widget .checkOut { width: 17%; float: left; border-right: 1px solid #d8741b; padding: 5px 0; } .booking-widget .checkOut label { margin-right: 10px; color: #000; } .booking-widget .checkOut input[type="text"] { width: 50%; display: inline-block; background: url(../images/calander-icon.png) no-repeat left center; padding-left: 20px; } .booking-widget .bookedRoom { width: 20%; float: left; border-left: 1px solid #d8741b; padding: 5px 0; } .booking-widget .bookedRoom .room { padding: 10px; background: #fff; } .booking-widget .cta-box { padding-top: 8px; float: left; position: relative; font-family: "EB Garamond", serif; } .booking-widget .cta-box a { padding: 8px 20px; margin-right: 20px; text-decoration: none; font-family: "EB Garamond", serif; -webkit-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .booking-widget .cta-box a.style1 { background: #fff; border: 1px solid #828282; color: #828282; } .booking-widget .cta-box a.style1:hover { background: #d8741b; border: 1px solid #d8741b; color: #fff; } .booking-widget .cta-box a.style2 { background: #d8741b; border: 1px solid #d8741b; color: #fff; } .booking-widget .cta-box a.style2:hover { background: #fff; border: 1px solid #828282; color: #828282; } .booking-widget .lastSearchHotel { font-family: "Roboto", sans-serif; padding: 10px; } .booking-widget .lastSearchHotel ul { list-style-type: none; } .booking-widget .lastSearchHotel ul li { float: left; margin: 0 10px; font-weight: 300; letter-spacing: 2px; font-size: .735em; } .booking-widget .lastSearchHotel ul li strong { font-weight: 700; } .booking-widget .lastSearchHotel ul li:last-child { float: right; padding-right: 34px; } .booking-widget .lastSearchHotel ul li a.allDesti { color: #d8741b; font-family: "Roboto", sans-serif; text-decoration: none; padding-bottom: 3px; position: relative; line-height: 100%; font-weight: 500; } .booking-widget .lastSearchHotel ul li a.allDesti:after { content: " "; border-bottom: 2px solid #d8741b; border-right: 2px solid #d8741b; top: 50%; margin-top: -7px; height: 8px; right: -13px; position: absolute; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 8px; z-index: 2; } .innerpage .hotels { box-shadow: none; } .banner-and-booking-widget { position: relative; top: 0px; } .innerpage .booking-widget { bottom: -30px; } @media only screen and (max-width: 1280px) { .booking-widget .checkIn input[type="text"] { width: 55%; } } @media only screen and (max-width: 1199px) { .booking-widget { display: none; } } /*# sourceMappingURL=booking-widget.css.map */ .easy-autocomplete { position: relative; } .easy-autocomplete input { border-color: #ccc; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #555; float: none; padding: 6px 12px; } .easy-autocomplete input:hover, .easy-autocomplete input:focus { box-shadow: none; } .easy-autocomplete a { display: block; } .easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); } .easy-autocomplete.eac-blue-light ul { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); } .easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category { border-color: #66afe9; } .easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected { background-color: #ecf5fc; } .easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus { border-color: #41DB00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6); } .easy-autocomplete.eac-green-light ul { border-color: #41DB00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6); } .easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category { border-color: #41DB00; } .easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected { background-color: #9eff75; } .easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus { border-color: #ff5b5b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6); } .easy-autocomplete.eac-red-light ul { border-color: #ff5b5b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6); } .easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category { border-color: #ff5b5b; } .easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected { background-color: #ff8e8e; } .easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus { border-color: #ffdb00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6); } .easy-autocomplete.eac-yellow-light ul { border-color: #ffdb00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6); } .easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category { border-color: #ffdb00; } .easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected { background-color: #ffe233; } .easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus { border-color: #333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6); } .easy-autocomplete.eac-dark-light ul { border-color: #333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6); } .easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category { border-color: #333; } .easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected { background-color: #4d4d4d; color: #fff; } .easy-autocomplete.eac-dark { color: #fff; } .easy-autocomplete.eac-dark input { background-color: #404040; border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-dark ul { border-color: #333; } .easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category { background-color: #404040; border-color: #333; } .easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected { background-color: #737373; color: #f6f6f6; } .easy-autocomplete.eac-dark-glass { color: #fff; } .easy-autocomplete.eac-dark-glass input { background-color: rgba(0, 0, 0, 0.8); border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus { border-color: rgba(0, 0, 0, 0.8); box-shadow: 0; } .easy-autocomplete.eac-dark-glass ul { border-color: rgba(0, 0, 0, 0.8); } .easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.8); } .easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected { background-color: rgba(64, 64, 64, 0.8); color: #f6f6f6; } .easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child { border-radius: 0 0 4px 4px; } .easy-autocomplete.eac-blue { color: #fff; } .easy-autocomplete.eac-blue input { background-color: #6d9ed1; border-radius: 4px; box-shadow: 0; color: #f6f6f6; } .easy-autocomplete.eac-blue input::-webkit-input-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:-moz-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input::-moz-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:-ms-input-placeholder { color: #f6f6f6; } .easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus { border-color: #5A91CB; box-shadow: 0; } .easy-autocomplete.eac-blue ul { border-color: #5A91CB; } .easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category { background-color: #6d9ed1; border-color: #5A91CB; } .easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected { background-color: #94b8dd; color: #f6f6f6; } .easy-autocomplete.eac-yellow { color: #333; } .easy-autocomplete.eac-yellow input { background-color: #ffdb7e; border-color: #333; border-radius: 4px; box-shadow: 0; color: #333; } .easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-yellow ul { border-color: #333; } .easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category { background-color: #ffdb7e; border-color: #333; } .easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected { background-color: #ffe9b1; color: #333; } .easy-autocomplete.eac-purple { color: #333; } .easy-autocomplete.eac-purple input { background-color: #d6d1e7; border-color: #b8afd5; box-shadow: 0; color: #333; } .easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus { border-color: #333; box-shadow: 0; } .easy-autocomplete.eac-purple ul { border-color: #333; } .easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category { background-color: #d6d1e7; border-color: #333; } .easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected { background-color: #ebe8f3; color: #333; } .easy-autocomplete.eac-bootstrap input { border-color: #ccc; border-radius: 4px; border-style: solid; border-width: 1px; color: #555; padding: 6px 12px; } .easy-autocomplete-container { left: 0; position: absolute; width: 100%; z-index: 2; } .easy-autocomplete-container ul { background: none repeat scroll 0 0 #ffffff; border-top: 1px dotted #ccc; display: none; margin-top: 0; padding-bottom: 0; padding-left: 0; position: relative; top: -1px; } .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category { background: inherit; border-color: #ccc; border-image: none; border-style: solid; border-width: 0 1px; display: block; font-size: 14px; font-weight: normal; padding: 4px 12px; } .easy-autocomplete-container ul li:last-child { border-radius: 0 0 2px 2px; border-width: 0 1px 1px; } .easy-autocomplete-container ul li.selected { background: none repeat scroll 0 0 #ebebeb; cursor: pointer; } .easy-autocomplete-container ul li.selected div { font-weight: normal; } .easy-autocomplete-container ul li div { display: block; font-weight: normal; word-break: break-all; } .easy-autocomplete-container ul li b { font-weight: bold; } .easy-autocomplete-container ul .eac-category { font-color: #aaa; font-style: italic; } .eac-description .eac-item span { color: #aaa; font-style: italic; font-size: 0.9em; } .eac-icon-left .eac-item img { margin-right: 4px; max-height: 30px; } .eac-icon-right .eac-item { margin-top: 8px; min-height: 24px; position: relative; } .eac-icon-right .eac-item img { margin-left: 4px; max-height: 30px; position: absolute; right: -4px; top: -8px; } .easy-autocomplete { /* Theme Square */ } .easy-autocomplete.eac-square { font-family: "Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif; width: 100% !important; } .easy-autocomplete.eac-square input { margin: 0; /*min-width: 350px;*/ width: 100%; padding: 10px; border: 1px solid transparent; border-radius: 0px; box-shadow: none; } .easy-autocomplete.eac-square ul { border-color: #7f8c8d; border-top: 0; box-shadow: none; top: 0; } .easy-autocomplete.eac-square ul li, .easy-autocomplete.eac-square ul .eac-category { border-color: #7f8c8d; font-family: inherit; font-size: 16px; font-weight: 300; padding: 6px 12px; transition: all 0.4s ease 0s; } .easy-autocomplete.eac-square ul li *, .easy-autocomplete.eac-square ul .eac-category * { font-weight: 300; } .easy-autocomplete.eac-square ul li.selected, .easy-autocomplete.eac-square ul .eac-category.selected { background-color: #f1f1f1; font-weight: 300; } .easy-autocomplete.eac-square ul li b, .easy-autocomplete.eac-square ul .eac-category b { font-weight: 600; color: #d8741b; } /* style.scss */ /** * Variables */ /** * Mobile & Desktop Common Styles */ .calentim-container, .calentim-container-mobile { font-size: 15px; float: left; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 999999; -webkit-font-smoothing: antialiased; font-kerning: normal; -webkit-font-kerning: normal; -webkit-text-size-adjust: 100%; } .calentim-container:focus, .calentim-container-mobile:focus { box-shadow: none; outline: none; } .calentim-container .calentim-input, .calentim-container-mobile .calentim-input { margin: 5px; border: 1px solid #ddd; border-radius: 6px; overflow: hidden; top: inherit; background: white; box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; } .calentim-container .calentim-input.calentim-input-vertical-range, .calentim-container-mobile .calentim-input.calentim-input-vertical-range { flex-direction: row; } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-left, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-left { border-right: 1px solid #ddd; } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right { background: #fff; position: relative; display: flex; flex-direction: column; flex: 1; } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges { border-top: none; display: flex; flex-direction: column; padding: 0; padding-bottom: 24px; overflow-y: auto; overflow-x: hidden; flex: 1; } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range-header-container, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range-header-container { padding: 8px 12px; } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range { flex: 0; padding: 8px 12px; margin: 3px 6px; background: ghostwhite; border: 1px solid #ddd; border-radius: 3px; } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range.calentim-range-selected, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range.calentim-range-selected { background: #1885FC; color: white; } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right .calentim-footer, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right .calentim-footer { border-top: 1px solid #ddd; flex: 0; } .calentim-container .calentim-input .calentim-header, .calentim-container-mobile .calentim-input .calentim-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 20px 20px 10px 20px; border-bottom: 1px solid #ddd; } .calentim-container .calentim-input .calentim-header .calentim-header-separator, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-separator { flex: 0; display: block; margin: 0; margin-top: -2px; padding: 0 16px; color: aliceblue; font-size: 32px; } .calentim-container .calentim-input .calentim-header .calentim-header-start, .calentim-container .calentim-input .calentim-header .calentim-header-end, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end { flex: 1; white-space: nowrap; display: block; margin-right: 10px; text-align: left; } .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-start-day, .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-end-day, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-start-day, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-end-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-day { float: left; font-size: 2.5em; color: #1885FC; margin-top: -10px; margin-right: 8px; font-weight: 100; text-align: left; } .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-start-date, .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-end-date, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-start-date, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-end-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-date { font-size: 0.9em; color: #A6AAB3; display: inline-block; } .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-start-weekday, .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-end-weekday, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-start-weekday, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-end-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-weekday { font-size: 0.7em; color: #c9c9d1; } .calentim-container .calentim-input .calentim-calendars, .calentim-container-mobile .calentim-input .calentim-calendars { position: relative; display: flex; box-sizing: border-box; } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector { position: absolute; display: none; border: 0px solid #fff; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month { background: #eee; height: 33.33%; width: 25%; font-weight: bold; display: flex; align-items: center; justify-content: center; box-sizing: border-box; float: left; outline: 1px solid #ddd; word-break: break-word; word-wrap: break-word; text-transform: capitalize; } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month.current { background: #0666CD; color: white; } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month:hover, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month:hover { background: #1783FF; cursor: pointer; color: white; } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev { margin: 0px; background: #eee; height: 33.33%; width: 20%; align-items: center; justify-content: center; font-weight: bold; display: flex; float: left; box-sizing: border-box; outline: 1px solid #ddd; text-transform: uppercase; word-wrap: break-word; word-break: break-all; } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year.current, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next.current, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev.current { background: #0666CD; color: white; } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year:hover, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next:hover, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev:hover, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year:hover, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next:hover, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev:hover { background: #1783FF; cursor: pointer; color: white; } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev { font-size: 2.65em; background: white; color: #1885FC; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar { flex: 1; float: left; padding-bottom: 8px; border-right: 1px solid #ddd; box-sizing: border-box; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar.no-border-right, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.no-border-right { border-right: none; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-dayofweek, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-day, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-weeknumber, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-weeknumber { width: calc(100% / 8); } @media all and (-ms-high-contrast: none) { .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-dayofweek, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-day, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-weeknumber, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-weeknumber { width: calc((100% / 8) - 1px); } } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title { text-align: center; font-weight: 300; flex: 0; color: #424242; text-transform: capitalize; border-bottom: 1px solid #ddd; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; font-size: 1.2em; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next { font-size: 1em; cursor: hand; cursor: pointer; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev i, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next i, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev i, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next i { cursor: pointer; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev i:hover, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next i:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev i:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next i:hover { text-shadow: 1px 2px 3px #eee; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev { float: left; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title span { flex: 1; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-month-switch:hover, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-year-switch:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-month-switch:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-year-switch:hover { color: #1783FF; cursor: hand; cursor: pointer; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next { float: right; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container { padding: 10px; display: flex; flex-wrap: wrap; flex-direction: row; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber { width: calc(100% / 7); text-align: center; padding: 3px; font-size: .76em; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; margin-bottom: 1px; } @media all and (-ms-high-contrast: none) { .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber { width: calc((100% / 7) - 1px); } } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber span { pointer-events: none; display: block; padding: 3px 3px 3px 4px; border-radius: 4px; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek { text-transform: uppercase; font-size: 0.6em; font-weight: 600; color: #616161; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber { background-color: ghostwhite; color: #568EA3; border-right: 1px solid #ddd; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day { cursor: pointer; overflow: hidden; color: #212121; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: stretch; box-sizing: border-box; transition: background-color .1s ease-out; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end { background: #1783FF; color: white; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start.calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end.calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start.calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end.calentim-disabled { background: #c6dbf0; color: white; opacity: 0.5; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-disabled span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start.calentim-disabled span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end.calentim-disabled span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-disabled span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start.calentim-disabled span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end.calentim-disabled span { background: transparent !important; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start { border-radius: 6px 0 0 6px; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start span { background: #0666CD; border-radius: 4px; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end { border-radius: 0 6px 6px 0; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end span { background: #0666CD; border-radius: 4px; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start.calentim-end { border-radius: 6px !important; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected), .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) { background-color: #c8e1ff; color: black; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) span { background-color: #c8e1ff; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-disabled { opacity: .66; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-hovered-first, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-hovered-first { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-hovered-last, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-hovered-last { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today { color: #0666CD; font-weight: bold; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today.calentim-hovered, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today.calentim-hovered { color: black; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today.calentim-selected, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today.calentim-selected { color: white; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day:hover:not(.calentim-hovered):not(.calentim-selected), .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day:hover:not(.calentim-hovered):not(.calentim-selected) { background: gainsboro; border-radius: 3px; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range { color: #b8b8df; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled { background: #f4f4fa; color: #b8b8df; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weekend, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weekend { color: #568EA3; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-next, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-prev { cursor: pointer; font-size: 1.25em; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-next:hover, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-prev:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-next:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-prev:hover { text-shadow: 1px 2px 3px #eee; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-next { float: right; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-prev { float: left; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar:last-child, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar:last-child { border-right: none; } .calentim-container .calentim-input .calentim-timepickers, .calentim-container-mobile .calentim-input .calentim-timepickers { border-top: 1px solid #ddd; text-align: left; display: flex; flex-direction: row; background: ghostwhite; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker { box-sizing: border-box; padding: 6px 5px; flex: 1 0 auto; display: flex; flex-direction: row; border-right: 1px solid #ddd; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker:last-child, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker:last-child { border-right: none; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-hour-minute-seperator, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-hour-minute-seperator { display: flex; color: #1885FC; font-size: 1.8em; font-weight: bold; align-items: center; justify-content: center; margin: 0 .1em; margin-top: -2px; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm { display: flex; flex-direction: column; margin-left: 5px; font-size: 0.7em; font-weight: bold; color: #6a6e71; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-am, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-am { flex: 1; border: 1px solid #ddd; border-radius: 4px 4px 0 0; background: white; border-bottom: none; display: flex; align-items: center; justify-content: center; padding: 0 5px; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-am:hover, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-am:hover { cursor: pointer; cursor: hand; background: #f8f8ff; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-pm, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-pm { flex: 1; border: 1px solid #ddd; border-radius: 0 0 4px 4px; background: white; display: flex; align-items: center; justify-content: center; padding: 0 5px; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-pm:hover, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-pm:hover { cursor: pointer; cursor: hand; background: #f8f8ff; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected { background: #0666CD; border-color: #0666CD; color: white; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected:hover, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected:hover { background: #0666CD; color: white; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper { flex: 1; display: flex; flex-direction: column; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours { flex-wrap: nowrap; display: flex; flex-direction: column; position: relative; padding: 0; margin: 0; line-height: 1.4em; height: 4.2em; box-sizing: border-box; color: #ddd; border-radius: 4px 0 0 4px; border: 1px solid #ddd; border-right: none; text-align: center; background: white; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected-prev, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected-prev { transform: perspective(4em) rotateX(30deg); color: #424242; opacity: .5; transform-origin: bottom; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected { color: #424242; font-size: 1.5em; font-weight: bold; background: #fff; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected-next, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected-next { transform: perspective(4em) rotateX(-30deg); color: #424242; opacity: .5; transform-origin: top; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper { flex: 1; display: flex; flex-direction: column; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes { flex-wrap: nowrap; display: flex; flex-direction: column; position: relative; line-height: 1.4em; height: 4.2em; padding: 0; margin: 0; box-sizing: border-box; color: #ddd; background: white; border-radius: 4px 0 0 4px; border: 1px solid #ddd; border-right: none; text-align: center; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected-prev, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected-prev { transform: perspective(4em) rotateX(30deg); color: #424242; opacity: .5; transform-origin: bottom; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected { color: #424242; font-size: 1.5em; font-weight: bold; background: #fff; box-shadow: inset 0 0 10px 100px white; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected-next, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected-next { transform: perspective(4em) rotateX(-30deg); color: #424242; opacity: .5; transform-origin: top; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows { display: flex; flex-direction: column; align-items: center; justify-content: center; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-hours-up, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-minutes-up, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-hours-up, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-minutes-up, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-hours-up, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-minutes-up, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-hours-up, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-minutes-up { flex: 1; display: flex; align-items: center; justify-content: center; padding: 4px; background: white; border: 1px solid #ddd; background: white; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-hours-down, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-minutes-down, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-hours-down, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-minutes-down, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-hours-down, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-minutes-down, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-hours-down, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-minutes-down { flex: 1; display: flex; align-items: center; justify-content: center; padding: 4px; background: white; border: 1px solid #ddd; background: white; border-top: none; } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows > div:hover, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows > div:hover, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows > div:hover, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows > div:hover { background: whitesmoke; cursor: pointer; cursor: hand; } .calentim-container .calentim-input .calentim-ranges, .calentim-container-mobile .calentim-input .calentim-ranges { border-top: 1px solid #ddd; clear: both; padding: 10px; text-align: left; } .calentim-container .calentim-input .calentim-ranges i, .calentim-container-mobile .calentim-input .calentim-ranges i { float: left; color: #6a6e71; font-size: 14px; margin-right: 5px; margin-top: 1px; } .calentim-container .calentim-input .calentim-ranges .calentim-range-header, .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range-header { font-size: 0.8em; color: #6a6e71; display: inline-block; margin-right: 5px; font-weight: bold; } .calentim-container .calentim-input .calentim-ranges .calentim-range, .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range { display: inline-block; color: #1783FF; margin: 3px; font-size: 0.7em; cursor: pointer; font-weight: bold; } .calentim-container .calentim-input .calentim-ranges .calentim-range:hover, .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range:hover { text-decoration: underline; } .calentim-container .calentim-input .calentim-ranges .calentim-range.calentim-range-selected, .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range.calentim-range-selected { color: #f03a47; } .calentim-container .calentim-input .calentim-ranges .calentim-range.calentim-range-selected:hover, .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range.calentim-range-selected:hover { text-decoration: none; } .calentim-container.calentim-hidden-calendar .calentim-input .calentim-timepickers { border-top: none; } .calentim-container.calentim-hidden-calendar .calentim-box-arrow-top:after { border-bottom-color: ghostwhite; } .calentim-container .calentim-input .calentim-footer { text-align: right; } .calentim-container .calentim-input .calentim-footer .calentim-apply { background: #1783FF; border: none; padding: 6px 18px; color: white; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; margin: 6px; border-radius: 3px; } .calentim-container .calentim-input .calentim-footer .calentim-apply:disabled { background: #c9c9d1; color: gray; } .calentim-container .calentim-input .calentim-footer .calentim-cancel { background: #c9c9d1; border: none; padding: 6px 18px; color: #6a6e71; margin: 6px; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; margin-right: 0px; border-radius: 3px; } /** * Mobile styles */ .calentim-container-mobile.calentim-hidden-calendar .calentim-input .calentim-timepickers { max-width: 100%; border-bottom: none; border-top: none; } .calentim-container-mobile.calentim-hidden-calendar .calentim-input .calentim-footer { width: 100%; background: white; } .calentim-container-mobile .calentim-input { margin: 0; border: 0; border-radius: 0; position: fixed; bottom: 0; right: 0; left: 0; z-index: 999999; margin: 6px; border-radius: 6px; border: 1px solid #ddd; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: center; overflow-y: hidden; } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input { bottom: 0; overflow-y: hidden; flex-wrap: wrap; } } .calentim-container-mobile .calentim-input .calentim-header { box-sizing: border-box; padding: 12px; order: 0; display: flex; flex: 0 0 auto; flex-flow: nowrap; background: ghostwhite; justify-content: space-between; align-items: center; font-size: 1em; } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-header { order: 2; border-left: 1px solid #ddd; font-size: .857em; } } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-separator { padding: 0; margin: 0; display: flex; color: lightsteelblue; margin-top: 2px; } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end { margin: 0; } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-day { font-size: 2.8em; margin: -10px; font-weight: 400; } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-date { font-size: 1em; color: #424242; font-weight: 500; } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-weekday { font-size: 0.8em; color: #424242; font-weight: 400; line-height: 10px; } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-day { margin-right: 8px; margin-left: 0; float: left; } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end { text-align: right; } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-day { float: right; margin-left: 8px; margin-right: 0; } .calentim-container-mobile .calentim-input .calentim-calendars { order: 2; flex: 1 1 auto; background: white; display: flex; flex-direction: column; overflow: scroll; } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-calendars { width: 50%; order: 0; } } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector { border-bottom: 1px solid #ddd; } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month { flex: 1 1 33.33%; height: 25%; } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year { flex: 1 1 20%; height: 33.33%; } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar { border-right: none; display: block; } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar { border: none; } } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar:first-child .calentim-title { border-top: none; } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title { background: ghostwhite; align-items: center; font-size: 1.25em; justify-content: space-between; display: flex; border-top: 1px solid #ddd; color: #424242; } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title { box-sizing: border-box; padding: 8px; } } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container { padding: 10px 4px; } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled { min-height: calc((100% - 48px) / 8); font-size: 0.8572em; position: relative; justify-content: center; align-items: stretch; display: flex; } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled span { flex: 1; align-items: center; justify-content: center; display: flex; } .calentim-container-mobile .calentim-input .calentim-ranges { background: white; order: 2; flex: 1 0 auto; align-items: flex-end; margin: 0px; padding: 4px; border: none; text-align: center; } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-ranges { width: 50%; box-sizing: border-box; flex: 1 1 0; border-left: 1px solid #ddd; overflow-y: scroll; min-height: 50px; } } .calentim-container-mobile .calentim-input .calentim-ranges i { font-size: 20px; display: none; } .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range-header { font-size: 0.9em; display: none; } .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range { font-size: 0.85em; padding: 4px 8px; background: #0666CD; font-weight: 400; color: white; border-radius: 21px; } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range { border-radius: 6px; display: block; margin: 4px; } } .calentim-container-mobile .calentim-input .calentim-filler { display: none; } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-filler { display: block; box-sizing: border-box; flex-grow: 1; margin-bottom: auto; border-left: 1px solid #ddd; min-height: 100px; order: 3; } } .calentim-container-mobile .calentim-input .calentim-ranges + .calentim-filler { display: none; } .calentim-container-mobile .calentim-input .calentim-footer { order: 3; flex: 0 0 auto; text-align: center; padding: 6px 6px 7px 6px; background: ghostwhite; border-top: 1px solid #ddd; } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-footer { width: 50%; box-sizing: border-box; border-left: 1px solid #ddd; margin-top: auto; } } .calentim-container-mobile .calentim-input .calentim-footer button { font-size: 15px; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 4px; font-weight: 400; outline: none; border: none; border-radius: 4px; width: calc((100% - 10px)/2); } .calentim-container-mobile .calentim-input .calentim-footer button.calentim-apply { background: #f03a47; color: white; margin-left: 7px; font-weight: 500; border: 1px solid #f03a47; } .calentim-container-mobile .calentim-input .calentim-footer button.calentim-apply[disabled=disabled], .calentim-container-mobile .calentim-input .calentim-footer button.calentim-apply:disabled { background: #c9c9d1; color: #A6AAB3; border: 1px solid #A6AAB3; } .calentim-container-mobile .calentim-input .calentim-footer button.calentim-cancel { background: transparent; color: #f03a47; border: 1px solid #f03a47; box-sizing: border-box; } .calentim-container-mobile .calentim-input .calentim-timepickers { order: 2; flex: 0 0 auto; background: ghostwhite; font-size: 1em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-timepickers { border-top: none; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; font-size: 1.125em; order: 2; } } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-hour-minute-seperator { margin-top: 0px; color: #6a6e71; font-size: 1.8em; font-weight: bold; } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-hour-minute-seperator { margin-top: 0px; font-size: 1.4em; } } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours { font-size: 21px; border: 1px solid #ddd; border-radius: 3px; /*background: linear-gradient(to bottom, #e8e8ef 0%, #fff 45%, #d8d8df 100%); box-shadow: inset 0 2px 10px 1px #424242;*/ } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected { background: whitesmoke; border-radius: 2px; box-shadow: none; border: 1px solid #ddd; margin: 0 2px; } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes { font-size: 21px; border: 1px solid #ddd; border-radius: 3px; /*box-shadow: inset 0 2px 10px 1px #424242; background: linear-gradient(to bottom, #e8e8ef 0%, #fff 45%, #d8d8df 100% );*/ } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected { background: whitesmoke; border-radius: 2px; box-shadow: none; border: 1px solid #ddd; margin: 0 2px; } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows { display: none; } .calentim-container-mobile.calentim-inline { box-sizing: border-box; } .calentim-container-mobile.calentim-inline .calentim-input { position: static; box-shadow: none; box-sizing: border-box; } .calentim-container-mobile.calentim-inline .calentim-input .calentim-footer { display: none !important; } .calentim-container-mobile.calentim-inline .calentim-input.calentim-hidden-calendar .calentim-timepickers { max-width: 100%; border-top-width: 0 !important; } @media screen and (orientation: landscape) { .calentim-container-mobile.calentim-inline .calentim-input { flex-direction: column; flex-wrap: wrap; } .calentim-container-mobile.calentim-inline .calentim-input .calentim-calendars { order: 0; flex: 1 0 auto; width: calc(50% - 1px); border-left: none; border-right: 1px solid #ddd; } .calentim-container-mobile.calentim-inline .calentim-input .calentim-header { order: 1; flex: 0 1 auto; width: calc(50% - 1px); border-left: none; border-right: 1px solid #ddd; border-bottom: none; } .calentim-container-mobile.calentim-inline .calentim-input .calentim-timepickers { order: 2; flex: 0 0 auto; max-width: 50%; border-left: none; } .calentim-container-mobile.calentim-inline .calentim-input .calentim-timepickers .calentim-timepicker-ampm { width: 7vmin; } .calentim-container-mobile.calentim-inline .calentim-input .calentim-ranges { order: 3; flex: 0 1 auto; width: 50%; border-left: none; } } .calentim-open { overflow: hidden; } .calentim-overlay { background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999998; } .calentim-no-anim { transition: all 0s ease !important; } .calentim-popup { position: absolute; display: none; top: 0; left: 0; } .calentim-box-arrow-top { width: 22px; height: 22px; z-index: 12; margin-left: 0; position: absolute; top: 0px; } .calentim-box-arrow-top:after, .calentim-box-arrow-top:before { bottom: calc(100% - 6px); left: 27px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .calentim-box-arrow-top:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; } .calentim-box-arrow-top:before { border-color: rgba(184, 184, 184, 0); border-bottom-color: #ddd; border-width: 11px; margin-left: -11px; } .calentim-box-arrow-bottom { width: 22px; height: 22px; z-index: 12; margin-left: 0; position: absolute; bottom: 0px; } .calentim-box-arrow-bottom:after, .calentim-box-arrow-bottom:before { bottom: -15px; left: 27px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .calentim-box-arrow-bottom:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 11px; margin-left: -11px; } .calentim-box-arrow-bottom:before { border-color: rgba(184, 184, 184, 0); border-top-color: #ddd; border-width: 10px; margin-left: -10px; } .calentim-box-arrow-left { width: 22px; height: 22px; z-index: 12; margin-top: -11px; position: absolute; left: 0px; } .calentim-box-arrow-left:after, .calentim-box-arrow-left:before { left: -15px; top: 27px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .calentim-box-arrow-left:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 11px; margin-right: -11px; } .calentim-box-arrow-left:before { border-color: rgba(184, 184, 184, 0); border-right-color: #ddd; border-width: 10px; margin-right: -10px; } .calentim-box-arrow-right { width: 22px; height: 22px; z-index: 12; margin-top: -11px; position: absolute; right: 0px; } .calentim-box-arrow-right:after, .calentim-box-arrow-right:before { right: -15px; top: 27px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .calentim-box-arrow-right:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 11px; margin-left: -11px; } .calentim-box-arrow-right:before { border-color: rgba(184, 184, 184, 0); border-left-color: #ddd; border-width: 10px; margin-left: -10px; } .calentim-no-scroll::-webkit-scrollbar { display: none; } .calentim-no-scroll::-moz-scrollbar { display: none; } .calentim-no-scroll::-o-scrollbar { display: none; } .calentim-no-scroll::-google-ms-scrollbar { display: none; } .calentim-no-scroll::-khtml-scrollbar { display: none; } .awards{margin:0 auto;padding:25px 4% 30px 4%}.awards .title{text-align:center;font-size:2.188em;font-family:"EB Garamond",serif;margin-bottom:5px;color:#000}.awards .right-section{display:inline-block;margin:0 0 0px;float:right;text-align:right;vertical-align:bottom;width:48.46%}.awards .right-section a{color:#d8741b;font-family:"Roboto",sans-serif;font-size:.938em;text-decoration:none;padding-bottom:3px;line-height:100%;position:relative;padding-right:15px;font-weight:400}.awards .right-section a:after{content:" ";border-bottom:2px solid #d8741b;border-right:2px solid #d8741b;top:50%;margin-top:-7px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.awards p{text-align:center;font-family:"Roboto",sans-serif}.awards .award-column{width:24%;position:relative;display:inline-block;vertical-align:top;min-height:165px;text-align:center;border-right:1px solid #e3bf5c}.awards .award-column:last-child{border-right:none}.awards .award-column .award-animation-border{width:100%;text-decoration:none;color:#ff0;padding:0 20px}.awards .awards-container{font-family:"EB Garamond",serif;padding:50px;width:100%;float:left;text-align:center}.awards .awards-container .award-title{color:#000;font-size:1.1727em;margin:10px 0;font-weight:600}.awards .awards-container .award-subtitle{color:#000;font-size:1.054em;font-weight:700;min-height:64px;display:flex;align-items:flex-end;justify-content:center;padding:0px 10px}.awards .awards-container .award-discription{font-size:1.054em;font-weight:500;color:#000}@media only screen and (max-width: 1199px){.awards{padding:30px 0}.awards .right-section{padding-right:4%}.awards .slick-dots{bottom:-25px;overflow:hidden}.awards .slick-dots li{width:10px;height:10px;background:url(/images/oberoihotels/slider-dots.png) right center no-repeat}.awards .slick-dots li.slick-active{background:url(/images/oberoihotels/slider-dots.png) left center no-repeat}.awards .slick-dots li a{text-indent:9999px;display:block}.awards .awards-container{padding:20px 10px 0 10px}}@media only screen and (min-width: 768px) and (max-width: 991px){.awards .awards-container .award-column{width:49%;margin:20px 0 0 0}.awards .awards-container .award-column:nth-child(2n){border:none}}@media only screen and (max-width: 767px){.awards{padding:20px 0 35px}.awards .awards-container{padding:20px 0 0}.awards .title{font-size:1.5em}.awards .right-section{width:100%;text-align:center;margin-top:5px}.award-column{width:100%;margin:0}} /*# sourceMappingURL=awards.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .chat { background-color: #ffffff; cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.3s ease; border-radius: 10px; bottom: 10px; padding: 10px; position: fixed; right: 10px; z-index: 999; } .chat .chat-icon { display: flex; align-items: center; justify-content: flex-end; } .chat .chat-icon img { max-width: 60px; } .chat .chat-icon .text { font-size: 1em; color: #000; padding-left: 10px; } .visible { opacity: 1; visibility: visible; } @media only screen and (max-width: 767px) { .chat { display: none; } } /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ /*.slick-active .destination-slide .img-box:hover img { @include transform(scale(1.1)); }*/ .map-popup .map-popup-img { float: left; width: auto; margin-right: 15px; } .map-popup .map-popup-detail { float: left; width: 300px; } .map-popup .map-popup-detail .map-popup-hdng { font-size: 1.875em; font-family: "EB Garamond", serif; } .map-popup .map-popup-detail .map-popup-hdng a { color: inherit; text-decoration: none; } .map-popup .map-popup-detail .map-popup-hdng a br { display: none; } .map-popup .map-popup-detail .map-popup-hdng span { font-style: italic; } .map-popup .map-popup-detail .map-popup-list { margin-top: 15px; margin-bottom: 30px; } .map-popup .map-popup-detail .map-popup-list li { list-style: none; margin-bottom: 10px; font-size: 0.9375em; clear: both; float: left; } .map-popup .map-popup-detail .map-popup-list li span { display: inline-block; } .map-popup .map-popup-detail .map-popup-list li span a { color: inherit; text-decoration: none; } .map-popup .map-popup-detail .map-popup-list li span:first-child { width: 50px; font-weight: 600; margin-right: 30px; } .map-popup .map-popup-detail .map-popup-list li span:last-child { float: right; width: 220px; } .map-popup .map-popup-detail .map-popup-btn { float: right; clear: both; position: absolute; font-size: 1.1em; background: url(/images/oberoihotels/common/arrow-right.png) no-repeat right center; bottom: 10px; font-weight: 400; padding-right: 15px; right: 15px; color: #66b6d8; font-family: "Roboto",sans-serif; text-decoration: none; text-transform: uppercase; } .destination { margin: 40px 0 0 0; /* padding-bottom: 30px; */ } .destination .left-section { margin: 0 0 10px 20px; float: left; } .destination .left-section .title { font-family: "EB Garamond", serif; font-size: 2.188em; color: #000; line-height: 80%; margin-bottom: 10px; font-style: italic; } .destination .left-section .title span { /*font-size: 38%; font-family: $secondery-font-family; display: block; margin-top:10px;*/ font-style: normal; } .destination .left-section .title i { font-style: italic; } .destination .left-section p { font-size: 0.9375em; font-family: "Roboto", sans-serif; } .destination .right-section { margin: 10px 0px 0 0; float: right; position: relative; } .destination .right-section a { color: #6ab8d9; font-family: "Roboto", sans-serif; font-size: 0.938em; letter-spacing: 1px; text-decoration: none; padding-right: 12px; line-height: 100%; font-weight: 500; } .destination .right-section a:before { content: " "; border-bottom: 2px solid #6ab8d9; border-right: 2px solid #6ab8d9; top: 50%; margin-top: -4px; height: 7px; right: 0px; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; z-index: 2; } .destination .destinationContentSec { margin: 0 auto; padding: 0 4%; } .destination .destination-slider .slick-prev { width: 45px; height: 45px; left: 13.5%; top: 40%; z-index: 9; background: url(/images/oberoihotels/sprites-icons.png) no-repeat left center; background-position: -10px -183px; } .destination .destination-slider .slick-prev:before { display: none; } .destination .destination-slider .slick-next { width: 45px; height: 45px; right: 13.5%; top: 40%; z-index: 9; background: url(/images/oberoihotels/sprites-icons.png) no-repeat right center; background-position: -55px -183px; } .destination .destination-slider .slick-next:before { display: none; } .destination .destination-slide { width: 33.33%; float: left; padding: 0 10px; /* .slick-active { .destination-slide { .img-box { &:hover { img{ @include transform(scale(1.1)); } } } } } */ } .destination .destination-slide .img-box { overflow: hidden; margin-bottom: 15px; } .destination .destination-slide .img-box img { max-width: 100%; -webkit-transition: all linear 0.5s; -ms-transition: all linear 0.5s; -o-transition: all linear 0.5s; transition: all linear 0.5s; } .destination .destination-slide .slidesBtn.singleLine { top: 0px; } .destination .destination-slide .slidesText p { width: 100%; float: left; font-size: 0.9375em; font-family: "Roboto", sans-serif; color: #000; line-height: 140%; margin-bottom: 3px; } .destination .destination-slide .slidesText p strong { font-family: "EB Garamond", serif; font-weight: 500; } .destination .destination-slide .slidesText p strong i { font-style: italic; font-size: 1.25em; } .destination .destination-slide .slidesText p strong em { font-size: 1.25em; } .destination .destination-slide .slidesBtn { width: auto; position: relative; float: right; top: -22px; } .destination .destination-slide .img-box img { opacity: 0.5 !important; } .destination .destination-slider .text-container { opacity: 0; } .destination .destination-slider .slick-active .text-container, .destination .destination-slider .slick-active .img-box img { opacity: 1 !important; } .destination .ev .destination-slide .img-box { display: block !important; } .destination .noMarginRight { margin-right: 0px !important; } .destination .cta-box { margin-top: 0px; } .destination .cta-box a { padding: 0px 15px 0px 0px; margin-right: 15px; text-decoration: none; text-transform: uppercase; position: relative; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 100%; font-size: 0.9375em; -webkit-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .destination .cta-box a.style1 { color: #6ab8d9; display: inline-block; } .destination .cta-box a.style1:after { content: " "; border-bottom: 2px solid #6ab8d9; border-right: 2px solid #6ab8d9; top: 50%; margin-top: -4px; height: 7px; right: 0px; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; z-index: 2; } .destination .cta-box a.style2 { color: #da7b26; } .destination .cta-box a.style2:after { content: " "; border-bottom: 2px solid #da7b26; border-right: 2px solid #da7b26; top: 50%; margin-top: -4px; height: 7px; right: 0px; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; z-index: 2; } .destination .destinationTab { width: 80%; float: left; } .destination .destinationTab ul { list-style: none; } .destination .destinationTab ul li { float: left; padding: 10px 20px 10px 0px; cursor: pointer; text-transform: uppercase; font-size: 0.9375em; font-family: "Roboto", sans-serif; font-weight: 400; color: #000; } .destination .destinationTab li.active { color: #e09049; } .destination .destinationTab li.activec { color: #e09049; } .destination .slick-slide { margin: 0px 10px; } .destination .destinationTabWrap { margin: 0 auto; width: 74%; } .destination .selectedCountry { display: none; } @media only screen and (max-width: 1366px) { .destination .destinationTabWrap { width: 72%; } .destination .destination-slider .slick-prev { left: 13%; } .destination .destination-slider .slick-prev { right: 13%; } } @media only screen and (max-width: 1199px) { .destination .destinationTabWrap { position: relative; } .destination .right-section { margin: 17px 0px 12px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .destination .destination-slide .slidesBtn { top: 0; } } @media only screen and (max-width: 991px) { .destination .destinationTab { width: 100%; } .destination .cta-box a { font-size: 13px; } } @media only screen and (max-width: 767px) { .destination { padding: 20px 15px 15px; } .destination p br { display: none; } .destination .left-section { margin: 0px; } .destination .left-section .title { line-height: 100%; } .destination .left-section .title span { line-height: 20px; } .destination .destination-slider { padding: 0px; } .destination .destination-slider .destination-slide { padding: 0; } .destination .destination-slider .slidesText { width: 100%; color: #000; } .destination .destination-slider .slidesBtn { width: 100%; float: left; margin-top: 15px; } .destination .destination-slider .slick-prev { top: 20%; left: 0px; } .destination .destination-slider .slick-next { top: 20%; right: 0px; } .destination .cta-box { margin-top: 15px; } .destination .cta-box a { font-size: 15px; /* padding:8px 20px; */ } .destination .destinationTabWrap { width: 100%; height: 45px; margin: 15px 0px; } .destination .slick-slide { margin: 0px 15px 0px 0px; } .destination .destinationTab { width: 135px; } .destination .destinationContentSec { padding: 0; } .destination .slick-list { padding: 0 10% 0 0; } } @media only screen and (max-width: 767px) { .destination .selectedCountry { padding: 10px 15px 10px 15px; color: #da7b26; font-size: 0.9375em; background: url(/images/oberoihotels/destination/drop-down-arrow.png) 92% center no-repeat; cursor: default; width: 100%; border: 1px solid #828282; display: block; text-transform: uppercase; color: #000; font-family: "Roboto",sans-serif; } .destination .destinationTab { width: 150px; position: absolute; top: 0px; left: 0px; z-index: 99; } .destination .destinationTab ul { display: none; float: left; background: #fff; padding: 10px 0px; } .destination .destinationTab ul li { cursor: default; width: 100%; color: #505050; padding: 10px 0px; border-bottom: 1px solid #505050; } .destination .destinationTab ul li:last-child { border-bottom: none; } .destination .destinationTab li.active { color: #505050; } .destination .left-section .title { font-size: 1.5em; } .destination .right-section { margin: 15px 0 12px; } .destination .destination-slide .slidesText { padding-right: 0px; } } /*# sourceMappingURL=destination.css.map */ .offers{margin:0 auto}.offers .leftsection .title{font-family:"EB Garamond",serif;font-size:2.188em;color:#000;line-height:70%;width:80%;float:left;margin-bottom:15px}.offers .leftsection .title i{font-style:italic}.offers .leftsection p{font-family:"Roboto",sans-serif;font-size:.938em;display:block}.offers .offersContentSec{margin:0 auto;padding:0 4%}.offers .offersContentSec .leftsection{display:inline-block;margin-bottom:20px;vertical-align:bottom;width:65%}.offers .viewOffer{display:inline-block;margin:0 7% 20px 0;text-align:right;vertical-align:bottom;width:27%}.offers .viewOffer a{color:#d8741b;font-family:"Roboto",sans-serif;font-size:.938em;text-decoration:none;padding-bottom:3px;position:relative;padding-right:15px;font-weight:500}.offers .viewOffer a:after{content:" ";border-bottom:2px solid #d8741b;border-right:2px solid #d8741b;top:50%;margin-top:-6px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.offers .offers-slider .slick-prev{width:45px;height:45px;left:3%;top:40%;z-index:9;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat left center}.offers .offers-slider .slick-prev:before{display:none}.offers .offers-slider .slick-prev:hover{background:url(/images/oberoihotels/slider-arrow-hover.jpg) no-repeat left center;background-position:0px 1px}.offers .offers-slider .slick-next{width:45px;height:45px;right:3%;top:40%;z-index:9;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat right center}.offers .offers-slider .slick-next:before{display:none}.offers .offers-slider .slick-next:hover{background:url(/images/oberoihotels/slider-arrow-hover.jpg) no-repeat right center;background-position:-46px 1px}.offers .offers-slide{width:33.33%;float:left;padding:0 10px 30px 10px}.offers .offers-slide .img-box{margin-bottom:12px}.offers .offers-slide .img-box img{width:100%}.offers .offers-slide .slide-text-box .offerName{color:#676767;font-family:"Roboto",sans-serif;font-size:0.938em;font-weight:300;margin-bottom:8px;text-transform:uppercase}.offers .offers-slide .slide-text-box .offerTitle{font-size:1.875em;font-family:"EB Garamond",serif;color:#000;margin-bottom:10px;line-height:100%}.offers .offers-slide .slide-text-box p{margin-bottom:20px;font-family:"Roboto",sans-serif;font-size:.9375em}.offers .offers-slide .slide-text-box p a{color:#000;font-weight:500;text-decoration:none;margin-bottom:15px;display:block}.offers .offers-slide .img-box img{opacity:0.5}.offers .offers-slider .slide-text-box{opacity:0.5}.offers .offers-slider .slick-current .slide-text-box,.offers .offers-slider .slick-active .slide-text-box,.offers .offers-slider .slick-current .img-box img,.offers .offers-slider .slick-active .img-box img{opacity:1}.offers .noMarginRight{margin-right:0px !important}.offers .cta-box{margin-top:0px}.offers .cta-box a{padding:0px 15px 0px 0px;margin-right:15px;text-decoration:none;text-transform:uppercase;position:relative;font-family:"Roboto",sans-serif;font-weight:500;font-size:.938em;-webkit-transition:0.5s all ease-in-out;-ms-transition:0.5s all ease-in-out;-o-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out}.offers .cta-box a.style1{color:#6ab8d9;display:inline-block}.offers .cta-box a.style1:after{content:" ";border-bottom:2px solid #6ab8d9;border-right:2px solid #6ab8d9;top:50%;height:7px;margin-top:-4px;right:0px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.offers .cta-box a.style2{color:#da7b26}.offers .cta-box a.style2:after{content:" ";border-bottom:2px solid #da7b26;border-right:2px solid #da7b26;top:50%;height:7px;margin-top:-4px;right:0px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.offers .slick-slide{margin:0px 10px}.offers .slick-list{padding:0 10% 0 10%}@media only screen and (max-width: 1199px){.offers .offers-slide .slide-text-box{min-height:85px;position:relative}.offers .offers-slide .slide-text-box .offerTitle{font-size:1.5em}.offers .cta-box{position:absolute;bottom:0px;left:0px}.offers .offers-slider .slick-next,.offers .offers-slider .slick-prev{top:32%}}@media only screen and (max-width: 767px){.offers{padding:0 15px 90px}.offers .title{font-size:1.88em;line-height:100%}.offers .title span{line-height:20px}.offers .offersContentSec{padding:0px}.offers .offers-slider{padding:0px}.offers .offers-slider .offers-slide{padding:0}.offers .offers-slider .offers-slide .slide-text-box{min-height:auto; padding-bottom: 20px;}.offers .offers-slider .offers-slide .slide-text-box .offerTitle{font-size:1.3em}.offers .offers-slider .offers-slide .slide-text-box .offerName{font-size:0.738em}.offers .offers-slider .slick-prev{top:20%;left:0px}.offers .offers-slider .slick-next{top:20%;right:0px}.offers .cta-box{position:static}.offers .slick-list{padding:0 10% 0 0%}.offers .slick-slide{margin:0px 15px 0px 0px}}@media only screen and (max-width: 767px){.offers .offersContentSec .leftsection{width:100%;margin:0 0 10px}.offers .offersContentSec .leftsection .title{font-size:1.5em;line-height:115%}.offers .viewOffer{margin:-7px 15px 15px 0px;width:100%}} /*# sourceMappingURL=offers.css.map */ .experiences{padding:50px 0 90px}.experiences .left-section{display:inline-block;margin:0 0 20px 10px;vertical-align:bottom;width:65%}.experiences .left-section .title{font-family:"EB Garamond",serif;font-size:2.188em;color:#000;margin-bottom:10px;line-height:70%;font-style:italic}.experiences .left-section .title span{font-family:normal;margin-top:15px;font-style:normal}.experiences .left-section .title i{font-style:italic}.experiences .left-section p{font-size:.9375em;font-family:"Roboto",sans-serif}.experiences .right-section{display:inline-block;margin:0 7% 20px 0;vertical-align:bottom;text-align:right;width:27%}.experiences .right-section a{color:#d8741b;font-family:"Roboto",sans-serif;font-size:.938em;text-decoration:none;padding-bottom:3px;position:relative;padding-right:15px;line-height:100%;font-weight:500}.experiences .right-section a:after{content:" ";border-bottom:2px solid #d8741b;border-right:2px solid #d8741b;top:50%;margin-top:-6px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.experiences .experiencesContentSec{margin:0 auto;padding:0 4%}.experiences .experiences-wraper{display:flex;align-items:center}.experiences .experiences-wraper .img-box{width:62%}.experiences .experiences-wraper .text-container{width:38%;padding:0 9% 0 30px}.experiences .experiences-wraper .text-container .title{font-family:"EB Garamond",serif;color:#000;font-size:1.875em;line-height:115%;margin-bottom:15px}.experiences .experiences-wraper .text-container .title i{font-style:italic}.experiences .experiences-wraper .text-container .title span{font-size:53%;font-style:italic;display:block}.experiences .experiences-wraper .text-container p{font-family:"Roboto",sans-serif;margin-bottom:10px;font-size:.9375em;color:#000;line-height:160%}.experiences .slick-prev{width:45px;height:45px;left:4%;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat left center;z-index:9}.experiences .slick-prev:before{display:none}.experiences .slick-prev:hover{background:url(/images/oberoihotels/slider-arrow-hover.jpg) no-repeat left center;background-position:0px 1px}.experiences .slick-next{width:45px;height:45px;right:4%;z-index:9;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat right center}.experiences .slick-next:before{display:none}.experiences .slick-next:hover{background:url(/images/oberoihotels/slider-arrow-hover.jpg) no-repeat right center;background-position:-46px 1px}.experiences .cta-box{margin-top:20px}.experiences .cta-box a{padding:0px 15px 0px 0px;margin-right:20px;text-decoration:none;line-height:100%;font-family:"Roboto",sans-serif;-webkit-transition:0.5s all ease-in-out;-ms-transition:0.5s all ease-in-out;-o-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out;position:relative;text-transform:uppercase;font-weight:500;font-size:.9375em}.experiences .cta-box a.style1{background:#fff;border:1px solid #828282;color:#828282}.experiences .cta-box a.style1:hover{background:#d8741b;border:1px solid #d8741b;color:#fff}.experiences .cta-box a.style2{background:#d8741b;border:1px solid #d8741b;color:#fff}.experiences .cta-box a.style2:hover{background:#fff;border:1px solid #828282;color:#828282}.experiences .cta-box a.style3{color:#6ab8d9}.experiences .cta-box a.style3:hover{color:#6ab8d9}.experiences .cta-box a:after{content:" ";border-bottom:2px solid #6ab8d9;border-right:2px solid #6ab8d9;top:50%;margin-top:-5px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.experiences .img-box img{opacity:0.5}.experiences .experiences-slider .text-container{opacity:0}.experiences .experiences-slider .slick-current .img-box img,.experiences .experiences-slider .slick-active .img-box img,.experiences .experiences-slider .slick-current .text-container,.experiences .experiences-slider .slick-active .text-container{opacity:1}.experiences .slick-list{padding-right:8.5%}@media only screen and (max-width: 1199px){.experiences .experiences-wraper .text-container{padding-right:5%}.experiences .experiences-wraper .text-container .title{font-size:2em}}@media only screen and (max-width: 991px){.experiences .right-section{margin-right:0px}}@media only screen and (max-width: 767px){.experiences{padding:0 15px 90px}.experiences .left-section .title{font-size:1.5em}.experiences .experiences-wraper{display:block}.experiences .experiences-wraper .img-box{width:100%}.experiences .experiences-wraper .text-container{padding:15px 0px;width:100%}.experiences .experiences-wraper .text-container .title{font-size:1.3em;margin-bottom:10px}.experiences .slick-prev{left:-20px;top:40%}.experiences .slick-next{right:-20px;top:40%}.experiences .left-section{margin:0;width:100%}.experiences .left-section .title{line-height:90%}.experiences .left-section .title span{line-height:170%}.experiences .left-section .title span br{display:none}.experiences .experiencesContentSec{padding:0}.experiences .right-section{margin:15px 15px 15px 0px;width:100%}.experiences .slick-list{padding:0 10% 0 0%}.experiences .slick-slide{margin:0px 15px 0px 0px}.experiences .cta-box{margin-top:15px}} /*# sourceMappingURL=experiences.css.map */ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ /* margin-right: 30px; */ } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ .social li{float:left;margin-right:10px}.social li a{background:url(/images/oberoihotels/sprites-icons-new.png?v=11) no-repeat;width:22px;height:20px;display:block}.social li a.facebook{background-position:-3px -10px}.social li a.facebook:hover{background-position:-3px -42px}.social li a.twitter{background-position:-51px -10px}.social li a.twitter:hover{background-position:-51px -42px}.social li a.insta{background-position:-98px -10px}.social li a.insta:hover{background-position:-98px -42px}.social li a.youtube{background-position:-148px -11px}.social li a.youtube:hover{background-position:-148px -43px}.social li a span{display:block;text-indent:-9999px}footer{background:url(/images/oberoihotels/footer-bg.jpg);overflow:hidden;float:left;width:100%}footer .footer-container{padding:50px 2.5%;max-width:1366px;margin:0 auto}footer .footer-container .column{width:25%;float:left}footer .footer-container .column ul{list-style-type:none}footer .footer-container .column ul li{font-family:"EB Garamond",serif;margin-bottom:15px;font-size:1.054em;color:#e4bf5c;}footer .footer-container .column ul li a{color:#fff;text-decoration:none;font-family:"Roboto",sans-serif;font-size:.813em}footer .footer-container .column ul li a:hover{color:#e4bf5c}footer .footer-container .column .newsletter .title{font-family:"EB Garamond",serif;margin-bottom:15px;font-size:1.054em;color:#e4bf5c}footer .footer-container .column .newsletter p{color:#fff;font-family:"Roboto",sans-serif;font-size:.938em;font-style:italic}footer .footer-container .column .newsletter .errorMsg{font-family:"Roboto", sans-serif}footer .footer-container .column .newsletter input[type="text"]{font-family:"Roboto", sans-serif;background:transparent;border:none;border-bottom:1px solid #fff;padding:10px 0px;margin:10px 0;color:#fff}footer .footer-container .column .newsletter input[type="text"]::placeholder{color:#fff}footer .footer-container .column .newsletter a.button{font-family:"Roboto", sans-serif;font-size:0.938em;background:transparent;padding:0px 15px 0px 0px;color:#fff;margin-top:15px;position:relative}footer .footer-container .column .newsletter a.button:after{content:" ";border-bottom:2px solid #fff;border-right:2px solid #fff;top:5px;height:8px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:8px;z-index:2}footer .footer-container .footerBottom{margin-top:30px;font-size:.813em;font-family:"Roboto",sans-serif}footer .footer-container .footerBottom .footerLeft{float:left;color:#fff}footer .footer-container .footerBottom .footerRight{float:right}footer .footer-container .footerBottom .footerRight ul{list-style-type:none}footer .footer-container .footerBottom .footerRight ul li{float:left}footer .footer-container .footerBottom .footerRight ul li a{padding:0 4px;line-height:100%;color:#fff;text-decoration:none;border-right:1px solid #fff}footer .footer-container .footerBottom .footerRight ul li a:hover{text-decoration:underline}footer .footer-container .footerBottom .footerRight ul li:last-child a{border-right:none}@media only screen and (max-width: 767px){footer .footer-container .column{width:50%; min-height: 350px;}footer .footer-container .column-full-mob{width:100%;margin:20px 0}footer .footer-container .footerBottom{text-align:center}footer .footer-container .footerBottom .footerLeft{width:100%;float:none}footer .footer-container .footerBottom .footerRight{width:100%;float:none}footer .footer-container .footerBottom .footerRight ul li{display:inline-block;float:none}} /*# sourceMappingURL=footer.css.map */ .press-room-component { padding-bottom: 20px; margin-top: 50px; } .press-room-component .heading-component h1 { width: 70%; font-family: "optimanormal"; font-size: 2.563em; line-height: 100%; margin-bottom: 20px; font-weight: 400; color: #606161; font-style: normal; } .press-room-component h1.h2{ font-family: "optimanormal"; font-size: 2.563em; line-height: 100%; margin-bottom: 20px; font-weight: 400; color: #606161; } .press-room-component .press-room-colms p { font-family: "VerdanaN"; font-size: 1.188em; margin-bottom: 20px; } .press-room-component .press-room-colms p a { color: inherit; text-decoration: underline; word-wrap: break-word; } .press-room-component .press-room-colm1 { float: left; margin-right: 3%; width: 100%; } .press-room-component .press-room-colm1 ul { list-style-type: none; } .press-room-component .press-room-colm1 ul li { line-height: 1.188em; font-weight: 300; font-family: "VerdanaN"; font-size: 0.9375em; list-style-position: outside; margin: 10px 0 0 0; } .press-room-component .press-room-colm1 ul li .lnk11GreyU { color: #66b6d8; text-decoration: none; } .press-room-component .press-room-colm1 .lnk11GreyU, .press-room-component .press-room-colm1 a { color: #d8741b!important; text-decoration: none !important; } .press-room-component .press-room-colm2 { float: left; width: 30%; } .press-room-component .press-room-colm2 .news-room-screen { background: #f1f1f1; } .press-room-component .press-room-colm2 .news-room-screen img { margin-bottom: 10px; max-width: 100%; float: right; margin-left: 5px; } .press-room-component .press-room-colm2 .news-room-screen p { margin-right: 10px; padding: 10px; } .press-room-component .back-button { padding-bottom: 30px; text-transform: uppercase; font-size: 1.188em; font-family: "VerdanaN"; font-weight: 400; display: inline-block; vertical-align: bottom; } .press-room-component .back-button a { color: #606161; text-decoration: none; position: relative; line-height: 100%; padding: 0px 15px 0px 15px; } .press-room-component .back-button a:after { content: " "; border-bottom: 2px solid #000; border-right: 2px solid #000; top: 50%; margin-top: -5px; height: 7px; left: 0px; position: absolute; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(-45deg); transform: rotate(130deg); width: 7px; z-index: 2; } .article-components-list .filter-margin{ position: relative; } .article-components-list .filter-toggle.actv:before{ display: none; } .article-components-list .filter-component .filter-sticky .container-1270px{ max-width: 100%; } @media screen and (max-width: 1599px){ .press-room-component .heading-component h1{ font-size: 1.875em; } .press-room-component h1.h2{ font-size: 1.875em; } .press-room-component .press-room-colms p { font-size: 0.937em; } .press-room-component .press-room-colm1 ul li{ font-size: 0.937em; } .back-button{ font-size: 0.937em; } } @media screen and (max-width: 1400px){ .heading-component h1, .heading-component h2{ font-size: 1.8em!important; } } @media screen and (max-width: 1024px){ .press-room-component .heading-component h1{ font-size: 1.1em; } .press-room-component h1.h2{ font-size: 1.1em; } } @media only screen and (max-width: 767px) { .press-room-component { padding-bottom: 40px; margin-top: 25px; } .press-room-component .press-room-colm1, .press-room-component .press-room-colm2 { width: 100%; margin: 0; } .article-components-list .filter-component .filters-main-category ul>li{ width: 50%; } } /*# sourceMappingURL=press-room-component.css.map */ .banner-component-style1{margin-bottom:30px;position:relative;text-align:center}.banner-component-style1 img{max-width:100%;vertical-align:middle}.banner-component-style1 .banner-caption-style1{bottom:48px;color:#ffffff;font-family:"EB Garamond",serif;line-height:100%;font-size:2.5em;left:0;position:absolute;width:100%}@media only screen and (max-width: 767px){.banner-component-style1{margin-bottom:40px}.banner-component-style1 .banner-caption-style1{background:url("../images/common/arrow-bottom.png") no-repeat center bottom;font-size:2em;padding-bottom:45px}.banner-component-style1 img{width:100%}} /*# sourceMappingURL=banner-component-style1.css.map */ .box-col2 .contact-details-box{margin-top:25px}.contact-details-box{font-family:"Roboto",sans-serif;font-size:.938em}.contact-details-box .contact-heading{line-height:100%;padding:10px 15px;background:#ebebeb}.contact-details-box .contact-details-info table{width:100%;margin-top:10px}.contact-details-box .contact-details-info table tr th,.contact-details-box .contact-details-info table tr td{text-align:left;padding:6px 15px;font-size:.938em;vertical-align:top}.contact-details-box .contact-details-info table tr th a,.contact-details-box .contact-details-info table tr td a{color:#000;text-decoration:none}.contact-details-box .contact-details-info table tr th{font-weight:500}.contact-details-box .contact-details-info table tr th span{font-weight:300;font-size:80%}@media only screen and (max-width: 991px){.contact-details-box .contact-details-info table tr th,.contact-details-box .contact-details-info table tr td{white-space:nowrap;font-size:13px;padding:6px 10px}}@media only screen and (max-width: 767px){.contact-details-box .contact-heading{padding:10px 5px}.contact-details-box .contact-details-info table{margin-top:10px}.contact-details-box .contact-details-info table tr th,.contact-details-box .contact-details-info table tr td{padding:6px 5px;font-size:13px}}.box-col2 .contact-details-box{margin-top:25px} /*# sourceMappingURL=contact-details-box.css.map */ .offer-arrow-button{cursor:pointer;text-align:center}.offer-arrow-button .down-arrow{display:inline-block;border-bottom:2px solid #d97720;border-right:2px solid #d97720;bottom:10px;height:10px;-moz-transform:rotate(45deg) translateX(-50%);-webkit-transform:rotate(45deg) translateX(-50%);-ms-transform:rotate(45deg) translateX(-50%);-o-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);width:10px;z-index:2;cursor:pointer;transition:all 1s ease}.offer-arrow-button .down-arrow.active{moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)}.grey-box-main-wrap{margin-bottom:30px}.grey-box-with-dropdown-with-slide-down{font-family:"Roboto",sans-serif;font-size:.938em;margin-bottom:30px}.grey-box-with-dropdown-with-slide-down .grey-box-heading{line-height:100%;padding:10px 15px;background:#ebebeb}.grey-box-with-dropdown-with-slide-down .grey-box-heading span{font-weight:300}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls{position:relative;padding-top:20px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls.offer-dtlsbox{max-height:250px;overflow:hidden;-moz-transition:max-height 1s ease-out;-webkit-transition:max-height 1s ease-out;-o-transition:max-height 1s ease-out;transition:max-height 1s ease-out;padding-top:0}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls.offer-dtlsbox.active{max-height:900px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls.offer-detail-box{padding-bottom:30px;border-bottom:1px solid #ebebeb}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading{padding:6px 0px 0px 15px;font-size:15px;font-family:"Roboto",sans-serif}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading select{font-size:14px;font-weight:300;border:none;padding:5px 40px 5px 10px;color:#000;font-weight:300;font-family:"Roboto", sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/images/oberoihotels/contact-us-form/select-arrow.png) right 10px center no-repeat #fff;width:auto}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading select.noClick{pointer-events:none;background-image:none}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading span{padding:0px 30px 0px 15px;position:relative;cursor:pointer}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading span:after{content:" ";border-bottom:2px solid #737373;border-right:2px solid #737373;top:50%;margin-top:-6px;height:7px;right:0px;position:absolute;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px;z-index:2}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading.active span:after{-moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg);margin-top:-2px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-content-dtls{max-height:200px;overflow:hidden;width:100%;float:left;-moz-transition:max-height 1s ease-out;-webkit-transition:max-height 1s ease-out;-o-transition:max-height 1s ease-out;transition:max-height 1s ease-out}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-content-dtls.noArrow{max-height:none}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-content-dtls.active{max-height:800px;-moz-transition:max-height 1s ease-in;-webkit-transition:max-height 1s ease-in;-o-transition:max-height 1s ease-in;transition:max-height 1s ease-in}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .down-arrow-btn{content:" ";border-bottom:2px solid #d97720;border-right:2px solid #d97720;bottom:10px;height:10px;left:50%;position:absolute;-moz-transform:rotate(45deg) translateX(-50%);-webkit-transform:rotate(45deg) translateX(-50%);-ms-transform:rotate(45deg) translateX(-50%);-o-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);width:10px;z-index:2;cursor:pointer;transition:all 1s ease}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .down-arrow-btn.active{-moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul{padding-left:30px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul li{font-size:15px;font-family:"Roboto",sans-serif;margin-top:10px;font-weight:300}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap{margin:10px 0px;width:100%;float:left;padding-left:15px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .box{display:none}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .box.offer-1{display:block}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-heading{font-size:15px;font-family:"Roboto",sans-serif;width:100%;float:left;font-weight:600}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec{width:100%;float:left}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col{font-size:15px;font-family:"Roboto",sans-serif;margin-top:5px;margin-bottom:15px;font-weight:300}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col span{display:block;font-weight:300;font-size:12px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col.col-big{float:left;width:50%}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col.col-small{float:right;width:15%}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table{width:100%;margin-top:22px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th,.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr td{text-align:left;padding:10px 15px;font-size:.938em;vertical-align:top}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th{font-weight:500}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th span{font-weight:300;font-size:80%}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .tnc-txt{margin:15px 0px 5px 0px;text-align:right;font-size:11px;font-weight:300;font-family:"Roboto",sans-serif;float:left;width:100%;position:absolute;bottom:5px;right:0px}.box-col1{float:left;margin-right:4%;width:57%}.box-col2{float:left;width:39%}.box-col2 .boxColumn{float:none}.booking-engine img{max-width:100%}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls.offer-detail-box .grey-box-col-wrap .grey-box-col-sec .grey-box-col span{display:inline-block}@media only screen and (max-width: 1199px){.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls.offer-detail-box{padding-bottom:40px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .tnc-txt{bottom:10px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .down-arrow-btn{bottom:0}}@media only screen and (max-width: 991px){.box-col2{display:none}.box-col1,.box-col2{width:100%;margin-right:0px}}@media only screen and (max-width: 767px){.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col,.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-heading{font-size:13px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul li{font-size:13px;line-height:1.5em}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul li:first-child{margin-top:0}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul li p{font-size:13px !important}.grey-box-main-wrap{margin-bottom:15px}.grey-box-with-dropdown-with-slide-down .grey-box-heading{padding:10px 5px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table{margin-top:22px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th,.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr td{padding:10px 5px;font-size:13px}.box-col2{text-align:center}.booking-engine{margin-top:20px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading select{font-size:13px;padding:5px 10% 5px 5px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading{font-size:13px;padding:6px 0px 0px 6px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading span{font-size:13px;padding:0px 15px 0px 5px;display:inline-block}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul{padding-left:22px}.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap{padding-left:6px}}@media only screen and (max-width: 359px){.grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col span{font-size:11px}} /*# sourceMappingURL=grey-box-with-dropdown-with-slide-down.css.map */ .page-top-margin{margin-top:80px}.image-and-description-with-legend-attributes-option-1{margin-bottom:40px}.image-and-description-with-legend-attributes-option-1 .img-col{float:left;margin-right:4%;position:relative;width:57%}.image-and-description-with-legend-attributes-option-1 .img-col>img{max-width:100%;vertical-align:middle;width:100%;height:auto}.image-and-description-with-legend-attributes-option-1 .img-col .player-container{position:relative}.image-and-description-with-legend-attributes-option-1 .img-col .player-container .controls{position:absolute;z-index:9999;bottom:0px;right:0px}.image-and-description-with-legend-attributes-option-1 .img-col .player-container .controls button{text-indent:-9999px;margin:0px;padding:0px;display:inline-block}.image-and-description-with-legend-attributes-option-1 .img-col .player-container .controls button.playPause{height:35px;width:35px;background:url(/images/oberoihotels/exotic-vacations/pause-play.png) no-repeat;background-position:0 0;position:relative;border:none;top:-3px}.image-and-description-with-legend-attributes-option-1 .img-col .player-container .controls button.playPause.active{background-position:0 -35px}.image-and-description-with-legend-attributes-option-1 .img-col .player-container .controls button.fullScreen{height:38px;width:38px;background:url(/images/oberoihotels/exotic-vacations/full-screen.png) no-repeat}.image-and-description-with-legend-attributes-option-1 .description-col{float:left;padding-top:15px;width:39%}.image-and-description-with-legend-attributes-option-1 p{margin-bottom:5px;font-family:"Roboto",sans-serif;font-size:.938em}.image-and-description-with-legend-attributes-option-1 p:first-child{margin-top:-4px}.image-and-description-with-legend-attributes-option-1 .location-details{margin-top:5px;list-style:none;float:left}.image-and-description-with-legend-attributes-option-1 .location-details li{font-family:"Roboto",sans-serif;font-size:.938em;font-weight:300;margin-bottom:8px}.image-and-description-with-legend-attributes-option-1 .location-details li span{margin-right:8px;display:inline-block;vertical-align:top}.image-and-description-with-legend-attributes-option-1 .location-details li span.icon{margin-right:10px;width:16px}.image-and-description-with-legend-attributes-option-1 .location-details li span strong{font-weight:500}.image-and-description-with-legend-attributes-option-1 .btn-wrap{margin-top:15px;clear:both;width:auto;float:left}@media only screen and (max-width: 991px){.image-and-description-with-legend-attributes-option-1{margin-bottom:40px}.image-and-description-with-legend-attributes-option-1 .img-col{width:100%;margin-right:0;margin-bottom:15px}.image-and-description-with-legend-attributes-option-1 .description-col{width:100%}.image-and-description-with-legend-attributes-option-1 p:first-child{margin-top:0px}.image-and-description-with-legend-attributes-option-1 .location-details{margin-top:5px}.image-and-description-with-legend-attributes-option-1 .location-details li{font-size:0.8em}}@media only screen and (max-width: 767px){.page-top-margin{margin-top:40px}} /*# sourceMappingURL=image-and-description-with-legend-attributes-option-1.css.map */ .page-top-margin{margin-top:80px}ul.bullet-list{padding-left:17px !important}ul.bullet-list li{list-style:disc outside none;font-size:0.938em;line-height:1.5em}ul.bullet-list li a{text-decoration:none;color:inherit;font-weight:300}.spa-detail-page .image-and-description-with-legend-attributes-option-2 .description-col ul li{margin-left:0px}.image-and-description-with-legend-attributes-option-2{margin-bottom:40px}.image-and-description-with-legend-attributes-option-2 .img-col{float:left;margin-right:4%;position:relative;width:57%}.image-and-description-with-legend-attributes-option-2 .img-col>img{max-width:100%;height:auto;vertical-align:middle;width:100%}.image-and-description-with-legend-attributes-option-2 .img-col .exp-details-box{margin-top:25px}.image-and-description-with-legend-attributes-option-2 .description-col{float:left;width:39%;padding-top:15px}.image-and-description-with-legend-attributes-option-2 .description-col.div-down-arrow{max-height:435px;overflow:hidden;position:relative;transition:all .8s linear}.image-and-description-with-legend-attributes-option-2 .description-col.div-down-arrow .section-expand{display:block;position:absolute;bottom:-23px;width:auto; right: 50%; transform: translate(-50%, 0);}.image-and-description-with-legend-attributes-option-2 .description-col .description-col-flexiheight{overflow:hidden;transition:all linear 1s}.image-and-description-with-legend-attributes-option-2 .description-col .section-expand{height:38px;display:none;background:url(/images/OberoiHotels/common/gradient.png) repeat-x top left;background-color:transparent;text-align:center;position:relative;z-index:1}.image-and-description-with-legend-attributes-option-2 .description-col .section-expand .down-arrow-btn{display:inline-block;border-bottom:2px solid #d97720;border-right:2px solid #d97720;bottom:10px;height:10px;-moz-transform:rotate(45deg) translateX(-50%);-webkit-transform:rotate(45deg) translateX(-50%);-ms-transform:rotate(45deg) translateX(-50%);-o-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);width:10px;z-index:2;cursor:pointer;transition:all 1s ease}.image-and-description-with-legend-attributes-option-2 .description-col .section-expand .down-arrow-btn.active{moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)}.image-and-description-with-legend-attributes-option-2 .description-col .description-content .spa-price-details{margin-top:25px}.image-and-description-with-legend-attributes-option-2 .description-col .description-content .spa-price-details>li{margin-bottom:25px !important}.image-and-description-with-legend-attributes-option-2 .description-col .description-content .spa-price-details>li p strong span{margin:0px !important}.image-and-description-with-legend-attributes-option-2 .description-col .description-content .spa-price-details>li ul li{margin:0px !important}.image-and-description-with-legend-attributes-option-2 .description-col .description-content .spa-price-details span{margin:0px 10px}.image-and-description-with-legend-attributes-option-2 .description-col .description-content td{padding:0px 10px}.image-and-description-with-legend-attributes-option-2 .description-col .description-content .itiner-maintab-content .table-wrap{margin-bottom:0px}.image-and-description-with-legend-attributes-option-2 .description-col .description-content .itiner-maintab-content .table-wrap td{padding:5px 10px;font-weight:300}.image-and-description-with-legend-attributes-option-2 .description-col .description-content .itiner-maintab-content .table-wrap th{text-align:center}.image-and-description-with-legend-attributes-option-2 .description-col .description-arrow-button{width:100%;text-align:center;margin-top:20px;cursor:pointer;moz-transition:all ease-out 1.1s;-webkit-transition:all ease-out 1.1s;-ms-transition:all ease-out 1.1s;transition:all ease-out 1.1s}.image-and-description-with-legend-attributes-option-2 .description-col .description-arrow-button .down-arrow{border-bottom:2px solid #d97720;border-right:2px solid #d97720;display:inline-block;height:10px;-moz-transform:rotate(45deg) translateX(-50%);-webkit-transform:rotate(45deg) translateX(-50%);-ms-transform:rotate(45deg) translateX(-50%);-o-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);width:10px;z-index:2;cursor:pointer;-moz-transition:all ease-out 1.1s;-webkit-transition:all ease-out 1.1s;-ms-transition:all ease-out 1.1s;transition:all ease-out 1.1s}.image-and-description-with-legend-attributes-option-2 .description-col .description-arrow-button .down-arrow.active{-moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)}.image-and-description-with-legend-attributes-option-2 .dining-detail-slider .slick-next{width:45px;height:45px;right:0px;z-index:9;background:url(/images/OberoiHotels/slider-arrow.jpg) no-repeat right center}.image-and-description-with-legend-attributes-option-2 .dining-detail-slider .slick-prev{width:45px;height:45px;left:0px;background:url(/images/OberoiHotels/slider-arrow.jpg) no-repeat left center;z-index:9}.image-and-description-with-legend-attributes-option-2 .dining-detail-slider .slick-prev::before{content:" "}.image-and-description-with-legend-attributes-option-2 .dining-detail-slider .slick-next::before{content:" "}.image-and-description-with-legend-attributes-option-2 p{margin-bottom:5px !important;font-family:"Roboto",sans-serif;font-size:.938em}.image-and-description-with-legend-attributes-option-2 p:first-child{font-weight:300}.image-and-description-with-legend-attributes-option-2 p strong{font-weight:500}.image-and-description-with-legend-attributes-option-2 p:last-child{margin-bottom:10px}.image-and-description-with-legend-attributes-option-2 p:first-child{margin-top:-4px}.image-and-description-with-legend-attributes-option-2 ul{padding-left:0px}.image-and-description-with-legend-attributes-option-2 ul.spa-price-details{margin-top:20px}.image-and-description-with-legend-attributes-option-2 ul.spa-price-details>li{margin-bottom:20px;list-style:none}.image-and-description-with-legend-attributes-option-2 ul li{margin-bottom:8px;font-family:"Roboto",sans-serif;font-size:0.938em;font-weight:300}.image-and-description-with-legend-attributes-option-2 .d-details-wrap{margin-top:10px;list-style:none;float:left;width:100%;margin-bottom:15px}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li{font-family:"Roboto",sans-serif;font-size:.938em;font-weight:300;margin-bottom:15px}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li:last-child{margin-bottom:0}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li span{display:inline-block;vertical-align:top}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li span.d-details{width:68%}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li span.d-heading{width:30%}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li span strong{font-weight:500}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li span.room-size{color:#000;font-weight:300}.image-and-description-with-legend-attributes-option-2 .btn-wrap{margin-top:15px;clear:both;width:auto;float:left}@media only screen and (max-width: 991px){.dining-detail-slider .slick-dots{bottom:0}.image-and-description-with-legend-attributes-option-2{margin-bottom:20px}.image-and-description-with-legend-attributes-option-2 .img-col{width:100%;margin-right:0;margin-bottom:0}.image-and-description-with-legend-attributes-option-2 .description-col{width:100%}.image-and-description-with-legend-attributes-option-2 p:first-child{margin-top:0px}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li{margin-bottom:10px}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li:last-child{margin-bottom:5px}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li span.d-heading{width:100%}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li span.d-details{width:100%}.image-and-description-with-legend-attributes-option-2 .d-details-wrap{margin-top:5px}}@media only screen and (max-width: 767px){.page-top-margin{margin-top:40px}.image-and-description-with-legend-attributes-option-2 .d-details-wrap li{font-size:0.8em}} /*# sourceMappingURL=image-and-description-with-legend-attributes-option-2.css.map */ .two-image-gallery .slick-arrow{transform:translate(0, -50%) !important}.two-image-gallery{margin-bottom:40px}.two-image-gallery.item-0{visibility:hidden}.two-image-gallery .image-text-block-style1 .image-block{margin-bottom:0}.two-image-gallery .slider-div{padding:0 30px}.two-image-gallery h2{font-family:"EB Garamond",serif;font-size:1.75em;font-weight:400;line-height:100%;margin-bottom:28px}.two-image-gallery .slick-slide{margin:0 11px}.two-image-gallery .slick-arrow{background-color:#464646;height:30px;transform:translate(0px, -65px);width:30px;z-index:1}.two-image-gallery .slick-arrow::before{display:none}.two-image-gallery .slick-next{right:0}.two-image-gallery .slick-prev{background:url("/images/oberoihotels/common/arrow-left2.png") no-repeat center center #464646;left:0}.two-image-gallery .slick-next{background:url("/images/oberoihotels/common/arrow-right5.png") no-repeat center center #464646;right:0}.two-image-gallery .slider-style1-wrap h2{float:left}.two-image-gallery .slider-style1-wrap .btn-style2{float:right;margin-top:8px}.rooms-and-suits-page{margin-bottom:130px}.rooms-and-suits-page .heading-component h1{max-width:78%}.rooms-and-suits-page .col-big{width:57%;float:left;margin-right:4%}.rooms-and-suits-page .col-small{width:39%;float:left}.rooms-and-suits-page .booking-engine img{max-width:100%}@media only screen and (min-width: 768px) and (max-width: 959px){.rooms-and-suits-page .col-big,.rooms-and-suits-page .col-small{width:100%}}@media only screen and (max-width: 767px){.rooms-and-suits-page .two-image-gallery{margin-bottom:5px}.rooms-and-suits-page .share-component{top:5px}.two-image-gallery h2{font-size:1.5em}.slider-style1-component{margin-bottom:50px}.slider-style1-component h2{font-size:1.65em;line-height:1.2em;margin-bottom:18px}.slider-style1-component .slider-div{padding:0}.slider-style1-component .slick-slide{margin:0}.slider-style1-component .slick-arrow{transform:translate(0px, -80px)}.slider-style1-component .slick-prev{left:-10px}.slider-style1-component .slick-next{right:-10px}.slider-style1-component .slider-style1-wrap h2{width:72%}.slider-style1-component .slick-slider{padding:0 20px}.rooms-and-suits-page{margin-bottom:50px}.rooms-and-suits-page .col-big,.rooms-and-suits-page .col-small{width:100%;margin-right:0px}.rooms-and-suits-page .heading-component h1{max-width:78%}} /*# sourceMappingURL=two-image-gallery.css.map */ .amenities{margin:10px 0px 40px;padding-bottom:15px;border-bottom:1px solid #ebebeb;position:relative}.amenities .section-sub-heading{font-family:"EB Garamond", serif;font-size:28px;margin-bottom:10px;font-weight:500}.amenities .down-arrow-button{width:100%;text-align:center;margin-top:20px;cursor:pointer}.amenities .down-arrow-button .down-arrow{border-bottom:2px solid #d97720;border-right:2px solid #d97720;display:inline-block;height:10px;position:static;-moz-transform:rotate(45deg) translateX(-50%);-webkit-transform:rotate(45deg) translateX(-50%);-ms-transform:rotate(45deg) translateX(-50%);-o-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);width:10px;z-index:2;cursor:pointer;-moz-transition:all ease-out 1.1s;-webkit-transition:all ease-out 1.1s;-ms-transition:all ease-out 1.1s;transition:all ease-out 1.1s}.amenities .down-arrow-button .down-arrow.active{-moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)}.amenities .amenities-content{max-height:216px;overflow:hidden;-moz-transition:max-height 1s ease-out;-webkit-transition:max-height 1s ease-out;-o-transition:max-height 1s ease-out;transition:max-height 1s ease-out}.amenities .amenities-content.active{max-height:800px;-moz-transition:max-height 1s ease-in;-webkit-transition:max-height 1s ease-in;-o-transition:max-height 1s ease-in;transition:max-height 1s ease-in}.amenities .amenities-content-box{width:33.33%;float:left;margin-top:20px;font-family:"Roboto",sans-serif;padding-right:7%}.amenities .amenities-content-box .amenities-content-box-heading{font-size:15px;font-weight:600}.amenities .amenities-content-box .amenities-content-dtls-box{margin-top:20px}.amenities .amenities-content-box .amenities-content-dtls-box ul{padding-left:17px}.amenities .amenities-content-box .amenities-content-dtls-box ul li{font-size:15px;font-weight:300;margin-bottom:15px;line-height:25px}@media only screen and (max-width: 991px){.amenities{margin-top:30px}.amenities .amenities-content-box{padding-right:2%}}@media only screen and (max-width: 767px){.amenities{padding-bottom:0px}.amenities .amenities-content{max-height:1000em;overflow:auto;height:auto}.amenities .amenities-content-box{width:100%;padding-right:0px;margin-top:5px}.amenities .amenities-content-box .amenities-content-box-heading{background:#ebebeb;padding:5px 10px;position:relative;margin-top:5px}.amenities .amenities-content-box .amenities-content-box-heading:after{position:absolute;content:"+";font-size:100%;right:15px;color:#3d3d3d;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.amenities .amenities-content-box .amenities-content-box-heading.active:after{content:"-";font-size:200%}.amenities .amenities-content-box .amenities-content-dtls-box{margin-top:10px;display:none}.amenities .amenities-content-box .amenities-content-dtls-box ul{padding-left:18px}.amenities .amenities-content-box .amenities-content-dtls-box ul li{margin-bottom:10px}.amenities .down-arrow-button{display:none}} /*# sourceMappingURL=amenities.css.map */ .page-top-margin{margin-top:80px}.magazine-details{padding-bottom:50px;position:relative;max-width:900px;margin:0px auto}.magazine-details .tag-cont{text-align:center;font-size:1.054em;font-family:"Roboto",sans-serif}.magazine-details h1{font-size:35px;font-family:"EB Garamond",serif;text-align:center;margin-bottom:10px;font-weight:600}.magazine-details h5{font-size:0.83em;margin-bottom:30px;text-align:center;font-weight:300;font-family:"Roboto",sans-serif}.magazine-details h5 a{color:#000}.magazine-details p{font-family:"Roboto",sans-serif;font-size:0.9375em;margin-bottom:16px}.magazine-details p span{font-family:"EB Garamond",serif;font-style:italic;font-size:20px}.magazine-details .image-text-box{width:100%;float:left;margin-top:30px}.magazine-details .image-text-box .image-box{float:right;margin-left:20px}.magazine-details .image-text-box .text-box{text-align:justify}.magazine-details .magazine-content-box{float:left;width:100%;margin-top:30px}.magazine-details img{max-width:100%}.magazine-details .subHeading{font-size:35px;padding:15px 0px 15px 25px;font-family:"EB Garamond",serif;font-weight:500;position:relative;margin:0px 25px}.magazine-details .subHeading span{font-size:60px;font-weight:900}.magazine-details .subHeading span.leftQuote{top:-26px;left:0px;position:absolute}.magazine-details .subHeading span.rightQuote{vertical-align:top;top:-10px;position:relative}.magazine-details .subHeading:before{position:absolute;content:" ";background:#acacac;width:91%;height:1px;top:0px;left:5%}.magazine-details .subHeading:after{position:absolute;content:" ";background:#acacac;width:96%;height:1px;bottom:0px;left:0px}.magazine-details-page .banner-component-style1{margin-bottom:35px}.magazine-details-page .three-image-gallery .slick-prev{top:40%}@media only screen and (max-width: 991px){.magazine-details .subHeading{font-size:31px;padding:20px 0px;font-family:"EB Garamond",serif;font-weight:500;position:relative;margin:0px 25px}.magazine-details .subHeading span{font-size:58px;font-weight:900}.magazine-details .image-text-box{margin-top:30px}.magazine-details .image-text-box .image-box{width:59%}.magazine-details .image-text-box .text-box{width:40%}}@media only screen and (max-width: 767px){.page-top-margin{margin-top:40px}.magazine-details{padding-top:5px;padding-bottom:30px}.magazine-details h1{font-size:24px}.magazine-details .subHeading{margin:0px auto;padding:0px 25px;max-width:345px}.magazine-details .subHeading span.leftQuote{margin-top:0px;top:-15px}.magazine-details .subHeading:before,.magazine-details .subHeading:after{display:none}.magazine-details .image-text-box{margin-top:0px}.magazine-details .image-text-box .image-box,.magazine-details .image-text-box .text-box{width:100%;margin-top:30px}.magazine-details .magazine-content-box{margin-top:0px}.magazine-details-page .three-image-gallery .slick-prev{top:30%}}@media only screen and (max-width: 359px){.magazine-details .subHeading{font-size:30px}} /*# sourceMappingURL=magazine-details.css.map */ .hotel-destination-page{font-family:roboto;padding-bottom:40px}.hotel-destination-page .filter-sticky{overflow:hidden}.hotel-destination-page .filter-sticky-activated{position:fixed;top:0;left:0;width:100%;z-index:1;background:#fff;transition:linear all .4s}.hotel-destination-page .filter-popup.popupfix2{background-color:#fff;left:50%;position:fixed;top:90px;transform:translateX(-50%);width:1270px;z-index:99999}.hotel-destination-page .filter-back-btn,.hotel-destination-page .filter-apply-btn,.hotel-destination-page .filters-btns,.hotel-destination-page #clear-all{display:none}.hotel-destination-page .section-heading,.hotel-destination-page .mb-none{margin-bottom:25px;position:relative}.hotel-destination-page .filters-main-category{font-size:0.875em;margin-bottom:20px;margin-top:20px}.hotel-destination-page .filters-main-category .label-wrap{display:inline-block;vertical-align:middle}.hotel-destination-page .filters-main-category .label-wrap span{font-weight:500;margin-right:40px}.hotel-destination-page .filters-main-category .clear-all-filters-mob{display:none}.hotel-destination-page .filters-main-category ul{display:inline-block;vertical-align:middle}.hotel-destination-page .filters-main-category ul>li{background:url("/images/oberoihotels/hotel-destination-page/arrow-bottom.png") no-repeat right 6px;cursor:pointer;display:inline-block;font-weight:300;margin-right:30px;padding-right:35px}.hotel-destination-page .filters-main-category ul>li:last-child{margin-right:0}.hotel-destination-page .filters-main-category ul>li.active{color:#d8741b;font-weight:500}.hotel-destination-page .filter-sub-tab{display:none}.hotel-destination-page .filters-sub-category-list{border-top:1px solid #ebebeb;margin-top:20px;padding:20px 5px 0}.hotel-destination-page .filters-sub-category-list .filterCountryTab{display:none}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li{float:left;font-size:0.938em;font-weight:300;list-style:outside none none;margin-bottom:15px;width:33.3%}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li label{position:relative}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li label input{height:20px;left:0;opacity:0;position:absolute;top:0;width:20px}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li label input:checked+span:before{background-position:0 -22px}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li label input.disabled:checked+span:before{background-position:0 0}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li label span{padding-left:30px}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li label span:before{background:url("/images/oberoihotels/hotel-destination-page/tick-boxes.png") no-repeat 0 0;content:"";height:19px;left:0;position:absolute;top:0;width:19px}.hotel-destination-page .filter-tags{display:none;background-color:#f9f9f9;padding:10px 90px 10px 20px;position:relative;margin-bottom:25px}.hotel-destination-page .filter-tags li{background-color:#f2f2f2;color:#d8741b;display:inline-block;font-size:0.938em;font-weight:300;line-height:100%;padding:6px 10px;margin:5px 15px 5px 0;position:relative}.hotel-destination-page .filter-tags li .remove-tag{background:url("/images/oberoihotels/hotel-destination-page/cross-icon.png") no-repeat 0 0;cursor:pointer;display:inline-block;height:11px;margin-left:10px;width:12px}.hotel-destination-page .filter-tags .clear-all-tags{background:url("/images/oberoihotels/hotel-destination-page/cross-icon2.png") no-repeat right center;color:#d8741b;cursor:pointer;font-size:0.938em;padding-right:20px;position:absolute;right:15px;text-transform:uppercase;top:20px}.hotel-destination-page .hotel-destination-results-list.rack-rates-list>li{min-height:370px}.hotel-destination-page .hotel-destination-results-list>li{float:left;list-style:outside none none;margin-bottom:32px;margin-right:3%;width:31.25%;min-height:452px}.hotel-destination-page .hotel-destination-results-list>li ul.location-details{margin-bottom:8px}.hotel-destination-page .hotel-destination-results-list>li ul.location-details li{list-style-type:none;font-weight:300;font-size:0.875em;margin-bottom:5px}.hotel-destination-page .hotel-destination-results-list>li ul.location-details li span.icon{margin-right:5px;width:15px;display:inline-block}.hotel-destination-page .hotel-destination-results-list>li ul.location-details li strong{font-weight:500}.hotel-destination-page .hotel-destination-results-list>li:nth-child(3n){margin-right:0}@media (max-width: 1024px){.hotel-destination-page{padding-bottom:40px}}@media only screen and (min-width: 768px) and (max-width: 991px){.hotel-destination-page{padding-bottom:0}}@media only screen and (min-width: 768px) and (max-width: 1024px){.hotel-destination-page .filters-sub-category-list .filterCountryTab>li{width:50%;font-size:0.9em}.hotel-destination-page .hotel-destination-results-list>li{width:48%;margin-right:3%}.hotel-destination-page .hotel-destination-results-list>li:nth-child(2n){margin-right:0 !important}.hotel-destination-page .hotel-destination-results-list>li:nth-child(3n){margin-right:3%}.hotel-destination-page .hotel-destination-results-list>li.mr-none{margin-right:0}}@media only screen and (max-width: 767px){.filter-toggle{background:url("/images/oberoihotels/hotel-destination-page/filter-icon.png") no-repeat left center;color:#d8741b;cursor:pointer;display:block;font-family:"Roboto",sans-serif;font-size:0.5em;padding-left:18px;position:absolute;right:0;text-transform:uppercase;top:16px}.filter-toggle.actv:before{background-color:#d8741b;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;top:-7px;content:"";height:7px;position:absolute;right:0;width:7px}.hotel-destination-page .section-heading,.hotel-destination-page .mb-none{margin-bottom:25px !important;position:relative}.hotel-destination-page .hotel-destination-results-list>li{width:100%;min-height:auto;margin-right:0}.hotel-destination-page .hotel-destination-results-list>li:last-child{margin-bottom:0}.hotel-destination-page .hotel-destination-results-list .slick-list{padding:0 10% 0 0}.hotel-destination-page .hotel-destination-results-list .slick-slide{margin:0 30px 0 0}.hotel-destination-page .hotel-destination-results-list .image-text-block-style1 .image-block{opacity:1}.hotel-destination-page .hotel-destination-results-list .image-text-block-style1 .text-block{opacity:1}.hotel-destination-page .filter-tags{display:none !important}.hotel-destination-page #clear-all{display:block;cursor:pointer;text-transform:uppercase}.hotel-destination-page .filter-popup{display:none;background-color:#fff;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:99999}.hotel-destination-page .filters-main-category{padding-top:15px;margin-bottom:10px}.hotel-destination-page .filters-main-category ul>li.one-tab.active{width:100%}.hotel-destination-page .filters-main-category .label-wrap{display:block;margin-bottom:10px;padding:0 15px}.hotel-destination-page .filters-main-category .label-wrap span{font-weight:400;margin:0;padding:0;width:50%}.hotel-destination-page .filters-main-category .label-wrap span:first-child{float:left}.hotel-destination-page .filters-main-category .label-wrap span:last-child{float:right;text-align:right}.hotel-destination-page .filters-main-category .filter-label{display:inline-block;margin:0 0 15px;padding-left:10px}.hotel-destination-page .filters-main-category ul{display:block;width:100%}.hotel-destination-page .filters-main-category ul>li{background:#ffffff;color:#000000;float:left;margin:0;padding:15px;text-align:center;width:50%}.hotel-destination-page .filters-main-category ul>li.active{background:#f5f5f5}.hotel-destination-page .filters-sub-category{background-color:#f5f5f5;float:left;height:100vh;width:35%}.hotel-destination-page .filters-sub-category ul>li{border-bottom:1px solid #e7e7e7;display:block;font-size:0.838em;margin:0;padding:15px}.hotel-destination-page .filters-sub-category ul li.active{background-color:#fff;border-color:#ffffff}.hotel-destination-page .filters-sub-category-list{border:0 none;float:left;height:calc(80vh - 106px);margin:0;overflow-y:auto;overflow-x:hidden;padding:0 10px;width:64%}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li{display:block;float:none;font-size:0.838em;width:100%}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li label{word-wrap:break-word}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li label input{height:15px;width:15px}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li label input:checked+span:before{background-position:-1px -23px}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li label span{padding-left:20px;word-break:break-word;display:block}.hotel-destination-page .filters-sub-category-list .filterCountryTab>li label span::before{background:url("/images/oberoihotels/hotel-destination-page/tick-boxes.png") no-repeat -1px -1px;height:15px;width:15px}.hotel-destination-page .filters-sub-category-list.single-colm{width:100%}.hotel-destination-page .filters-btns{background-color:#fff;display:block;bottom:0;left:0;padding:10px 0;position:fixed;width:100%}.hotel-destination-page .filters-btns li{border-right:1px solid #ebebeb;cursor:pointer;float:left;list-style:outside none none;text-align:center;text-transform:uppercase;width:50%}.hotel-destination-page .filters-btns li:last-child{border-right:0 none}.hotel-destination-page .filters-btns li.active{color:#d97620}} /*# sourceMappingURL=hotel-destination-page.css.map */ body.scrollOff,html.scrollOff{overflow:hidden;position:relative;height:100%}body.global-experiences .filter-component .filter-sticky-activated{top:-7px}body.global-offers .filter-component .filter-sticky-activated{top:-7px}body.global-magazines .filter-component .filter-sticky-activated{top:-7px}.filter-toggle{display:none}.filter-component{font-family:roboto}.filter-component .filter-sticky{overflow:hidden}.filter-component .filter-sticky-activated{position:fixed;top:21px;padding-top:20px;left:0;width:100%;z-index:1;background:#fff;transition:linear all .4s}.filter-component .homepageheaderfilter{top:-6px}.filter-component .filter-popup.popupfix2{background-color:#fff;left:50%;position:fixed;top:90px;transform:translateX(-50%);width:1270px;z-index:99999}.filter-component .filter-back-btn,.filter-component .filter-apply-btn,.filter-component .filters-btns,.filter-component #clear-all{display:none}.filter-component .section-heading,.filter-component .mb-none{margin-bottom:25px;position:relative}.filter-component .filters-main-category{font-size:0.875em;margin-bottom:20px}.filter-component .filters-main-category .label-wrap{display:inline-block;vertical-align:middle}.filter-component .filters-main-category .label-wrap span{font-weight:500;margin-right:40px}.filter-component .filters-main-category .clear-all-filters-mob{display:none}.filter-component .filters-main-category ul{display:inline-block;vertical-align:middle}.filter-component .filters-main-category ul>li{background:url("/images/oberoihotels/filter-component/arrow-bottom.png") no-repeat right 6px;cursor:pointer;display:inline-block;font-weight:300;margin-right:30px;padding-right:35px}.filter-component .filters-main-category ul>li:last-child{margin-right:0}.filter-component .filters-main-category ul>li.active{background:url("/images/oberoihotels/filter-component/arrow-top.png") no-repeat right 6px;color:#d8741b;font-weight:500}.filter-component .filter-sub-tab{display:none}.filter-component .filters-sub-category-list{border-top:1px solid #ebebeb;margin-top:20px;padding:20px 5px 0}.filter-component .filters-sub-category-list .filtercountrytab{display:none}.filter-component .filters-sub-category-list .filtercountrytab>li{float:left;font-size:0.938em;font-weight:300;list-style:outside none none;margin-bottom:15px;width:33.3%}.filter-component .filters-sub-category-list .filtercountrytab>li label{position:relative}.filter-component .filters-sub-category-list .filtercountrytab>li label input{height:20px;left:0;opacity:0;position:absolute;top:0;width:20px}.filter-component .filters-sub-category-list .filtercountrytab>li label input:checked+span:before{background-position:0 -22px}.filter-component .filters-sub-category-list .filtercountrytab>li label input.disabled:checked+span:before{background-position:0 0}.filter-component .filters-sub-category-list .filtercountrytab>li label span{padding-left:30px}.filter-component .filters-sub-category-list .filtercountrytab>li label span:before{background:url("/images/oberoihotels/filter-component/tick-boxes.png") no-repeat 0 0;content:"";height:19px;left:0;position:absolute;top:0;width:19px}.filter-component .filter-tags{display:none;background-color:#f9f9f9;padding:10px 90px 10px 20px;position:relative;margin-bottom:25px}.filter-component .filter-tags li{background-color:#f2f2f2;color:#d8741b;display:inline-block;font-size:0.938em;font-weight:300;line-height:100%;padding:6px 10px;margin:5px 15px 5px 0;position:relative}.filter-component .filter-tags li .remove-tag{background:url("/images/oberoihotels/filter-component/cross-icon.png") no-repeat 0 0;cursor:pointer;display:inline-block;height:11px;margin-left:10px;width:12px}.filter-component .filter-tags .clear-all-tags{background:url("/images/oberoihotels/filter-component/cross-icon2.png") no-repeat right center;color:#d8741b;cursor:pointer;font-size:0.938em;padding-right:20px;position:absolute;right:15px;text-transform:uppercase;top:20px}.filter-component .filter-results-list{margin:0 -1.5%}.filter-component .filter-results-list>li{float:left;list-style:outside none none;margin-bottom:32px;margin-right:1.5%;margin-left:1.5%;width:30.33%}.filter-component .filter-results-list>li .text-block{min-height:170px}.filter-component .image-text-block-style1 .text-block p br{display:none}@media only screen and (min-width: 768px) and (max-width: 1024px){.magazine-page .filter-component .filter-results-list>li{min-height:450px}.filter-component .filter-results-list.spa-filters-list>li .text-block{min-height:auto}.filter-component .filters-sub-category-list .filtercountrytab>li{width:50%;font-size:0.9em}.filter-component .filter-results-list>li{width:47%}.filter-component .filter-results-list>li:nth-child(3n){margin:0 1.5% 32px}.filter-component .filter-results-list>li .text-block{min-height:190px}.filter-component .filter-results-list>li.mr-none{margin-right:0}.experiences-page .filter-component .filter-results-list>li .text-block{min-height:190px}}@media only screen and (max-width: 767px){.filter-toggle{background:url("/images/oberoihotels/filter-component/filter-icon.png") no-repeat left center;color:#d8741b;cursor:pointer;display:block;font-family:"Roboto",sans-serif;font-size:0.5em;padding-left:18px;position:absolute;right:0;text-transform:uppercase;top:16px}.filter-toggle.actv:before{background-color:#d8741b;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;top:-7px;content:"";height:7px;position:absolute;right:0;width:7px}.rooms-suites-page .filter-component{padding-bottom:0}.experiences-page .filter-component .filter-results-list>li .text-block{min-height:auto}.filter-component{padding-bottom:50px}.filter-component .section-heading,.filter-component .mb-none{margin-bottom:25px !important;position:relative}.filter-component .filter-results-list>li{width:100%;margin-right:0;margin-left:0}.filter-component .filter-results-list>li:last-child{margin-bottom:0}.filter-component .filter-results-list .slick-list{padding:0 10% 0 0}.filter-component .filter-results-list .slick-slide{margin:0 30px 0 0}.filter-component .filter-results-list .image-text-block-style1 .image-block{opacity:1}.filter-component .filter-results-list .image-text-block-style1 .text-block{opacity:1;min-height:auto}.filter-component .filter-tags{display:none !important}.filter-component #clear-all{display:block;cursor:pointer;text-transform:uppercase}.filter-component .filter-popup{display:none;background-color:#fff;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:99999}.filter-component .filters-main-category{padding-top:15px;margin-bottom:10px}.filter-component .filters-main-category ul>li.one-tab.active{width:100%}.filter-component .filters-main-category .label-wrap{display:block;margin-bottom:10px;padding:0 15px}.filter-component .filters-main-category .label-wrap span{font-weight:400;margin:0;padding:0;width:50%}.filter-component .filters-main-category .label-wrap span:first-child{float:left}.filter-component .filters-main-category .label-wrap span:last-child{float:right;text-align:right}.filter-component .filters-main-category .filter-label{display:inline-block;margin:0 0 15px;padding-left:10px}.filter-component .filters-main-category ul{display:block;width:100%}.filter-component .filters-main-category ul>li{background:#ffffff;color:#000000;float:left;margin:0;padding:15px;text-align:center;width:33.33%}.filter-component .filters-main-category ul>li.active{background:#f5f5f5}.filter-component .filters-sub-category{background-color:#f5f5f5;float:left;height:100vh;width:35%}.filter-component .filters-sub-category ul>li{border-bottom:1px solid #e7e7e7;display:block;font-size:0.838em;margin:0;padding:15px}.filter-component .filters-sub-category ul li.active{background-color:#fff;border-color:#ffffff}.filter-component .filters-sub-category-list{border:0 none;float:left;height:calc(80vh - 106px);margin:0;overflow-y:auto;overflow-x:hidden;padding:0 10px;width:100%}.filter-component .filters-sub-category-list .filtercountrytab>li{display:block;float:none;font-size:0.838em;width:100%}.filter-component .filters-sub-category-list .filtercountrytab>li label{word-wrap:break-word}.filter-component .filters-sub-category-list .filtercountrytab>li label input{height:15px;width:15px}.filter-component .filters-sub-category-list .filtercountrytab>li label input:checked+span:before{background-position:-1px -23px}.filter-component .filters-sub-category-list .filtercountrytab>li label span{padding-left:20px;word-break:break-word;display:block}.filter-component .filters-sub-category-list .filtercountrytab>li label span::before{background:url("/images/oberoihotels/filter-component/tick-boxes.png") no-repeat -1px -1px;height:15px;width:15px;top:0px}.filter-component .filters-sub-category-list.single-colm{width:100%}.filter-component .filters-btns{background-color:#fff;display:block;bottom:0;left:0;padding:10px 0;position:fixed;width:100%}.filter-component .filters-btns li{border-right:1px solid #ebebeb;cursor:pointer;float:left;list-style:outside none none;text-align:center;text-transform:uppercase;width:50%}.filter-component .filters-btns li:last-child{border-right:0 none}.filter-component .filters-btns li.active{color:#d97620}} /*# sourceMappingURL=filter-component.css.map */ .image-text-component-style1{margin-bottom:80px}.image-text-component-style1 .img-colm{float:left;margin-right:4.5%;position:relative;width:57%}.image-text-component-style1 .img-colm img{max-width:100%;width:100%;vertical-align:middle}.image-text-component-style1 .text-colm{float:left;width:32%}.image-text-component-style1 .text-colm .phn-time li span strong{font-weight:500}.image-text-component-style1 .text-colm .btns-list li{display:inline-block;margin-right:20px}.image-text-component-style1 h2{font-family:"EB Garamond",serif;font-size:1.75em;font-style:italic;font-weight:400;line-height:100%;margin-bottom:12px}.image-text-component-style1 h2 a{color:#000;text-decoration:none}.image-text-component-style1 h2 span{font-style:normal}.image-text-component-style1 p{font-family:roboto;font-size:0.9375em;margin-bottom:15px}.image-text-component-style1 p.subhdng{font-size:0.813em;margin-bottom:5px;text-decoration:none;text-transform:uppercase}.image-text-component-style1 p.subhdng a{text-decoration:none;color:inherit}@media only screen and (max-width: 991px){.image-text-component-style1-slider .slick-list{padding:0 10% 0 0}.image-text-component-style1-slider .slick-slide{margin-right:25px}.image-text-component-style1{margin-bottom:50px}.image-text-component-style1 .img-colm{width:100%;margin-right:0;margin-bottom:15px}.image-text-component-style1 .text-colm{width:100%}.image-text-component-style1 .text-colm .btns-list li{font-size:0.85em}.image-text-component-style1 h2{font-size:1.45em}} /*# sourceMappingURL=image-text-component-style1.css.map */ .leader-image img{height:auto}.about-us .banner-component-style1{margin-bottom:0px}.about-us-page{padding-top:50px}.about-us-page .image-and-description-with-legend-attributes-option-3 .img-col{max-width:52%;margin-right:3%}.about-us-page .image-and-description-with-legend-attributes-option-3 .description-col{width:45%;padding-top:0px}.about-us-page .image-and-description-with-legend-attributes-option-3 p:last-child{margin-bottom:0}.offers-tabcontent{display:none}.tab-with-content.offers-tab{margin-bottom:25px}.tab-with-content.offers-tab .tabs{text-align:center}.tab-with-content.offers-tab .tabs .tab-item{display:inline-block;float:none;margin-right:25px}.tab-with-content.offers-tab .tabs .tab-item:last-child{margin-right:0}.tab-with-content .tab-sec-wrap{width:100%;height:48px;float:left;position:relative;z-index:10}.tab-with-content .tab-sec-wrap .bind{float:left;width:100%;background:#f8f8f8}.tab-with-content .tab-sec-wrap .bind.sticky{position:fixed;top:84px;left:0px}.tab-with-content .founder{margin-bottom:35px}.tab-with-content .founder .img-box{float:left;margin-right:20px;width:24%}.tab-with-content .founder .img-box img{height:auto}.tab-with-content .founder .content-box{float:left;width:72%}.tab-with-content .founder .content-box .content-expand{overflow:hidden;margin-bottom:10px;height:345px}.tab-with-content .founder .content-box .cta-box{font-size:14px;cursor:pointer}.tab-with-content .founder .content-box .leader-heading{font-size:28px;margin-top:20px;font-family:"EB Garamond", serif;font-style:italic}.tab-with-content .founder .content-box .leader-heading span{font-style:normal}.tab-with-content .founder .content-box .leader-sub-heading{font-size:14px;margin-top:15px;font-family:"Roboto", sans-serif;font-weight:400;font-style:italic}.tab-with-content .founder .content-box p{font-size:14px;margin-top:15px;font-family:"Roboto", sans-serif}.tab-with-content .section-wrap{width:100%;float:left}.tab-with-content .tab-section-content-wrap{width:100%;float:left;padding-top:35px}.tab-with-content .tab-section-content-wrap:first-child{padding-top:0}.tab-with-content .tab-content{width:100%;float:left;padding-top:35px}.tab-with-content .tab-section-content-box p{font-size:0.938em;font-family:"Roboto", sans-serif;margin-bottom:15px}.tab-with-content .tab-section-content-box p:last-child{margin-bottom:0}.tab-with-content .tab-section-content-box p a{color:#66b6d8;text-decoration:none}.tab-with-content .tab-section-content-box p span{font-size:20px;font-family:"EB Garamond", serif}.tab-with-content .tab-section-content-box.group{margin-bottom:35px;padding-right:20%}.tab-with-content .btn-style1{color:#d8741b;background:url("../images/common/arrow-right3.png") no-repeat right center}.tab-with-content .tabs{width:100%;float:left}.tab-with-content .tabs .tab-item{width:25%;float:left;background:#f8f8f8;text-align:center;font-size:20px;font-family:"Roboto", sans-serif;font-weight:300}.tab-with-content .tabs .tab-item a{padding:12px 0px;color:#000;text-decoration:none;display:block;cursor:pointer}.tab-with-content .tabs .tab-item.active{background:#ebebeb}.tab-with-content .tab-bullet-list{margin-top:15px;list-style:none}.tab-with-content .tab-bullet-list li{margin-top:15px;font-size:.9375em;font-family:"Roboto", sans-serif;font-weight:300;position:relative;padding-left:25px;background:url(/images/oberoihotels/common/bullet-dot.png) left 8px no-repeat;line-height:24px}.tab-with-content .mission-content-box{margin-top:20px}.tab-with-content .mission-content-box:last-child p{margin-bottom:0px}.tab-with-content .mission-content-box h4{font-weight:500;margin-bottom:5px;font-size:15px;font-family:"Roboto", sans-serif}.tab-with-content .leadership-content-box{margin:30px 0px;float:left;width:100%}.tab-with-content .leadership-content-box>ul{list-style:none}.tab-with-content .leadership-content-box>ul li.slide{width:33%;float:left;text-align:center;padding:0px 3%;padding-bottom:50px;position:relative;border-right:1px solid #ebebeb}.tab-with-content .leadership-content-box>ul li.slide:before,.tab-with-content .leadership-content-box>ul li.slide:after{height:8px;width:8px;border-radius:50%;content:"";position:absolute;right:-4px;background:#ebebeb}.tab-with-content .leadership-content-box>ul li.slide:last-child:before,.tab-with-content .leadership-content-box>ul li.slide:last-child:after{display:none}.tab-with-content .leadership-content-box>ul li.slide:before{top:0px}.tab-with-content .leadership-content-box>ul li.slide:after{bottom:0px}.tab-with-content .leadership-content-box>ul li.slide:last-child{padding-right:0px;border:none}.tab-with-content .leadership-content-box .leader-heading{font-size:28px;margin-top:20px;font-family:"EB Garamond", serif;font-style:italic}.tab-with-content .leadership-content-box .leader-sub-heading{font-size:14px;margin-top:15px;font-family:"Roboto", sans-serif;font-weight:400;font-style:italic}.tab-with-content .leadership-content-box .leader-description{font-size:15px;margin-top:20px;font-family:"Roboto", sans-serif;font-weight:300;line-height:160%;position:relative;overflow:hidden;height:60px;transition:all 0.4s linear}.tab-with-content .leadership-content-box .down-arrow-button{width:100%;text-align:center;margin-top:20px;cursor:pointer}.tab-with-content img{max-width:100%}.tab-with-content p img{margin-bottom:15px}@media only screen and (max-width: 1199px){.about-us-page .image-and-description-with-legend-attributes-option-3 p{margin-bottom:10px}.about-us-page .image-and-description-with-legend-attributes-option-3 .img-col{max-width:100%;margin-right:0px;margin-bottom:25px}.about-us-page .image-and-description-with-legend-attributes-option-3 .description-col{width:100%}.leader-image img{width:auto;display:inline-block}}@media only screen and (max-width: 991px){.tab-with-content .slick-dots li{margin:0px}.tab-with-content .slick-dots li button{background:#eeeeee;height:10px;width:10px;-webkit-border-radius:50%;border-radius:50%}.tab-with-content .slick-dots li.slick-active button{background:#a6a6a6}.tab-with-content .founder .img-box{width:40%;margin-right:3%}.tab-with-content .founder .content-box{width:57%}.tab-with-content .tab-section-content-box.group{padding-right:0px}.tab-with-content .slick-dots li button:before{content:" "}.leadership-slider .slick-dots{position:static}}@media only screen and (max-width: 767px){.about-us-page .tab-with-content .section-wrap{padding-bottom:40px}.tab-with-content .section-heading{font-size:1.5em}.tab-with-content .founder .img-box,.tab-with-content .founder .content-box{width:100%;margin:0}.tab-with-content .founder .img-box img{width:100%}.tab-with-content.offers-tab .tabs .tab-item{margin-right:10px;width:47%}.tab-with-content.offers-tab .tabs .tab-item a{font-size:14px;text-align:center}.tab-with-content.offers-tab .tabs .tab-item:after{display:none}.tab-with-content .tab-sec-wrap{background:#fff;height:auto}.tab-with-content .section-heading{font-size:1.5em}.tab-with-content .tabs .tab-item{width:100%;font-size:16px;float:left;margin-bottom:2px;text-align:left;padding:0px 15px;position:relative}.tab-with-content .tabs .tab-item a{padding:10px 0}.tab-with-content .tabs .tab-item:after{position:absolute;content:"+";font-size:100%;right:15px;color:#3d3d3d;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tab-with-content .tabs .tab-item.active:after{content:"-";font-size:200%}.tab-with-content .tab-content{padding:0px 15px;margin-bottom:20px;display:none}.tab-with-content .leadership-content-box ul li.slide{padding:0px}.tab-with-content .leadership-content-box ul li.slide:first-child:after{display:none}.tab-with-content .tab-section-content-wrap{padding-top:15px}.tab-with-content .mission-content-box,.tab-with-content .tab-bullet-list{margin-top:15px}.tab-with-content .mission-content-box li,.tab-with-content .tab-bullet-list li{font-size:0.8em;margin-top:10px;line-height:1.5em}.tab-with-content .tab-section-content-box.group{margin-bottom:20px;padding-bottom:15px}.tab-with-content .tab-sec-wrap .container-1270px{padding:0px}.about-us-page .tab-with-content .tab-content{padding:15px;margin-bottom:0}} /*# sourceMappingURL=tab-with-content.css.map */ .checkOutDisable{pointer-events:none}.notShowInDropDown{display:none}.calender-dynamic-text{text-align:center;padding:9px 15px 2px 15px;white-space:initial}.calender-dynamic-text span{color:#d8741b}.calanderBottomMessage{z-index:1;bottom:0;font-size:14px;white-space:normal;clear:both;padding:0px 20px;text-align:center}.calanderBottomMessage span{color:#d8741b}.layout2 .calanderBottomMessage{padding:5px 20px}.bookingEnginePopOverlay{z-index:-1;position:fixed;top:0px;transition:all linear .4s;left:0px;background:#000;opacity:0}.bookingEnginePopOverlay.active{opacity:0.7;z-index:99991;width:100%;height:100%}.bookingEnginePopOverlay .close{position:absolute;left:50%;top:50%;margin:-220px 0 0 229px;font-size:30px;color:#fff}.availability-cta .boxColumn{width:450px}.availability-cta .boxColumn.bEnginepopUp{position:fixed;z-index:99992;top:50%;left:50%;transform:translate(-50%, -60%)}.availability-cta .booking-engine.layout2.left .hotelName .hotelListDropDown{left:auto;bottom:auto;right:0}.availability-cta .booking-engine.layout2.left .hotelName .arrowWrap{margin:10px 0 0 -35px}.availability-cta .booking-engine.layout2.left .hotelName.NoClick{pointer-events:none}.availability-cta .booking-engine.layout2.left .hotelName.NoClick .arrowWrap{display:none}.availability-cta .booking-engine.layout2.left .noOfRoomsWrap{padding:10px 12%}.availability-cta .booking-engine.layout2.left .noOfRoomsWrap .addRoomLabel .mobile span.value{font-size:30px}.availability-cta .booking-engine.layout2.left .noOfRoomsWrap .arrowWrap{position:relative;top:6px}.availability-cta .booking-engine.layout2.left .noOfGuestWrap{padding:10px 12%}.availability-cta .booking-engine.layout2.left .noOfGuestWrap .addGuestDropDown{left:auto;right:0}.availability-cta .booking-engine.layout2.left .noOfGuestWrap .arrowWrap{position:relative;top:6px}.availability-cta .booking-engine.layout2.left .noOfGuestWrap .guestCount span.value{font-size:30px}.availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap{padding:10px 12%}.availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{left:auto;bottom:auto;right:0;min-height:335px;padding-top:25px}.availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .cico-identification{position:absolute;width:100%;text-align:center;color:#d8741b;font-weight:600;top:10px;display:none}.availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .calender-dynamic-text{text-align:center;padding:9px 15px 2px 15px}.availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .calender-dynamic-text span{color:#d8741b}.spa-detail-page .boxColumn{max-width:450px;float:left}.spa-detail-page .boxColumn .booking-engine{top:50px}.banner-component-style1 .booking-engine{top:-30px}.booking-engine{width:90%;margin:0 5%;background:#fff;padding:10px;box-shadow:0px 5px 25px 0px rgba(0,0,0,0.15);font-weight:300;font-family:"Roboto",sans-serif;font-size:0.9375em;position:relative;text-align:left}.booking-engine .nightsWrap{position:relative;clear:both;border-top:1px solid #f3f3f3}.booking-engine .nightsWrap .label{text-align:center;font-size:10px;padding:10px 0 0 0;color:#afafaf}.booking-engine .nightsWrap select.ddlHotelOfferNights{width:100%;padding:3px 5px 13px 5px;text-align:center;text-align-last:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:300;font-family:"Roboto", sans-serif;font-size:15px}.booking-engine .nightsWrap .arrowWrap{position:absolute;right:12px;top:13px;font-size:20px;pointer-events:none}.booking-engine .nightsWrap.active .arrowWrap i{transition:all linear .4s}.booking-engine .nightsWrap.active .arrowWrap i.fa{transform:rotate(180deg)}.booking-engine.bkhOffset .cruiseSelectionWrap{display:none !important}.booking-engine .cruiseSelectionWrap{display:none}.booking-engine.overview-page{top:-30px}.booking-engine.moveUp{transform:translate(0, -50%)}.booking-engine.reverse .hotelName .hotelListDropDown{top:auto;bottom:50px;box-shadow:0px -10px 15px 0px rgba(0,0,0,0.05);z-index:99991}.booking-engine.reverse .checkInCheckOut .t-datepicker-day{top:auto;bottom:50px;box-shadow:0px -10px 15px 0px rgba(0,0,0,0.05);z-index:99999;min-height:335px;padding-top:25px}.booking-engine.reverse .checkInCheckOut .t-datepicker-day .cico-identification{position:absolute;width:100%;text-align:center;color:#d8741b;font-weight:600;top:10px;display:none}.booking-engine.reverse .checkInCheckOut .t-arrow-top{display:none !important}.booking-engine .bookYourStay{float:left;width:100%;font-weight:400;background:#ebebeb;color:#000;padding:5px 10px;font-size:0.8em;margin:0 0 10px 0;display:none}.booking-engine .hotelName{float:left;width:25%;padding:10px;height:39px;border-right:#d8741b solid 1px;position:relative}.booking-engine .hotelName.NoClick{pointer-events:none}.booking-engine .hotelName.NoClick .arrowWrap{display:none}.booking-engine .hotelName .hotelLabel{float:left;width:100%;cursor:pointer}.booking-engine .hotelName .hotelLabel .name{float:left;width:95%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.booking-engine .hotelName .hotelLabel .name abbr{font-weight:400;display:block}.booking-engine .hotelName .hotelLabel .name .desktopN{display:inline}.booking-engine .hotelName .hotelLabel .name .mobileN{display:none}.booking-engine .hotelName .hotelLabel .arrowWrap{float:left;width:5%;padding:0;font-size:20px;line-height:10px}.booking-engine .hotelName .hotelLabel .arrowWrap i.fa{transition:all 0.3s ease-in-out;transform-origin:center center}.booking-engine .hotelName .hotelLabel.active i.fa{transform:rotate(180deg)}.booking-engine .hotelName .hotelListDropDown{position:absolute;width:911px;background:#fff;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);padding:10px 0;left:-10px;top:50px;z-index:10;display:none}.booking-engine .hotelName .hotelListDropDown .mobileHeader{display:none}.booking-engine .hotelName .hotelListDropDown .allHotels{float:left;width:100%;background:#fff}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList{float:left;width:38%;padding:10px 20px;border-left:#ebebeb solid 1px}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList:first-child,.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList:last-child{border:0 !important}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList:nth-child(2){border-right:#ebebeb solid 1px}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList.hotelListCol3{width:24%}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock{float:left;width:100%;margin:0 0 10px 0}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock:last-child{margin:0}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .heading{float:left;width:100%;color:#d8741b;font-weight:400;margin:0 0 10px 0}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list{float:left;width:100%}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul{list-style:none}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li{float:left;width:auto;margin:0 0 10px 0;cursor:pointer;transition:all 0.3s ease-in-out;white-space:normal;position:relative;clear:both}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li:hover,.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li.active{color:#d8741b}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .label{float:left;width:100%}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav{position:absolute;width:220px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);color:#000;margin:0px 0 0 0;left:0;top:100%;z-index:2;background:#fff;display:none}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head{float:left;width:100%;padding:10px;border-top:#e6e6e6 solid 1px}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head:hover{color:#d8741b}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head:first-child{border:0}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head .arrowWrap{float:right;transition:all 0.3 ease-in-out}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head.active .arrowWrap{transform:rotate(180deg)}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content{float:left;width:100%;padding:0;display:none}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values{float:left;width:100%;padding:5px 10px;margin:0}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values:hover,.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values.active{color:#d8741b}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values:first-child{padding-top:0}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap{float:left;width:100%;padding:10px;border-top:#e6e6e6 solid 1px}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap:hover,.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap.active{color:#d8741b}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap .button{float:left;width:auto;font-size:0.95em}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li:hover .subNav{display:inline}.booking-engine .NumberOfNights{float:left;width:100%;padding:8px;clear:both;margin-left:0px;border-top:#f3f3f3 solid 1px;background:#fff;position:relative;text-align:center}.booking-engine .NumberOfNights .nightsWrap{border-top:none}.booking-engine .NumberOfNights .label{clear:both;text-align:center;font-size:10px;padding:4px 0 4px 0;color:#afafaf}.booking-engine .NumberOfNights.NoClick{pointer-events:none}.booking-engine .NumberOfNights.NoClick .arrowWrap{display:none}.booking-engine .NumberOfNights .NumberOfNightsLabel{float:left;width:100%;cursor:pointer}.booking-engine .NumberOfNights .NumberOfNightsLabel .name{float:left;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#000000}.booking-engine .NumberOfNights .NumberOfNightsLabel .name abbr{font-weight:400;display:block}.booking-engine .NumberOfNights .NumberOfNightsLabel .name .desktopN{display:inline}.booking-engine .NumberOfNights .NumberOfNightsLabel .name .mobileN{display:none}.booking-engine .NumberOfNights .NumberOfNightsLabel .arrowWrap{float:right;width:auto;padding:0 0 0 7px;font-size:20px;line-height:10px;color:#000000;top:-11px;right:34px}.booking-engine .NumberOfNights .NumberOfNightsLabel .arrowWrap i.fa{transition:all 0.3s ease-in-out;transform-origin:center center}.booking-engine .NumberOfNights .NumberOfNightsLabel.active i.fa{transform:rotate(180deg)}.booking-engine .NumberOfNights .NumberOfNightsDropDown{position:absolute;width:100%;background:#fff;box-shadow:0px 15px 15px 0px rgba(0,0,0,0.05);padding:10px 0;left:0px;top:50px;z-index:10;display:none}.booking-engine .NumberOfNights .NumberOfNightsDropDown .list span{padding:5px 10px}.booking-engine .NumberOfNights .NumberOfNightsDropDown ul{margin:0px;padding:0px;width:100%}.booking-engine .NumberOfNights .NumberOfNightsDropDown ul li{width:100%;list-style-type:none;padding:5px 10px;cursor:pointer;font-family:"Roboto",sans-serif}.booking-engine .NumberOfNights .NumberOfNightsDropDown ul li.active{color:#d8741b;background:#fff}.booking-engine .NumberOfNights .NumberOfNightsDropDown .mobileHeader{display:none}.booking-engine .NumberOfNights .NumberOfNightsDropDown .NumberOfNights{float:left;width:100%;padding:0;border-left:#ebebeb solid 1px}.booking-engine .NumberOfNights .NumberOfNightsDropDown .NumberOfNights:first-child{border:0 !important}.booking-engine .checkInCheckOut{display:flex;float:left;width:38%;height:39px;padding:10px 0;border-right:#d8741b solid 1px;color:#242424;flex-wrap:nowrap;position:relative !important;clear:none;white-space:nowrap}.booking-engine .checkInCheckOut .t-mobile-heading{display:none;position:fixed;left:0;top:0;width:100%;text-align:center;font-weight:600;padding:0 0;z-index:10000;visibility:hidden;padding:0 0 20px 0;box-shadow:0px 2px 25px 0px rgba(0,0,0,0.05)}.booking-engine .checkInCheckOut .t-mobile-heading .backWrap{float:left;width:100%;text-align:left;padding:5% 5% 10px 5%}.booking-engine .checkInCheckOut .t-mobile-heading .backWrap svg{width:15px;fill:#000}.booking-engine .checkInCheckOut .t-mobile-heading .dateWrap{float:left;width:100%}.booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut{float:left;width:50%;padding:0 5%;text-align:left;position:relative}.booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut.active:before{content:'';position:absolute;width:100%;height:3px;background:#d8741b;left:0;bottom:-20px}.booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .label{color:#9b9b9b;font-size:10px;float:left;width:100%;font-weight:normal}.booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .dates{float:left;width:100%;font-weight:700;border:0;height:20px;font-size:1.4em}.booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .dates .t-dates{padding:0;height:auto}.booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .dates .t-dates span{font-weight:400}.booking-engine .checkInCheckOut .t-mobile-heading .close{float:right;width:60px;height:60px;line-height:60px;text-align:center;background:#d8741b;border-radius:50%;color:#fff;right:0;font-size:15px;font-weight:700;position:fixed;left:50%;bottom:35px;transform:translate(-50%, 0);z-index:10000;box-shadow:0px 5px 25px 0px rgba(0,0,0,0.25)}.booking-engine .checkInCheckOut .calenderWrap{position:absolute;width:700px;left:0px;padding:10px;top:49px;background:#fff;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);z-index:1}.booking-engine .checkInCheckOut .t-datepicker-day{top:50px;padding-top:25px}.booking-engine .checkInCheckOut .t-datepicker-day .cico-identification{position:absolute;width:100%;text-align:center;color:#d8741b;font-weight:600;top:10px;display:none}.booking-engine .checkInCheckOut .datesWrap{width:50%;display:flex;padding:0 20px}.booking-engine .checkInCheckOut .datesWrap.disableCheckout:before{content:"";position:absolute;right:0;top:0;z-index:2;width:50%;height:38px}.booking-engine .checkInCheckOut .datesWrap .label{width:75px;white-space:nowrap;padding:0 10px 0 0}.booking-engine .checkInCheckOut .datesWrap.disabled .label{opacity:0.3}.booking-engine .checkInCheckOut .datesWrap .dateWrap{float:left;width:100%;background:url(/images/oberoihotels/booking-engine/calender-icon.jpg) left center no-repeat;background-size:13px;border:0}.booking-engine .checkInCheckOut .datesWrap .dateWrap.t-check-in,.booking-engine .checkInCheckOut .datesWrap .dateWrap.t-check-out{position:static}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{left:0px;padding-top:25px}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .cico-identification{position:absolute;width:100%;text-align:center;color:#d8741b;font-weight:600;top:10px;display:none}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates{padding:0 0 0 23px;height:auto;border:0}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates span{font-weight:400}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .t-date-info-title,.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .t-date-info-title{top:0;left:0;opacity:0;position:relative}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates span{font-weight:400}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .fa{opacity:0}.booking-engine .checkInCheckOut .datesWrap.disabled .dateWrap .t-dates{opacity:0.3}.booking-engine.reverse .noOfRoomsWrap .addRoomDropDown{top:auto;bottom:50px;box-shadow:0px -10px 15px 0px rgba(0,0,0,0.05)}.booking-engine .noOfRoomsWrap{float:left;width:10%;height:39px;padding:10px 20px 10px 10px;border-right:#d8741b solid 1px;position:relative}.booking-engine .noOfRoomsWrap .addRoomLabel{float:left;width:100%;cursor:pointer}.booking-engine .noOfRoomsWrap .addRoomLabel .deskTop{float:left;width:100%}.booking-engine .noOfRoomsWrap .addRoomLabel .deskTop .roomsCount{float:left;width:95%}.booking-engine .noOfRoomsWrap .addRoomLabel .deskTop .arrowWrap{float:left;width:5%;font-size:20px;line-height:10px}.booking-engine .noOfRoomsWrap .addRoomLabel .deskTop .arrowWrap i.fa{transition:all 0.3s ease-in-out;transform-origin:center center}.booking-engine .noOfRoomsWrap .addRoomLabel .mobile{float:left;width:100%;display:none}.booking-engine .noOfRoomsWrap .addRoomLabel.active i.fa{transform:rotate(180deg)}.booking-engine .noOfRoomsWrap .addRoomDropDown{position:absolute;width:200px;background:#fff;padding:20px 20px 10px 20px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);z-index:1;top:50px;left:0;display:none}.booking-engine .noOfRoomsWrap .addRoomDropDown .mobileHeader{display:none}.booking-engine .noOfRoomsWrap .addRoomDropDown .block{float:left;width:100%;padding:0 0 10px 0;position:relative}.booking-engine .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption{float:left;width:100%;padding:10px 10px;border-bottom:#d7d7d7 solid 1px;background:#fff;cursor:pointer}.booking-engine .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption:first-child{padding-top:0}.booking-engine .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption:last-child{border:0;padding-bottom:0}.booking-engine .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption.active,.booking-engine .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption:hover{color:#d8741b}.booking-engine .noOfRoomsWrap .addRoomDropDown .actionWrap{float:left;width:100%;border-top:#d7d7d7 solid 1px;display:none}.booking-engine .noOfRoomsWrap .addRoomDropDown .actionWrap .addRoomButton{float:left;width:auto;text-transform:uppercase;cursor:pointer;border:#a1a1a1 solid 1px;padding:8px 10px}.booking-engine .noOfRoomsWrap .addRoomDropDown .actionWrap .addRoomButton:hover{background:#d8741b;color:#fff;border-color:#d8741b}.booking-engine .noOfRoomsWrap .addRoomDropDown .actionWrap .actionButton{float:right;width:auto;padding:8px 0px;cursor:pointer}.booking-engine .noOfRoomsWrap .addRoomDropDown .actionWrap .actionButton:hover{color:#d8741b}.booking-engine.bkhOffset.reverse .noOfGuestWrap .addGuestDropDown{top:auto;bottom:50px;box-shadow:0px -10px 15px 0px rgba(0,0,0,0.05)}.booking-engine .noOfGuestWrap{float:left;width:10%;height:39px;padding:10px 20px 10px 10px;position:relative}.booking-engine .noOfGuestWrap .addGuestLabel{float:left;width:100%;cursor:pointer}.booking-engine .noOfGuestWrap .addGuestLabel .guestCount{float:left;width:95%}.booking-engine .noOfGuestWrap .addGuestLabel .arrowWrap{float:left;width:5%;font-size:20px;line-height:10px}.booking-engine .noOfGuestWrap .addGuestLabel .arrowWrap i.fa{transition:all 0.3s ease-in-out;transform-origin:center center}.booking-engine .noOfGuestWrap .addGuestLabel.active i.fa{transform:rotate(180deg)}.booking-engine .noOfGuestWrap .addGuestDropDown{position:absolute;width:280px;background:#fff;padding:20px 20px 10px 20px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);z-index:2;top:50px;left:0;display:none}.booking-engine .noOfGuestWrap .addGuestDropDown .mobileHeader{display:none}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper{float:left;width:100%}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block{float:left;width:100%;padding:0 0 10px 0;margin:10px 0 0 0;border-bottom:#d7d7d7 solid 1px;position:relative}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block:first-child{margin-top:0}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock{position:absolute;width:auto;right:0;top:0}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock .edit{float:left;color:#d8741b;cursor:pointer;font-size:0.92em;border-right:#b1b1b1 solid 1px;padding:0 5px 0 0}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock .closeIcn{float:left;width:13px;height:13px;border:#b1b1b1 solid 1px;border-radius:50%;text-align:center;color:#b1b1b1;font-size:9px;font-family:"Roboto",sans-serif;margin:2px 0 0 5px;cursor:pointer;line-height:10px}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock .closeIcn:hover{background:#d8741b;color:#fff;border:#d8741b solid 1px}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomsIndividualCount{float:left;width:100%;font-weight:700;margin:0 0 10px 0}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount{float:left;width:100%;white-space:nowrap}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose{float:left;width:40%}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .label{float:left;width:100%;margin:0 0 5px 0}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number{float:left;width:auto}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul{list-style-type:none}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul li{float:left;width:20px;height:20px;line-height:20px;text-align:center;font-size:0.8em;margin:0 0 0 0;cursor:pointer;font-family:"Roboto",sans-serif}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul li.active,.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul li:hover{background:#d8741b;color:#fff}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .closeIcn{float:left;width:15px;height:15px;border:#b1b1b1 solid 1px;border-radius:50%;text-align:center;color:#b1b1b1;font-size:11px;font-family:"Roboto",sans-serif;margin:2px 0 0 10px;cursor:pointer;display:none;line-height:11px}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .closeIcn:hover{background:#d8741b;color:#fff;border:#d8741b solid 1px}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap{float:left;width:100%;margin:15px 0 0 0;display:none}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .label{float:left;width:100%;margin:0 0 5px 0}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList{float:left;width:100%}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul{list-style-type:none}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li{float:left;width:20px;height:20px;line-height:20px;text-align:center;font-size:0.8em;margin:0 0px 0 0;cursor:pointer;font-family:"Roboto",sans-serif}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active,.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover{background:#d8741b;color:#fff}.booking-engine .noOfGuestWrap .addGuestDropDown .actionWrap{float:left;width:100%;padding:10px 0 0}.booking-engine .noOfGuestWrap .addGuestDropDown .actionWrap .addRoomButton{float:left;width:auto;text-transform:uppercase;cursor:pointer;border:#a1a1a1 solid 1px;padding:8px 15px}.booking-engine .noOfGuestWrap .addGuestDropDown .actionWrap .addRoomButton:hover{background:#d8741b;color:#fff;border-color:#d8741b}.booking-engine .noOfGuestWrap .addGuestDropDown .actionWrap .actionButton{float:right;width:auto;padding:8px 0px;cursor:pointer}.booking-engine .noOfGuestWrap .addGuestDropDown .actionWrap .actionButton:hover{color:#d8741b}.booking-engine .viewAvailabilityButton{float:left;width:auto;height:39px;background:#d8741b;color:#fff;padding:10px 15px;cursor:pointer}.booking-engine .viewAvailabilityButton:hover{background:#c36512}.booking-engine .plusIcon{float:left;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;cursor:pointer;margin:10px 0 0 25px;position:relative}.booking-engine .plusIcon .imgIconWrap{float:left;width:20px;height:20px;background:url(/images/oberoihotels/sprites-icons.png) left top no-repeat;background-position:-119px -166px}.booking-engine .plusIcon.active .imgIconWrap{background-position:-119px -186px}.booking-engine .plusIcon.activeAlways .imgIconWrap{background-position:-119px -186px}.booking-engine .plusIcon .toolTipWrap{position:absolute;width:auto;padding:2px 5px;background:#fff;left:33px;top:50%;transform:translate(0, -50%);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.15);white-space:nowrap;font-size:11px;display:none}.booking-engine .plusIcon .toolTipWrap:before{content:"";width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #fff;position:absolute;left:-10px;top:0px;z-index:2}.booking-engine .plusIcon .toolTipWrap:after{content:"";width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-right:13px solid rgba(0,0,0,0.05);position:absolute;left:-12px;top:-1px;z-index:1}.booking-engine .plusIcon:hover .toolTipWrap{display:inline}.booking-engine .promocodeDropDown{position:absolute;width:240px;background:#fff;padding:20px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);z-index:1;top:60px;right:0;display:none}.booking-engine .promocodeDropDown .input{float:left;width:160px;height:30px;line-height:30px;border:#c8c9ce solid 1px;padding:0 10px;font-size:.9375em}.booking-engine .promocodeDropDown .submit{float:left;width:40px;height:30px;line-height:30px;background:#d7d7d7;padding:0 10px;font-size:.9375em;cursor:pointer}.booking-engine .promocodeDropDown .submit:hover{background:#d8741b;color:#fff}.booking-engine .promocodeDropDown .errorMsg{float:left;width:100%;color:#f00;font-size:11px;padding:5px 0 0 0}.booking-engine .offerMsgWrap{float:left;width:100%;font-size:0.8em;text-align:center;display:none;color:#ff0000;font-size:12px}.booking-engine.layout2.left .hotelName .hotelListDropDown{right:auto;left:0}.booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{right:auto;left:0px;min-height:335px;padding-top:25px}.booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .cico-identification{position:absolute;width:100%;text-align:center;color:#d8741b;font-weight:600;top:10px;display:none}.booking-engine.layout2.left .noOfGuestWrap .addGuestDropDown{left:0px;right:auto}.booking-engine.layout2{width:100%;margin:0;box-shadow:none;border:1px solid #ebebeb;padding:0px}.booking-engine.layout2 .hotelName .arrowWrap{margin:10px 0 0 -30px}.booking-engine.layout2 .bookYourStay{padding:10px 15px;font-family:"Roboto",sans-serif;font-size:.938em}.booking-engine.layout2.moveUp{transform:none}.booking-engine.layout2 .bookYourStay{display:inline}.booking-engine.layout2 .hotelName{width:100%;height:auto;border:0;padding:10px 0;position:relative}.booking-engine.layout2 .hotelName .name{text-align:center}.booking-engine.layout2 .hotelName .name abbr{font-weight:400;display:block}.booking-engine.layout2 .hotelName .name .desktopN{display:none}.booking-engine.layout2 .hotelName .name .mobileN{display:inline}.booking-engine.layout2 .hotelName .hotelListDropDown{position:absolute;width:911px;background:#fff;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);padding:10px 0;right:0px;left:auto;top:100%;z-index:2;display:none}.booking-engine.layout2 .hotelName .hotelListDropDown.singleHotelList{width:100%}.booking-engine.layout2 .hotelName .hotelListDropDown.singleHotelList .hotelList{width:100%}.booking-engine.layout2 .hotelName .hotelListDropDown.singleHotelList .hotelList{border:none}.booking-engine.layout2 .hotelName .hotelListDropDown .mobileHeader{display:none}.booking-engine.layout2 .cruiseSelectionWrap{float:left;width:100%;border-top:#f3f3f3 solid 1px;display:none}.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap{float:left;width:50%;height:70px;border-right:#f3f3f3 solid 1px;padding:15px 12%;cursor:pointer;position:relative}.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .arrowWrap{font-size:20px;position:absolute;right:-9px;top:22px}.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .dropDownLabel{float:left;width:100%;position:relative}.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .dropDownLabel .label{width:100%;font-size:10px;padding:0;color:#afafaf}.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .dropDownLabel .value{float:left;width:100%;font-size:25px;font-weight:400}.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown{position:absolute;width:100%;left:0;top:100%;background:#fff;padding:0px 20px 20px 20px;position:absolute;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);z-index:1;display:none}.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block{float:left;width:100%}.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block .optionWrap{float:left;width:100%;padding:10px 0;border-bottom:#d7d7d7 solid 1px;cursor:pointer}.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block .optionWrap:first-child{padding-top:0}.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block .optionWrap:last-child{border:0;padding-bottom:0}.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block .optionWrap.active,.booking-engine.layout2 .cruiseSelectionWrap .embarkationWrap .cruiseDropDown .block .optionWrap:hover{color:#d8741b}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap{float:left;width:50%;height:70px;padding:15px 12%;cursor:pointer;position:relative}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .arrowWrap{font-size:20px;position:absolute;right:-9px;top:22px}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .dropDownLabel{float:left;width:100%;position:relative}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .dropDownLabel .label{width:100%;font-size:10px;padding:0;color:#afafaf}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .dropDownLabel .value{float:left;width:100%;font-size:30px;font-weight:400}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .dropDownLabel .value span{font-size:13px;font-weight:300}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown{position:absolute;width:100%;left:0;top:100%;background:#fff;padding:0px 20px 20px 20px;position:absolute;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);z-index:1;display:none}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block{float:left;width:100%}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block .optionWrap{float:left;width:100%;padding:10px 0;border-bottom:#d7d7d7 solid 1px;cursor:pointer}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block .optionWrap:first-child{padding-top:0}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block .optionWrap:last-child{border:0;padding-bottom:0}.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block .optionWrap.active,.booking-engine.layout2 .cruiseSelectionWrap .noOfNightsWrap .cruiseDropDown .block .optionWrap:hover{color:#d8741b}.booking-engine.layout2 .checkInCheckOut{width:100%;height:auto;border:0;padding:0;max-width:100%;white-space:normal;position:relative}.booking-engine.layout2 .checkInCheckOut .t-mobile-heading{background:#fff;visibility:visible;padding-top:30px;z-index:9999999}.booking-engine.layout2 .checkInCheckOut .datesWrap{border:#f3f3f3 solid 1px;border-bottom:0;border-left:0;padding:10px 12%;display:inline;position:static}.booking-engine.layout2 .checkInCheckOut .datesWrap:last-child{border-left:0;border-right:0}.booking-engine.layout2 .checkInCheckOut .datesWrap.disableCheckout:before{content:"";position:absolute;right:0;top:0;z-index:2;width:50%;height:100%}.booking-engine.layout2 .checkInCheckOut .datesWrap.active{background-color:#ebebeb}.booking-engine.layout2 .checkInCheckOut .datesWrap .label{width:100%;font-size:10px;padding:0;color:#afafaf}.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap{background:none;padding:0}.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{left:auto;right:0px;top:71px;min-height:335px;padding-top:25px}.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .cico-identification{position:absolute;width:100%;text-align:center;color:#d8741b;font-weight:600;top:10px;display:none}.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates{padding:0;position:relative}.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates span{font-weight:400}.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .fa{display:none}.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out{font-size:30px;line-height:30px;font-weight:400}.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out{font-size:13px;padding:0 0 0 5px}.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out{font-size:13px}.booking-engine.layout2 .noOfRoomsWrap{width:50%;border:0;height:70px;padding:10px 12%;border:#f3f3f3 solid 1px;border-left:0}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile{display:none;padding:0 10%;cursor:auto}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value{font-size:40px;line-height:50px;font-weight:400;display:flex;align-items:center}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .counter{text-align:center}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner{display:inline-block;width:15px;height:15px;line-height:15px;text-align:center;border-radius:50%;margin:0 5px;font-size:0.8em;cursor:pointer;user-select:none;font-weight:300;font-size:12px !important;line-height:15px;margin:0;text-indent:-100px;overflow:hidden}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.minus{margin-right:3px;background:url(/images/oberoihotels/booking-engine/mobile-minus.png) right 45% no-repeat;background-size:100%}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.plus{margin-right:3px;background:url(/images/oberoihotels/booking-engine/mobile-plus.png) left 45% no-repeat;background-size:100%}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.lbl{position:absolute;left:54%;top:50%;transform:translate(0, -50%)}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount{text-align:left}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .lbl{float:left;width:40%}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value{float:left;width:50%;padding:0px;white-space:nowrap;font-size:30px;line-height:40px;font-weight:400;display:flex;align-items:center}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .counter{text-align:center;padding:0 5px}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner{display:inline-block;width:15px;height:15px;line-height:15px;text-align:center;border-radius:50%;margin:0 5px;font-size:0.8em;cursor:pointer;user-select:none;font-weight:300;font-size:12px !important;line-height:15px;margin:0;text-indent:-100px;overflow:hidden}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.minus{margin-right:3px;background:url(/images/oberoihotels/booking-engine/mobile-minus.png) right 45% no-repeat;background-size:60%}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.plus{margin-right:3px;background:url(/images/oberoihotels/booking-engine/mobile-plus.png) left 45% no-repeat;background-size:60%}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl{position:absolute;left:42%;top:52%;font-size:13px;transform:translate(0, -50%)}.booking-engine.layout2 .noOfRoomsWrap .arrowWrap{margin-top:10px}.booking-engine.layout2 .noOfRoomsWrap .addRoomDropDown{width:100%;left:0;top:100%;padding:0px 20px 20px 20px}.booking-engine.layout2 .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption{padding:10px}.booking-engine.layout2 .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption:first-child{padding-top:10px}.booking-engine.layout2 .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption:last-child{padding-bottom:10px}.booking-engine.layout2 .noOfRoomsWrap .addRoomDropDown .mobileHeader{display:block;width:100%;text-align:center;position:fixed;left:0;top:0;padding:0px;font-weight:1em;font-weight:700}.booking-engine.layout2 .noOfRoomsWrap .addRoomDropDown .mobileHeader .close{float:right;width:38px;height:38px;line-height:38px;text-align:center;background:#d8741b;color:#fff;right:0;top:0;font-size:20px;font-weight:300}.booking-engine.layout2 .noOfGuestWrap{width:50%;border:0;height:70px;padding:10px 12%;border:#f3f3f3 solid 1px;border-right:0;border-left:0}.booking-engine.layout2 .noOfGuestWrap .guestCount{text-align:left}.booking-engine.layout2 .noOfGuestWrap .guestCount span.value{font-size:30px;line-height:40px;font-weight:400}.booking-engine.layout2 .noOfGuestWrap .guestCount span.lbl{position:absolute;left:42%;top:50%;transform:translate(0, -50%);font-size:13px}.booking-engine.layout2 .noOfGuestWrap .arrowWrap{margin-top:10px}.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown{left:auto;right:0}.booking-engine.layout2 .t-arrow-top{display:none !important}.booking-engine.layout2 .viewAvailabilityButton{margin:20px 0 20px 50%;transform:translate(-50%, 0)}.booking-engine.layout2 .plusIcon{width:auto;text-align:center;margin:30px 0 0 -10%;height:auto}.booking-engine.layout2 .plusIcon .toolTipWrap{left:50%;top:auto;bottom:100%;transform:translate(-50%, -50%)}.booking-engine.layout2 .plusIcon .toolTipWrap:before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fff;left:50%;top:100%;transform:translate(-50%, 0)}.booking-engine.layout2 .plusIcon .toolTipWrap:after{border-left:13px solid transparent;border-right:13px solid transparent;border-top:13px solid rgba(0,0,0,0.05);left:50%;top:100%;transform:translate(-50%, 0)}.booking-engine.layout2 .promocodeDropDown{position:relative;width:300px;float:left;margin-left:50%;transform:translate(-50%, 0);top:auto;padding:10px;box-shadow:none;z-index:0}.booking-engine.layout2 .promocodeDropDown.activeAlways{display:block !important}.booking-engine.layout2 .promocodeDropDown .input{width:calc(100% - 50px);padding:0 10px;height:40px;line-height:40px;text-transform:uppercase}.booking-engine.layout2 .promocodeDropDown .submit{width:50px;padding:0 10px;height:40px;line-height:40px}.booking-engine.layout2 .offerMsgWrap{display:inline;float:left;width:100%;text-align:center;padding:10px 0}.boxColumn{float:right}header .header-right-unit .right-side-menu .dynamicMsgWrap.calanderBottomMessage br{display:none}.selectEmbarkationBox{width:100%;height:auto;border:0;padding:10px 0;position:relative;float:left}.selectEmbarkationBox .name{float:left;width:95%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}.selectEmbarkationBox .hotelLabel{float:left;width:100%;cursor:pointer}.selectEmbarkationBox .hotelLabel .arrowWrap{float:left;width:5%;padding:0;font-size:20px;line-height:10px;margin:10px 0 0 -35px}.selectEmbarkationBox .arrowWrap i.fa{transition:all 0.3s ease-in-out;transform-origin:center center}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.booking-engine .nightsWrap select.ddlHotelOfferNights{padding-left:36.5%}}@media only screen and (min-width: 1100px) and (max-width: 1280px){.booking-engine{width:100%;margin:0}}@media only screen and (min-width: 960px) and (max-width: 1024px){.availability-cta .booking-engine.layout2 .plusIcon{margin:30px 0 0 -4%}.booking-engine{width:100%;margin:0}.booking-engine.moveUp{transform:translate(0, 0%)}.booking-engine .hotelName{width:21%}.booking-engine .checkInCheckOut{width:39%}.booking-engine .checkInCheckOut .datesWrap{padding:0 5px 0 10px}.booking-engine .checkInCheckOut .datesWrap:last-child{padding:0 0 0 5px}.booking-engine .noOfRoomsWrap{width:11%}.booking-engine .noOfGuestWrap{width:11%}.booking-engine.layout2.left .hotelName .hotelListDropDown{left:auto;right:0}.booking-engine.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{left:auto;right:0}.booking-engine.layout2.left .noOfGuestWrap .addGuestDropDown{left:auto;right:0}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile{cursor:auto}.booking-engine .plusIcon{margin-left:10px}.booking-engine .plusIcon .toolTipWrap{left:auto;right:33px}.booking-engine .plusIcon .toolTipWrap:before{border-right:none;border-left:12px solid #fff;left:auto;right:-10px}.booking-engine .plusIcon .toolTipWrap:after{border-right:0;border-left:13px solid rgba(0,0,0,0.05);left:auto;right:-12px}.booking-engine.layout2 .checkInCheckOut .datesWrap{border:#f3f3f3 solid 1px;border-bottom:0;padding:10px 12%;display:inline;position:static}.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{right:0;left:auto}.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.lbl{left:60%}}.t-check-in .t-datepicker-day .cico-identification.CheckIn{display:block !important}.t-check-out .t-datepicker-day .cico-identification.CheckOut{display:block !important}@media only screen and (max-width: 991px){.t-check-in .t-datepicker-day .cico-identification.CheckIn{display:none !important}.t-check-out .t-datepicker-day .cico-identification.CheckOut{display:none !important}.availability-cta .booking-engine.layout2.left .noOfGuestWrap,.availability-cta .booking-engine.layout2.left .noOfRoomsWrap,.availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap,.availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap{padding:10px 8%}.availability-cta .booking-engine.layout2.left .hotelName .arrowWrap{margin:10px 0 0 -30px}.availability-cta .booking-engine.layout2.left .noOfRoomsWrap .arrowWrap,.availability-cta .booking-engine.layout2.left .noOfGuestWrap .arrowWrap{top:12px}.availability-cta .booking-engine.layout2.left .hotelName .arrowWrap{margin:10px 0 0 -30px}.banner-component-style1 .booking-engine{top:-30px;display:none}.booking-engine,.booking-engine.layout2,.booking-engine.reverse{width:100%;margin:0 0 5% 0;display:none;position:static}.booking-engine.moveUp,.booking-engine.layout2.moveUp,.booking-engine.reverse.moveUp{transform:none}.booking-engine .bookYourStay,.booking-engine.layout2 .bookYourStay,.booking-engine.reverse .bookYourStay{display:inline}.booking-engine .hotelName,.booking-engine.layout2 .hotelName,.booking-engine.reverse .hotelName{width:100%;height:auto;border:0;padding:10px 0;position:static}.booking-engine .hotelName .hotelLabel .name,.booking-engine.layout2 .hotelName .hotelLabel .name,.booking-engine.reverse .hotelName .hotelLabel .name{text-align:center}.booking-engine .hotelName .hotelLabel .name .desktopN,.booking-engine.layout2 .hotelName .hotelLabel .name .desktopN,.booking-engine.reverse .hotelName .hotelLabel .name .desktopN{display:none}.booking-engine .hotelName .hotelLabel .name .mobileN,.booking-engine.layout2 .hotelName .hotelLabel .name .mobileN,.booking-engine.reverse .hotelName .hotelLabel .name .mobileN{display:inline}.booking-engine .hotelName .hotelListDropDown,.booking-engine.layout2 .hotelName .hotelListDropDown,.booking-engine.reverse .hotelName .hotelListDropDown{position:fixed;width:100%;height:100%;left:0;top:0;padding:50px 0 50px 0;overflow:auto;z-index:999999}.booking-engine .hotelName .hotelListDropDown .mobileHeader,.booking-engine.layout2 .hotelName .hotelListDropDown .mobileHeader,.booking-engine.reverse .hotelName .hotelListDropDown .mobileHeader{display:block;width:100%;text-align:center;position:fixed;left:0;top:0;padding:0px;font-weight:1em;font-weight:700;background:#fff;z-index:2;box-shadow:0px 2px 25px 0px rgba(0,0,0,0.05)}.booking-engine .hotelName .hotelListDropDown .mobileHeader .close,.booking-engine.layout2 .hotelName .hotelListDropDown .mobileHeader .close,.booking-engine.reverse .hotelName .hotelListDropDown .mobileHeader .close{float:left;width:auto;line-height:50px;text-align:center;color:#000;right:0;top:0;font-size:20px;padding:0 5%}.booking-engine .hotelName .hotelListDropDown .mobileHeader .close svg,.booking-engine.layout2 .hotelName .hotelListDropDown .mobileHeader .close svg,.booking-engine.reverse .hotelName .hotelListDropDown .mobileHeader .close svg{width:15px;fill:#000}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList,.booking-engine.layout2 .hotelName .hotelListDropDown .allHotels .hotelList,.booking-engine.reverse .hotelName .hotelListDropDown .allHotels .hotelList{width:100% !important;border:0;padding:12px 20px 0 20px}.booking-engine .hotelName .hotelListDropDown .allHotels .hotelList.hotelListCol3,.booking-engine.layout2 .hotelName .hotelListDropDown .allHotels .hotelList.hotelListCol3,.booking-engine.reverse .hotelName .hotelListDropDown .allHotels .hotelList.hotelListCol3{padding-top:0px}.booking-engine .checkInCheckOut,.booking-engine.layout2 .checkInCheckOut,.booking-engine.reverse .checkInCheckOut{width:100%;height:auto;border:0;padding:0;max-width:100%;white-space:normal}.booking-engine .checkInCheckOut .t-mobile-heading,.booking-engine.layout2 .checkInCheckOut .t-mobile-heading,.booking-engine.reverse .checkInCheckOut .t-mobile-heading{background:#fff;visibility:visible;z-index:9999999;padding-top:30px}.booking-engine .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile,.booking-engine.layout2 .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile,.booking-engine.reverse .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile{text-align:center;padding:9px 15px 2px 35px;white-space:initial;position:absolute;top:30px;font-weight:normal}.booking-engine .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile span,.booking-engine.layout2 .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile span,.booking-engine.reverse .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile span{color:#d8741b}.booking-engine .checkInCheckOut .datesWrap,.booking-engine.layout2 .checkInCheckOut .datesWrap,.booking-engine.reverse .checkInCheckOut .datesWrap{border:#f3f3f3 solid 1px;border-bottom:0;padding:10px 5% 10px 10%;display:inline;position:relative}.booking-engine .checkInCheckOut .datesWrap.disableCheckout:before,.booking-engine.layout2 .checkInCheckOut .datesWrap.disableCheckout:before,.booking-engine.reverse .checkInCheckOut .datesWrap.disableCheckout:before{content:"";position:absolute;right:0;top:0;z-index:2;width:100%;height:100%}.booking-engine .checkInCheckOut .datesWrap:last-child,.booking-engine.layout2 .checkInCheckOut .datesWrap:last-child,.booking-engine.reverse .checkInCheckOut .datesWrap:last-child{border-left:0}.booking-engine .checkInCheckOut .datesWrap .label,.booking-engine.layout2 .checkInCheckOut .datesWrap .label,.booking-engine.reverse .checkInCheckOut .datesWrap .label{width:100%;font-size:10px;padding:0;color:#afafaf}.booking-engine .checkInCheckOut .datesWrap .dateWrap,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap,.booking-engine.reverse .checkInCheckOut .datesWrap .dateWrap{background:none;padding:0}.booking-engine .checkInCheckOut .datesWrap .dateWrap.t-check-in,.booking-engine .checkInCheckOut .datesWrap .dateWrap.t-check-out,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap.t-check-in,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap.t-check-out,.booking-engine.reverse .checkInCheckOut .datesWrap .dateWrap.t-check-in,.booking-engine.reverse .checkInCheckOut .datesWrap .dateWrap.t-check-out{position:relative}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates,.booking-engine.reverse .checkInCheckOut .datesWrap .dateWrap .t-dates{padding:0}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .fa,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .fa,.booking-engine.reverse .checkInCheckOut .datesWrap .dateWrap .t-dates .fa{display:none}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out,.booking-engine.reverse .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.booking-engine.reverse .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out{font-size:30px;font-size:30px;line-height:30px;font-weight:400}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out,.booking-engine.reverse .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.booking-engine.reverse .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out{font-size:13px;padding:0 0 0 10px}.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.booking-engine .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.booking-engine.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out,.booking-engine.reverse .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.booking-engine.reverse .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out{font-size:13px}.booking-engine .checkInCheckOut .t-datepicker-day,.booking-engine.layout2 .checkInCheckOut .t-datepicker-day,.booking-engine.reverse .checkInCheckOut .t-datepicker-day{top:100px;z-index:99999}.booking-engine .checkInCheckOut .t-datepicker-day .calender-dynamic-text,.booking-engine.layout2 .checkInCheckOut .t-datepicker-day .calender-dynamic-text,.booking-engine.reverse .checkInCheckOut .t-datepicker-day .calender-dynamic-text{text-align:center;padding:9px 15px 2px 15px}.booking-engine .checkInCheckOut .t-datepicker-day .calender-dynamic-text span,.booking-engine.layout2 .checkInCheckOut .t-datepicker-day .calender-dynamic-text span,.booking-engine.reverse .checkInCheckOut .t-datepicker-day .calender-dynamic-text span{color:#d8741b}.booking-engine .checkInCheckOut .t-datepicker-day .t-table-wrap,.booking-engine.layout2 .checkInCheckOut .t-datepicker-day .t-table-wrap,.booking-engine.reverse .checkInCheckOut .t-datepicker-day .t-table-wrap{padding:0 5%}.booking-engine .checkInCheckOut .t-datepicker-day .t-table-wrap:first-child .t-table-condensed,.booking-engine.layout2 .checkInCheckOut .t-datepicker-day .t-table-wrap:first-child .t-table-condensed,.booking-engine.reverse .checkInCheckOut .t-datepicker-day .t-table-wrap:first-child .t-table-condensed{margin-top:80px}.booking-engine .noOfRoomsWrap,.booking-engine.layout2 .noOfRoomsWrap,.booking-engine.reverse .noOfRoomsWrap{width:50%;border:0;height:70px;padding:10px 10%;border:#f3f3f3 solid 1px}.booking-engine .noOfRoomsWrap .addRoomLabel,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel{cursor:auto}.booking-engine .noOfRoomsWrap .addRoomLabel .mobile,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .mobile{display:block;padding:0 5%;position:relative}.booking-engine .noOfRoomsWrap .addRoomLabel .mobile span.value,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .mobile span.value{font-size:30px;line-height:50px;font-weight:400;display:flex;align-items:center}.booking-engine .noOfRoomsWrap .addRoomLabel .mobile span.value .counter,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .counter,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .mobile span.value .counter{text-align:center}.booking-engine .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner{font-weight:normal;font-size:13px;line-height:14px;width:25px;height:25px;border-radius:50%;display:inline-block;text-align:center;text-indent:-100px;overflow:hidden}.booking-engine .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.minus,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.minus,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.minus{margin-right:3px;background:url(/images/oberoihotels/booking-engine/mobile-minus.png) right 45% no-repeat;background-size:60%}.booking-engine .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.plus,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.plus,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.plus{margin-right:3px;background:url(/images/oberoihotels/booking-engine/mobile-plus.png) left 45% no-repeat;background-size:60%}.booking-engine .noOfRoomsWrap .addRoomLabel .mobile span.lbl,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.lbl,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .mobile span.lbl{position:absolute;left:67%;top:17px;transform:translate(0, 0)}.booking-engine .noOfRoomsWrap .addRoomLabel .roomsCount,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .roomsCount{text-align:left}.booking-engine .noOfRoomsWrap .addRoomLabel .roomsCount .lbl,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .lbl,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .roomsCount .lbl{float:left;width:40%}.booking-engine .noOfRoomsWrap .addRoomLabel .roomsCount .value,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .roomsCount .value{float:left;width:60%;padding:0px;white-space:nowrap;font-size:30px;line-height:50px;font-weight:400;display:flex;align-items:center}.booking-engine .noOfRoomsWrap .addRoomLabel .roomsCount .value .counter,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .counter,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .roomsCount .value .counter{text-align:center;padding:0 5px}.booking-engine .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner{display:inline-block;width:15px;height:15px;line-height:15px;text-align:center;border:#000 solid 1px;border-radius:50%;margin:0 5px;font-size:0.8em;cursor:pointer;user-select:none;font-weight:300;font-size:12px !important;line-height:15px;margin:0}.booking-engine .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.plus,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.plus,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.plus{margin-left:-3px}.booking-engine .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl,.booking-engine.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl,.booking-engine.reverse .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl{position:absolute;left:48%;top:60%;transform:translate(0, -50%);font-size:13px}.booking-engine .noOfRoomsWrap .addRoomDropDown,.booking-engine.layout2 .noOfRoomsWrap .addRoomDropDown,.booking-engine.reverse .noOfRoomsWrap .addRoomDropDown{width:100%;left:0;top:100%;padding:0 20px}.booking-engine .noOfRoomsWrap .addRoomDropDown .mobileHeader,.booking-engine.layout2 .noOfRoomsWrap .addRoomDropDown .mobileHeader,.booking-engine.reverse .noOfRoomsWrap .addRoomDropDown .mobileHeader{display:block;width:100%;text-align:center;position:fixed;left:0;top:0;padding:0px;font-weight:1em;font-weight:700}.booking-engine .noOfRoomsWrap .addRoomDropDown .mobileHeader .close,.booking-engine.layout2 .noOfRoomsWrap .addRoomDropDown .mobileHeader .close,.booking-engine.reverse .noOfRoomsWrap .addRoomDropDown .mobileHeader .close{float:right;width:38px;height:38px;line-height:38px;text-align:center;background:#d8741b;color:#fff;right:0;top:0;font-size:20px;font-weight:300}.booking-engine .noOfGuestWrap,.booking-engine.layout2 .noOfGuestWrap,.booking-engine.reverse .noOfGuestWrap{width:50%;border:0;height:70px;padding:10px 10%;border:#f3f3f3 solid 1px}.booking-engine .noOfGuestWrap .guestCount,.booking-engine.layout2 .noOfGuestWrap .guestCount,.booking-engine.reverse .noOfGuestWrap .guestCount{text-align:left}.booking-engine .noOfGuestWrap .guestCount span.value,.booking-engine.layout2 .noOfGuestWrap .guestCount span.value,.booking-engine.reverse .noOfGuestWrap .guestCount span.value{font-size:30px;line-height:50px;font-weight:400}.booking-engine .noOfGuestWrap .guestCount span.lbl,.booking-engine.layout2 .noOfGuestWrap .guestCount span.lbl,.booking-engine.reverse .noOfGuestWrap .guestCount span.lbl{position:absolute;left:48%;top:60%;transform:translate(0, -50%);font-size:13px}.booking-engine .noOfGuestWrap .addGuestDropDown,.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown,.booking-engine.reverse .noOfGuestWrap .addGuestDropDown{width:100%;height:100%;left:0;top:0;padding:70px 20px 100px 20px;position:fixed;overflow:auto;z-index:999999}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList,.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList,.booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList{overflow:auto}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul,.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul,.booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul{float:left;width:540px}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li,.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li,.booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li{width:40px;height:40px;line-height:40px;border:#d8741b solid 1px;margin-right:5px}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover,.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover,.booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover{background:transparent;color:#000}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:last-child,.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:last-child,.booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:last-child{border-right:#d8741b solid 1px}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active,.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active,.booking-engine.reverse .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active{background:#d8741b;color:#fff}.booking-engine .noOfGuestWrap .addGuestDropDown .mobileHeader,.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .mobileHeader,.booking-engine.reverse .noOfGuestWrap .addGuestDropDown .mobileHeader{display:block;width:100%;text-align:center;position:fixed;left:0;top:0;padding:0px;z-index:2;padding:5%;box-shadow:0px 2px 25px 0px rgba(0,0,0,0.05);background:#fff}.booking-engine .noOfGuestWrap .addGuestDropDown .mobileHeader .close,.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .mobileHeader .close,.booking-engine.reverse .noOfGuestWrap .addGuestDropDown .mobileHeader .close{float:left;width:auto}.booking-engine .noOfGuestWrap .addGuestDropDown .mobileHeader .close svg,.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .mobileHeader .close svg,.booking-engine.reverse .noOfGuestWrap .addGuestDropDown .mobileHeader .close svg{width:15px;fill:#000}.booking-engine .t-datepicker-day,.booking-engine.layout2 .t-datepicker-day,.booking-engine.reverse .t-datepicker-day{position:fixed;left:0 !important;top:0;width:100%;height:calc(100% - 100px);-webkit-overflow-scrolling:touch;overflow:auto;padding:0 0 100px 0}.booking-engine .t-arrow-top,.booking-engine.layout2 .t-arrow-top,.booking-engine.reverse .t-arrow-top{display:none !important}.booking-engine .viewAvailabilityButton,.booking-engine.layout2 .viewAvailabilityButton,.booking-engine.reverse .viewAvailabilityButton{margin:20px 0 20px 50%;transform:translate(-50%, 0);padding:10px}.booking-engine .plusIcon,.booking-engine.layout2 .plusIcon,.booking-engine.reverse .plusIcon{width:100%;text-align:center;margin:0;height:auto}.booking-engine .plusIcon .imgIconWrap,.booking-engine.layout2 .plusIcon .imgIconWrap,.booking-engine.reverse .plusIcon .imgIconWrap{display:none}.booking-engine .plusIcon .toolTipWrap,.booking-engine.layout2 .plusIcon .toolTipWrap,.booking-engine.reverse .plusIcon .toolTipWrap{display:inline;position:relative;left:auto;top:auto;transform:none;box-shadow:none;font-size:1em;font-size:700}.booking-engine .plusIcon .toolTipWrap::before,.booking-engine .plusIcon .toolTipWrap::after,.booking-engine.layout2 .plusIcon .toolTipWrap::before,.booking-engine.layout2 .plusIcon .toolTipWrap::after,.booking-engine.reverse .plusIcon .toolTipWrap::before,.booking-engine.reverse .plusIcon .toolTipWrap::after{display:none}.booking-engine .promocodeDropDown,.booking-engine.layout2 .promocodeDropDown,.booking-engine.reverse .promocodeDropDown{position:relative;width:100%;float:left;top:auto;padding:10px;box-shadow:none;z-index:0}.booking-engine .promocodeDropDown .input,.booking-engine.layout2 .promocodeDropDown .input,.booking-engine.reverse .promocodeDropDown .input{width:calc(100% - 50px);padding:5px 10px;height:42px;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;border-radius:0}.booking-engine .promocodeDropDown .submit,.booking-engine.layout2 .promocodeDropDown .submit,.booking-engine.reverse .promocodeDropDown .submit{width:50px;height:42px;padding:5px 10px}.booking-engine .offerMsgWrap,.booking-engine.layout2 .offerMsgWrap,.booking-engine.reverse .offerMsgWrap{display:inline}.boxColumn{width:100%;margin:0}.booking-engine.layout2 .offerMsgWrap{white-space:initial}}@media only screen and (min-width: 768px) and (max-width: 959px){.availability-cta .booking-engine.layout2 .hotelName .allHotels{height:90vh !important}.availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap{padding:10px 10%}.availability-cta .booking-engine.layout2.left .noOfRoomsWrap,.availability-cta .booking-engine.layout2.left .noOfGuestWrap{padding:10px 5%}.availability-cta .booking-engine.layout2.left .noOfRoomsWrap .arrowWrap,.availability-cta .booking-engine.layout2.left .noOfGuestWrap .arrowWrap{top:12px}.availability-cta .booking-engine.layout2 .noOfGuestWrap .addGuestLabel .guestCount{width:95%}.booking-engine.layout2 .checkInCheckOut .t-datepicker-day .t-table-wrap:nth-child(2) .t-table-condensed{margin-top:80px}.booking-engine .bookYourStay,.booking-engine.layout2 .bookYourStay{font-size:0.9375em}.booking-engine .hotelName .hotelListDropDown .mobileHeader .close,.booking-engine.layout2 .hotelName .hotelListDropDown .mobileHeader .close{padding:0 20px}.booking-engine .checkInCheckOut,.booking-engine.layout2 .checkInCheckOut{width:50%}.booking-engine .checkInCheckOut .t-mobile-heading,.booking-engine.layout2 .checkInCheckOut .t-mobile-heading{padding:0 0 20px 0}.booking-engine .checkInCheckOut .t-mobile-heading .backWrap,.booking-engine.layout2 .checkInCheckOut .t-mobile-heading .backWrap{padding:20px}.booking-engine .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut,.booking-engine.layout2 .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut{padding:0 20px}.booking-engine .checkInCheckOut .t-datepicker-day,.booking-engine.layout2 .checkInCheckOut .t-datepicker-day{top:112px}.booking-engine .checkInCheckOut .t-datepicker-day .t-table-wrap,.booking-engine.layout2 .checkInCheckOut .t-datepicker-day .t-table-wrap{padding:0 20px;margin:0;width:50%}.booking-engine .checkInCheckOut .datesWrap,.booking-engine.layout2 .checkInCheckOut .datesWrap{border:#f3f3f3 solid 1px;height:70px;padding:0px 10% 10px 10%}.booking-engine .checkInCheckOut .datesWrap:last-child,.booking-engine.layout2 .checkInCheckOut .datesWrap:last-child{border-right:0}.booking-engine .noOfRoomsWrap,.booking-engine.layout2 .noOfRoomsWrap{width:25%;border-right:0;padding:10px 5%}.booking-engine .noOfGuestWrap,.booking-engine.layout2 .noOfGuestWrap{width:25%;padding:10px 0}.booking-engine .noOfGuestWrap .addGuestLabel .guestCount,.booking-engine.layout2 .noOfGuestWrap .addGuestLabel .guestCount{width:100%;text-align:center}.booking-engine .noOfGuestWrap .addGuestLabel .guestCount span.value,.booking-engine.layout2 .noOfGuestWrap .addGuestLabel .guestCount span.value{position:relative;left:-20%}.booking-engine .noOfGuestWrap .addGuestLabel,.booking-engine.layout2 .noOfGuestWrap .addGuestLabel{text-align:center}.booking-engine .noOfGuestWrap .addGuestDropDown .mobileHeader,.booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .mobileHeader{padding:20px}.booking-engine .promocodeDropDown,.booking-engine.layout2 .promocodeDropDown{width:300px;transform:translate(-50%, 0);margin-left:50%}.booking-engine .plusIcon .toolTipWrap,.booking-engine.layout2 .plusIcon .toolTipWrap{font-size:0.9375em;font-weight:700}}@media only screen and (min-device-width: 375px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 3){.right-side-menu .availability-cta .booking-engine{padding-top:55px}.booking-engine .checkInCheckOut .t-mobile-heading .backWrap{padding-top:8%}.booking-engine.layout2 .offerMsgWrap{white-space:initial}.booking-engine .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile,.booking-engine.layout2 .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile,.booking-engine.reverse .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile{top:50px;line-height:16px}}@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2){.right-side-menu .availability-cta .booking-engine{padding-top:55px}.booking-engine .checkInCheckOut .t-mobile-heading .backWrap{padding-top:8%}.booking-engine .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile,.booking-engine.layout2 .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile,.booking-engine.reverse .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile{top:50px;line-height:16px}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.booking-engine .checkInCheckOut .datesWrap .label{width:auto}} /*# sourceMappingURL=booking-engine.css.map */ .belvedere-locations-title.experiences-page, .e-magazine.belvedere-locations-wrapper{display: none;} .global-wellness-day-wrapper .image-text-component-style1:nth-child(even){ flex-direction: row-reverse; } li.twitter-logo-bx img { max-width: 15px; } .descriptionSec .descriptionImageSlide .destn-hotel-name{ bottom: 8px !important; } #chat-btn{ z-index: 999 !important; } .omo-map-text-Wrap > p { margin-bottom: 20px; } .captcha-field-container { width: 84%; float: left; margin-top: 10px; } .captcha-common-field { width: auto; float: left; margin-right: 20px; max-width: 120px; } .captcha-common-field img { width: 100%; max-width: 88px; } .captcha-common-field { width: auto; float: left; text-align: center; margin-right: 20px; max-width: 120px; } .captcha-common-field input[type="text"] { padding: 5px; height: 30px; text-align: center; font-size: 15px; width: 100%; } .reload-captcha-code { width: auto; float: left; margin-right: 20px; margin-top: 6px; cursor: pointer; } .reload-captcha-code img { max-width: 22px; } .three-image-gallery.nnnnnnnnnnnnnnnnnkkkkkkkkkk { margin-bottom: 30px !important; } .wfh-common-page { margin-bottom: 30px; } /*.three-image-gallery.paticipating-htls-slider .slick-prev:hover{ left: 40px; }*/ /*.three-image-gallery.paticipating-htls-slider .slick-next:hover{ right: 40px; }*/ .addGuestDropDown .individualRoomSection:first-child .editBlock .edit{ border: none !important; } .addGuestDropDown .individualRoomSection:first-child .editBlock .closeIcn{ display: none; } .contact-us-page .col-50 .query-form { float: left; width: auto; } .e-magazine-slider .slick-prev, .e-magazine-slider .slick-next{ top: 35%; } .three-image-gallery .slick-prev, .three-image-gallery .slick-next{ width: 45px; height: 45px; top: 35%; } .three-image-gallery .slick-prev{ left: 0px; } .three-image-gallery .slick-next{ right: 0px; } .booking-engine .noOfGuestWrap .addGuestDropDown, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown{ top: 25px; } .booking-engine .noOfGuestWrap .addGuestDropDown .mobileHeader, .booking-engine.layout2 .noOfGuestWrap .addGuestDropDown .mobileHeader, .booking-engine.reverse .noOfGuestWrap .addGuestDropDown .mobileHeader{ top: 25px; } .our-hotel-and-office .hotels-and-offices-dtls-wrap>ul>li{ margin-bottom: 20px; min-height: 315px; } .our-hotel-and-office .contact-us-form, .our-hotel-and-office .map-destination{ padding: 10px 15px 10px !important; } .e-magazine .e-magazine-slide .img-box img{ opacity: 1 !important; } .tab-with-content .tab-sec-wrap .bind.sticky{ position: static; } .tab-with-content .tab-sec-wrap{ z-index: 7 !important; } /* global wellness page starts */ .global-wellness-day-wrapper{ width: 100%; float: left; margin-top: 50px; margin-bottom: 20px; } .global-wellness-day-wrapper .image-text-component-style1{ display: block; align-items: center; } .global-wellness-day-wrapper .image-text-component-style1 { display: flex; align-items: center; margin-bottom: 0; } .global-wellness-day-wrapper .image-text-component-style1.travel-tamplate-ext-title { position: relative; padding: 60px 0 0 0; } .global-wellness-day-wrapper .image-text-component-style1.travel-tamplate-ext-title h2.common-section-title { position: absolute; top: 0px; left: 10px; } .global-wellness-day-wrapper .image-text-component-style1 .img-colm{ float: left; width: 50%; } .global-wellness-day-wrapper .image-and-description-with-legend-attributes-option-2 .img-col, .global-wellness-day-wrapper .image-text-component-style1 .img-colm{ margin-right: 0 !important; } .global-wellness-day-wrapper .image-text-component-style1.right-bx .img-colm{ float: right; } .global-wellness-day-wrapper .image-text-component-style1 .text-colm{width: 50%; padding:20px} .global-wellness-day-wrapper .image-text-component-style1{ margin-bottom: 0; } /* global wellness page ends */ .fx-hight-int-hotels{ max-height: 365px; overflow-y: auto; } .three-image-gallery .slick-next:before, .three-image-gallery .slick-prev:before{content: '';} .select2-dropdown{ z-index: 99999 !important; } .alliance-partners-section-component .banner-section .banner-layer { background: url(/images/oberoihotels/overview/ban-t-bg.png?v=8) bottom center repeat-x; min-height: 100px; position: absolute; bottom: 0; background-size: 100%; left: 0; width: 100%; z-index: 1; top: 0; opacity: .4; } .omo-banner-slider .slick-prev{ width: 45px; height: 45px; left: 10px; z-index: 9; background: url(/images/oberoihotels/slider-arrow.jpg) no-repeat left center; } .omo-banner-slider .slick-next{ width: 45px; height: 45px; right: 10px; z-index: 9; background: url(/images/oberoihotels/slider-arrow.jpg) no-repeat right center; } .omo-banner-slider .slick-next:before, .omo-banner-slider .slick-prev:before{ content: ''; } .slick-prev:before, .slick-next:before{ content: '' !important; } .black-overlay-marrakeech-pop-up, .marrakeech-pop-up-wrapper{ display: none !important; } .search-box .srch-input .close-search{ display: none; } .queries-btn a{display: none;} header .header-logo-unit.sm-logo img{ max-width: 130% !important; } .banner-and-booking-widget .banner .banner1 .banner-image, .banner-and-booking-widget .banner .banner1 .banner-video, .section.dining-home{ margin-top: 0px; } header.global-header-pages { top: 0 !important; } .banner-component-style1{ margin-top: 0px; } .ohr-select-limited-period-offer-box h2 { font-size: 22px; font-family: "EB Garamond", serif; font-weight: normal; } .hotel-borchure-link { width: 100%; float: left; text-align: right; margin-top: 20px; } .covid-update-info-wrapper .covid-update-info { max-height: 250px; overflow-y: auto; } .gobal-link-style{color: #6ab8d9; text-decoration: none;} .marketing-asset-offer-tab, .marketing-asset-text {display: none !important;} p.offerheadlinetext strong { font-weight: 700; } .filter-component .filter-results-list>li { min-height: 410px; } .policy-box ul{list-style: none;} .policy-box ul li {margin-bottom: 5px;} .amenities .amenities-content{max-height: 245px;} .travel-info .travel-more-info-dtls .more-info-content-dtls ol { margin: 10px 0 0 20px; } .travel-info .travel-more-info-dtls .more-info-content-dtls ol li { margin-bottom: 5px; } /*thank you page css starts*/ span#msg { width: 100%; float: left; margin-bottom: 10px; } .HBAGROB202208.soldOutDate::after { content: "N/A"; } .global-thank-you-message { width: 100%; float: left; text-align: center; font-size: 15px; line-height: 170%; position: relative; } .global-thank-you-message .thanks-message-bg img{width: 100%} .desktop-image{display: block;} .mobile-image{display: none !important; } .global-thank-you-message .thanks-message-bg { width: 100%; margin: 0 auto; position: relative; } .global-thank-you-message .message-box { padding: 20px; width: 50%; float: left; position: absolute; z-index: 9; color: #000; font-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,255,255, .8); } /*thank you page css ends*/ .award-details .award-col{min-height: 270px !important; padding-top: 25px;padding-bottom:10px;} .awards .awards-container .award-subtitle{display: block; min-height: auto} .award-discription.hotelname p { font-family: "EB Garamond",serif; font-weight: 500; margin-top: 10px; } /* ob-select-marketing-asset css starts */ .oberoi-select-marketing-asset-box { width: 100%; float: left; margin-top: 20px; font-size: 15px; border: 1px solid #ccc; } .oberoi-select-marketing-asset-box .oberoi-select-marketing-asset-offer-name { background: #000; color: #d7be6d; text-transform: uppercase; width: 100%; font-size: 17px; text-align: center; padding: 10px 0; font-weight: 300; } .oberoi-select-marketing-asset-box .oberoi-select-marketing-asset-offer-details { width: 100%; float: left; padding: 5px; font-size: 15px; font-weight: 300; text-align: center; line-height: 140%; } .ohr-select-marketing-asset-box{ border: 1px solid #ccc; float: left; padding: 10px; margin-top: 20px; } .ohr-select-marketing-asset-box p{margin-top: 0 !important;} /* ob-select-marketing-asset css ends */ /* oneroi one marketing assets starts */ .marketing-offers-wrapper .assets-content-box p span.offerInfo { margin-bottom: 5px; position: relative; font-size: 16px !important; } .marketing-offers-wrapper .assets-content-box p span, .assets-content-box p{ font-size: 12px !important; } .image-and-description-with-legend-attributes-option-3 .img-col a { text-decoration: none; } span.not-a-member-text, span.enroll-now-link { font-size: 14px; color: #000; text-decoration: none; } span.enroll-now-link { color: #66b6d8; text-decoration: none; } .marketing-offers-wrapper .assets-content-box p span.offerInfo:after { content: ""; width: 50%; height: 1px; background: #d8be5f; position: absolute; bottom: -3px; display: block !important; vertical-align: middle; text-align: center; left: 50%; transform: translateX(-50%); } .assets-content-box p{font-size:12px;} .marketing-offers-wrapper .assets-content-box p span { font-size: 13px; } /* oneroi one marketing assets ends */ /* oberoi select new assets starts */ .oberoi-select-marketing-select-wrapper { float: left; width: 100%; margin: 30px 0 50px 0; } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box { width: 100%; float: left; display: flex; align-items: center; padding: 40px; background: url("/images/oberoiHotels/ob-select-bg.jpg") center top no-repeat; background-size: 100%; min-height: 180px; } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box .obr-select-logo { width: 25%; float: left; } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box .oberoi-select-marketing-content-box { width: 60%; float: left; text-align: center; } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box .know-more-button { width: 15%; float: left; } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box .know-more-button a { width: 100%; float: left; text-align: center; color: #000; background: #d8be5e; text-decoration: none; padding: 10px 0; font-family: "EB Garamond", serif; font-size: 20px; text-transform: uppercase; } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box .obr-select-logo img { max-width: 100%; } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box .oberoi-select-marketing-content-box h2{ font-family: "EB Garamond", serif; font-style: italic; font-size: 24px; font-weight: 300; color: #c7af58; padding-bottom: 20px; position: relative; } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box .oberoi-select-marketing-content-box h2:after { position: absolute; width: 50%; height: 2px; content: ""; left: 50%; bottom: 6px; background: url("/images/OberoiHotels/title-after-bg.jpg") center top no-repeat; background-size: 100%; transform: translate(-50%, 0); } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box .oberoi-select-marketing-content-box h3{ font-family: "EB Garamond", serif; font-size: 22px; font-weight: 300; color: #c7af58; padding-bottom: 20px; position: relative; } /* oberoi select new assets ends */ /*.grey-box-main-wrap{width: 57% !important; float: left;}*/ .feedback-box, .feedback-form-wrapper-main.slide-pop-up{display: none !important;} .gst-required-number{width: 100%; font-size:10px; color: #999; float: left; margin-top: 5px;} .image-and-description-with-legend-attributes-option-3 .description-col.div-down-arrow{padding-bottom: 20px;} /* wellness pop up css starts */ .templateSpaandWellnessListingPage.hotel-pages .spa-wellnes-marketing-asset-wrapper { top: 375px; } .bodyWrapMobile .offers .cta-box a.style1, .bodyWrapMobile .destination .cta-box a.style1, .bodyWrapMobile .experiences .cta-box a.style3, .bodyWrapMobile .cta-box a.style1, .bodyWrapMobile .cta-box a.style3, .bodyWrapMobile .cta-box a.style4, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1, .bodyWrapMobile .btns-list a.btn-style1{padding:12px 24px 12px 20px !important; } body.bodyWrapMobile.body-en.templateSpaandWellnessListingPage.hotel-pages .banner-component-style1 { margin-bottom: 100px; } .explore-button-new { width: auto; float: left; margin-right: 20px; margin-top: 20px; } .explore-button-new a { font-size: 15px !important; } .spa-button { width: auto; float: left; margin-top: 20px; } .spa-wellnes-marketing-asset-wrapper { position: absolute; width: 80%; left: 10%; top: 475px; z-index: 9; display: flex; align-items: center; background: #fff; box-shadow: 0px 5px 25px 0px rgb(0 0 0 / 15%); padding: 5px; } .spa-wellnes-marketing-asset-wrapper .spa-wellnes-small-banner-image { width: 25%; float: left; } .spa-wellnes-marketing-asset-wrapper .spa-wellness-offer-image h2 { font-family: "EB Garamond",serif; font-weight: 300; font-size: 24px; border-bottom: 1px solid #000; padding-bottom: 5px; width: 35%; margin: 0 auto; margin-bottom: 10px; } .spa-wellnes-marketing-asset-wrapper .spa-wellness-offer-image h2 span{font-style: italic;} .spa-wellnes-marketing-asset-wrapper .spa-wellness-offer-image p { font-size: 14px; } .spa-wellnes-marketing-asset-wrapper .spa-wellness-offer-image { width: 55%; float: left; padding: 10px; line-height: 155%; text-align: center; font-size: 16px; } .spa-wellnes-marketing-asset-wrapper .pop-up-cta { width: 22%; float: right; } .spa-wellnes-marketing-asset-wrapper .pop-up-cta .spa-button span.wellnes-book-now-button { background: #d8741b; color: #fff; padding: 8px 10px 6px 10px; margin-right: 20px; } .spa-wellnes-marketing-asset-wrapper .pop-up-cta .spa-button span.wellnes-book-now-button::before { right: 5px; border-color: #fff; border-width: 2px; display: none; } .spa-wellnes-marketing-asset-wrapper .pop-up-cta .spa-button{margin-top: 0; float: right;} .spa-wellnes-marketing-asset-wrapper .spa-wellnes-small-banner-image img { max-width: 100%; } .row100Per.second-guest-details{display: none;} .wellness-form-field-box .t-check-in .t-datepicker-day .cico-identification.CheckIn, .wellness-form-field-box .t-check-out .t-datepicker-day .cico-identification.CheckIn, .wellness-form-field-box .cico-identification.CheckOut { display: none !important; } .wellness-form-field-box .t-datepicker-day { top: -135px !important; } .wellness-pop-up-main-wrapper .wellness-form-wrapper .wellnes-form-main-box { width: 100%; float: left; } .wellness-pop-up-main-wrapper .wellness-form-wrapper .wellness-form-thanks-message { width: 100%; float: left; color: green; text-align: center; font-size: 15px; font-family: "Roboto", sans-serif; padding: 50px; display: none; } span.wellnes-book-now-button { float: right; padding-right: 50px; color: #d8741b; font-size: 15px; text-transform: uppercase; font-family: "Roboto", sans-serif; font-weight: 400; cursor: pointer; position: relative; } span.wellnes-book-now-button:before { position: absolute; content: ""; height: 7px; width: 7px; border-top: 1px solid #d8741b; border-right: 1px solid #d8741b; right: 30px; transform: translate(-50%, -50%) rotate(45deg); top: 50%; } .black-overlay-wellness-pop-up { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); left: 0; top: 0; z-index: 999; display: none; } .wellness-pop-up-main-wrapper { position: fixed; left: 50%; top: 52%; background: #fff; transform: translate(-50%, -50%); z-index: 9999; width: 55%; display: none; } .wellness-pop-up-main-wrapper:before { position: absolute; width: 96%; height: 95%; left: 2%; top: 2%; content: ""; border: 1px solid #000; z-index: 0; } .wellness-pop-up-Bg .close-btn-wellness-pop-up { position: absolute; z-index: 9; right: 14px; top: 12px; border-left: 1px solid #000; border-bottom: 1px solid #000; padding: 2px 6px; cursor: pointer; } .wellness-pop-up-Bg .close-btn-wellness-pop-up a { color: #000; text-decoration: none; } .wellness-pop-up-Bg { width: 100%; float: left; background-size: 100% !important; padding: 75px 0 !important; } .wellness-pop-up-Bg.udaipur-wellness-bg { background: url("/images/spa-background-image.jpg") center top no-repeat; background-position: 0 75%; } .wellness-pop-up-banner-wrapper { width: 26%; position: absolute; left: 50%; top: 85px; transform: translate(-50%, 0); padding: 5px; background: #fff; box-shadow: 1px 1px 11px #ccc; line-height: 0; display: none; } .wellness-pop-up-banner-wrapper .wellness-pop-up-styled-image { width: 100%; float: left; } .wellness-pop-up-banner-wrapper .wellness-pop-up-styled-image img { width: 100%; } .wellness-pop-up-main-wrapper .wellness-form-wrapper { width: 100%; float: left; text-align: center; padding: 5px 0 20px 0; } .wellness-pop-up-main-wrapper .wellness-form-wrapper h2 { font-weight: 300; font-family: "EB Garamond", serif; font-size: 24px; font-style: italic; } .wellness-pop-up-main-wrapper .wellness-form-wrapper p { font-size: 14px; margin-top: 8px; } .form-wellness-box-wrapper { width: 100%; float: left; padding: 10px; } .form-wellness-box-wrapper .row100Per.form-coloumns-2 { margin-top: 10px; padding: 5px 20px 0px 20px; background: #f7f7f7; width: 93%; margin-left: 3%; } .form-wellness-box-wrapper .row100Per { width: 100%; float: left; padding: 0 20px 10px 20px; } .form-wellness-box-wrapper .row100Per .col-40 { width: 40%; float: left; padding-right: 10px; margin-top: 5px; } .form-wellness-box-wrapper .row100Per .col-20 { width: 20%; float: left; padding-right: 10px; margin-top: 5px; } .form-wellness-box-wrapper .row100Per .col-33 { width: 33.33%; float: left; padding-right: 10px; margin-top: 5px; } .form-wellness-box-wrapper .row100Per .col-15 { width: 15%; float: left; padding-right: 10px; margin-top: 15px; } .form-wellness-box-wrapper .row100Per .col-35 { width: 35%; float: left; padding-right: 10px; margin-top: 15px; } .form-wellness-box-wrapper .row100Per .col-50 { width: 50%; float: left; padding-right: 10px; margin-top: 15px; } .form-wellness-box-wrapper .row100Per .col-85 { width: 83%; float: left; margin-top: 8px; position: relative; z-index: 1; margin-right: 2%; } .form-wellness-box-wrapper .row100Per .col-15 input, .form-wellness-box-wrapper .row100Per .col-15 select, .form-wellness-box-wrapper .row100Per .col-35 input, .form-wellness-box-wrapper .row100Per .col-35 select, .form-wellness-box-wrapper .row100Per .col-40 input, .form-wellness-box-wrapper .row100Per .col-40 select, .form-wellness-box-wrapper .row100Per .col-20 input, .form-wellness-box-wrapper .row100Per .col-33 input, .form-wellness-box-wrapper .row100Per .col-33 select, .form-wellness-box-wrapper .row100Per .col-20 select, .form-wellness-box-wrapper .row100Per .col-50 input, .form-wellness-box-wrapper .row100Per .col-50 select { width: 100%; float: left; border-bottom: 1px solid #ccc; font-size: 15px; font-family: "Roboto", sans-serif; color: #7b7b7b; background: transparent; height: 30px; position: relative; font-weight: 300; z-index: 2; } .wellness-form-field-box .t-dates.t-date-check-in, .wellness-form-field-box .t-dates.t-date-check-out{ position: relative; z-index: 2; border-bottom: 1px solid #ccc; } .form-wellness-box-wrapper .row100Per .col-15 select, .form-wellness-box-wrapper .row100Per .col-35 select, .form-wellness-box-wrapper .row100Per .col-40 select, .form-wellness-box-wrapper .row100Per .col-20 select, .form-wellness-box-wrapper .row100Per .col-33 select, .form-wellness-box-wrapper .row100Per .col-50 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/images/OberoiHotels/oberoi-one/select-box-arrow.png) top 12px right 4px no-repeat transparent; padding-right: 20px; font-weight: 300; } .form-wellness-box-wrapper .row100Per .col-40 .wellness-form-field-box, .form-wellness-box-wrapper .row100Per .col-20 .wellness-form-field-box, .form-wellness-box-wrapper .row100Per .col-33 .wellness-form-field-box, .form-wellness-box-wrapper .row100Per .col-35 .wellness-form-field-box, .form-wellness-box-wrapper .row100Per .col-15 .wellness-form-field-box, .form-wellness-box-wrapper .row100Per .col-50 .wellness-form-field-box, .form-wellness-box-wrapper .row100Per .col-85 .wellness-form-field-box { width: 100%; float: left; position: relative; } .form-wellness-box-wrapper .row100Per .col-85 .wellness-form-field-box textarea { width: 100%; float: left; border: 1px solid #ccc; font-size: 15px; font-family: "Roboto", sans-serif; color: #7b7b7b; background: #fff; height: 50px; position: relative; padding: 5px; resize: none; overflow-y: auto; font-weight: 300; } .form-wellness-box-wrapper .row100Per .col-15 .wellness-form-field-box .submit-button-wellnes-box { width: 95%; text-align: center; background: #d8741b; padding: 5px 0; color: #fff; font-size: 15px; text-transform: uppercase; margin-left: 5%; cursor: pointer; position: relative; z-index: 9; margin-top: -6px; } .form-wellness-box-wrapper .row100Per .col-40 .wellness-form-field-box label, .form-wellness-box-wrapper .row100Per .col-35 .wellness-form-field-box label, .form-wellness-box-wrapper .row100Per .col-20 .wellness-form-field-box label, .form-wellness-box-wrapper .row100Per .col-33 .wellness-form-field-box label, .form-wellness-box-wrapper .row100Per .col-15 .wellness-form-field-box label, .form-wellness-box-wrapper .row100Per .col-50 .wellness-form-field-box label { position: absolute; font-size: 15px; font-family: "Roboto", sans-serif; top: 8px; left: 0; color: #7b7b7b; transition: all ease-in 0.3s; z-index: 1; font-weight: 300; } .form-wellness-box-wrapper .row100Per .col-40 .wellness-form-field-box label.active-label, .form-wellness-box-wrapper .row100Per .col-35 .wellness-form-field-box label.active-label, .form-wellness-box-wrapper .row100Per .col-20 .wellness-form-field-box label.active-label, .form-wellness-box-wrapper .row100Per .col-33 .wellness-form-field-box label.active-label, .form-wellness-box-wrapper .row100Per .col-15 .wellness-form-field-box label.active-label, .form-wellness-box-wrapper .row100Per .col-50 .wellness-form-field-box label.active-label { top: -10px; font-size: 12px; } .error-msg-wellness-form { position: absolute; left: 0; bottom: -14px; font-size: 9px; color: red; width: 100%; text-align: left; padding-left: 2px; display: none; } .wellness-form-field-box { margin-bottom: 10px; } .form-wellness-box-wrapper .row100Per .col-50 .wellness-form-field-box.phone-field-box { position: relative; } .form-wellness-box-wrapper .row100Per .col-50 .wellness-form-field-box.phone-field-box input { padding-left: 90px; } .form-wellness-box-wrapper .row100Per .col-50 .wellness-form-field-box.phone-field-box label { left: 90px; } .form-wellness-box-wrapper .row100Per .col-50 .wellness-form-field-box.phone-field-box span.countryCodeWrap { z-index: 2; } .form-wellness-box-wrapper .row100Per .col-50 .wellness-form-field-box.phone-field-box span.countryCodeWrap .selectBoxValDisplay { position: absolute; top: 2px; height: 33px; width: 80px; padding: 5px; background: url(/images/OberoiHotels/oberoi-one/select-box-arrow.png) top 12px right 4px no-repeat transparent; pointer-events: none; font-weight: 300; z-index: 2; text-align: left; font-size: 15px; } .form-wellness-box-wrapper .row100Per .col-50 .wellness-form-field-box.phone-field-box span select { width: 65px; border-bottom: none; top: 0; position: absolute; left: 0; z-index: 9; opacity: 0; } label.date-label-pos{ top: 4px !important; } label.date-label-pos.active-label { top: -10px !important; } .wellness-form-field-box .t-next, .wellness-form-field-box .t-prev, .wellness-form-field-box .t-table-condensed td, .wellness-form-field-box .t-table-condensed th{ padding: 6px 12px; } .t-next, .t-prev, .t-table-condensed td, .t-table-condensed th .form-wellness-box-wrapper .row100Per .wellness-form-field-box input.calendar { text-align: left; } .wellness-form-field-box .t-dates.t-date-check-in, .wellness-form-field-box .t-dates.t-date-check-out { background: url(/images/calendar-icon-pop-up.png) top -1px right 5px no-repeat; text-align: left; } .wellness-form-field-box label.t-date-info-title { text-indent: -9999px; } .wellness-form-field-box .t-dates.t-date-check-in span, .wellness-form-field-box .t-dates.t-date-check-out span{ font-size: 15px; color: #7b7b7b; font-weight: 300; } .wellness-form-field-box .t-dates { padding: 0; height: 23px; margin-top: 7px; } .wellness-form-field-box .t-check-in, .wellness-form-field-box .t-check-out { width: 100%; border: none; } .wellness-form-field-box input:focus ~ .label-wellness-box { top: -10px !important; font-size: 12px !important; } /* wellness pop up css ends */ /* awards-band starts */ .new-awards-box-wrapper { position: fixed; top: 170px; right:3px; width: 320px; } .new-awards-box-wrapper .awards-update-info-wrapper .awards-update-info { width: 100%; float: left; } .new-awards-box-wrapper .awards-update-info-wrapper .awards-update-info img { max-width: 100%; } .new-awards-box-wrapper .awards-new-info-slides.active-label:after { content: ""; position: absolute; right: 31%; top: 55%; width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translate(-50%, -50%) rotate(-135deg); } .new-awards-box-wrapper .awards-band-box { top: 0; right: 0; position: absolute; z-index: 9; background: #cc6c16; padding: 7px 6px 4px 25px; cursor: pointer; display: none !important; } .new-awards-box-wrapper .awards-band-box:after { position: absolute; top: 50%; left: 15px; width: 10px; height: 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; content: ""; transform: translate(-50%, -50%) rotate(-45deg); } .new-awards-box-wrapper .awards-band-box .awards-wrapper-box .close-awards-band { position: absolute; top: 38px; width: auto; right: 4px; z-index: 9999; color: #fff; border: 1px solid #fff; border-right: none; border-top: none; font-size: 12px; padding: 1px 4px; cursor: pointer; } .new-awards-box-wrapper .awards-new-info-slides { top: 170px; background: #cc6c16; position: fixed; right: 3px; z-index: 999; padding: 12px 0; text-align: center; color: #fff; width: 320px; font-size: 15px; text-transform: uppercase; cursor: pointer; font-family: "Roboto",sans-serif; font-weight: 400; transform: translate(107%); } .new-awards-box-wrapper .awards-new-info-slides.active-label { transform: translate(0); } .new-awards-box-wrapper .awards-wrapper-box .close-awards-band { position: fixed; top: 170px; width: auto; right: 4px; z-index: 9999; color: #fff; border: 1px solid #fff; border-right: none; border-top: none; font-size: 12px; padding: 1px 4px; cursor: pointer; } .new-awards-box-wrapper .awards-update-info-wrapper { position: fixed; right: 3px; width: 320px; background: #fff; top: 213px; z-index: 999; padding: 12px; transform: translateX(108%); box-shadow: -2px 4px 12px #323232; transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; display: none !important; } .new-awards-box-wrapper .awards-update-info-wrapper.active-awards-info { transform: translateX(0); } .new-awards-box-wrapper .awards-update-info-wrapper .awards-update-info{ font-size: 13px; font-family: "Roboto",sans-serif; line-height: 170%; text-align: center; padding: 6px; font-weight: 400; color: #000; /* border: 1px solid #f6e5d6;*/ float: left; } .new-awards-box-wrapper .awards-update-info-wrapper .awards-update-info span.award-year{ font-weight: bold; } .awards-new-info-slides .slick-prev{ position: absolute; content: ""; left: 0px; height: 100% !important; z-index: 999; background: #cc6c16 !important; padding-left: 30px; width: 20px !important; } .awards-new-info-slides button.slick-prev:before { position: absolute; top: 50%; left: 50%; transform: translate(0%, -50%) rotate(-45deg); content: ""; border-top: 1px solid #fff; border-left: 1px solid #fff; width: 10px; height: 10px; } .awards-new-info-slides .slick-next{ position: absolute; content: ""; right: 0px; height: 100% !important; background: #cc6c16 !important; z-index: 999; padding-right: 30px; width: 20px !important; } .awards-new-info-slides button.slick-next:before { position: absolute; top: 50%; left: 35%; transform: translate(-200%, -50%) rotate(45deg); content: ""; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 10px; height: 10px; border-left: none; } /* awards-band ends */ /* new nps starts */ html { scroll-behavior: smooth; } .new-survey-wrapper .survey-box-2 ul li strong { font-weight: normal; } .nps-black-overlay { position: fixed; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0, 0.6); left: 0; top: 0; } .aqi-pm2-box-options { width: 100%; float: left; margin: 20px 0 0 0 ; position: relative; } input#opt-val-Y, input#opt-val-N{opacity: 0;} .aqi-pm2-box-options label { margin-left: 10px; position: relative; font-family: "EB Garamond",serif; font-size: 18px; } .aqi-pm2-box-options label:after { position: absolute; content: ""; width: 10px; height: 10px; border: 1px solid #999; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; left: -23px; top: 3px; background: #fff; } .aqi-pm2-box-options.active label:after { border: 1px solid #d8741b; background: #d8741b; } .survey-quiz .error-message-nps { width: 95%; font-size: 11px; margin-top: 55px; margin-left: 5%; float: left; color: red; display: none; } .survey-quiz .error-message-nps.aqi-pm2-box { margin-top: 10px; } .new-survey-wrapper { position: absolute; z-index: 99999; background: #fff; width: 100%; top: 0; left: 0; padding: 10px 20px; overflow-y: auto; } .new-survey-wrapper .survey-form-wrapper{width: 100%; float: left;} .new-survey-wrapper .close-survey { position: absolute; right: 0px; top: 0px; border: 1px solid #ccc; border-top: none; border-right: none; padding: 3px 6px; cursor: pointer; } .new-survey-wrapper .survey-box-1 { width: 100%; float: left; text-align: center; } .new-survey-wrapper .survey-box-1 .survey-desc { width: 60%; margin: 0 auto; margin-top: 30px; text-align: center; display: block; } .new-survey-wrapper .survey-box-1 p{ font-family: "EB Garamond",serif; font-size: 18px !important; } .new-survey-wrapper .survey-box-2 { width: 64%; padding: 25px 50px; border-left: 2px solid #dba504; border-right: 2px solid #dba504; position: relative; box-sizing: border-box; display: inline-block; margin: 0 auto; margin-left: 18%; margin-top: 20px; } .new-survey-wrapper .survey-box-2:before { content: ""; position: absolute; top: 0; left: 0; height: 2px; background: url("/images/OberoiHotels/after-bg-survey-box.png") center top no-repeat; width: 100%; background-size: 100%; } .new-survey-wrapper .survey-box-2:after { content: ""; position: absolute; bottom: 0; left: 0; height: 2px; background: url("/images/OberoiHotels/after-bg-survey-box.png") center top no-repeat; width: 100%; background-size: 100%; } input.answer-text-box { width: 35%; float: left; border-bottom: 1px solid #ccc; margin-top: 20px; font-family: "EB Garamond",serif; font-size: 15px; position: absolute; left:10%; bottom: 0px; display: none; } .new-survey-wrapper .survey-box-2 .submit-survey { width: 100%; float: left; text-align: center; margin-top: -20px; } .new-survey-wrapper .survey-box-2 .submit-survey a { width: 140px; padding: 10px 0; text-align: center; background: #d8741b; font-size: 15px; font-family: "Roboto",sans-serif; text-transform: uppercase; text-decoration: none; color: #fff; display: inline-block; } .new-survey-wrapper .survey-box-2 p{ font-family: "EB Garamond",serif; font-size: 18px !important;; } .new-survey-wrapper .survey-box-2 ul { list-style: none; width: 85%; padding: 0; margin: 0 auto; margin-top: 20px; } .new-survey-wrapper .survey-box-2 ul li { float: left; margin-right: 26px; font-family: "EB Garamond",serif; font-size: 15px; position: relative; border: 1px solid #676868; border-radius: 50%; text-align: center; padding: 5px 0; width: 30px; cursor: pointer; background: #fff; color: #000; } .new-survey-wrapper .survey-box-2 ul li.active{ border-color: #d8741b; background: #d8741b; color: #fff; } .new-survey-wrapper .survey-box-2 ul li span { display: block; text-align: center; position: absolute; left: -15px; top: 36px; font-size: 15px; color: #000; } .new-survey-wrapper .survey-box-2 .survey-quiz { width: 100%; float: left; padding-bottom: 20px; margin-bottom: 40px; } /* new nps ends */ .oberoiRooms .oberoiRooms-slider .slick-prev{left: 16.5% !important;} .oberoiRooms .oberoiRooms-slider .slick-next{right: 16.5% !important;} .newspa.experiences .left-section .title{display: none;} .new-offer-slider-box { width: 100%; float: left; } .new-offer-slider-box .new-offer-details { width: 33.33%; float: left; text-align: center; min-height: 175px; padding: 20px; } .new-offer-slider-box .new-offer-details.cenetrallyaligned-items { margin-left: 15%; } .section.submit-claim-wrapper.book-direct-wrapp { margin-bottom: 30px; } .banner div .banner-image .headerBannerWrapper { text-shadow: none !important; } .nWidth100 { width: 100%; display: flex; } .nWidth60 { width: 100%; margin-right: 0; } .nWidth35 { width: 43%; display: none; } .nWidth35 p { text-align: center; } .nWidth35 a { text-decoration: none; color: #d8741b; font-size: 12px; } /* iftaar box css start */ .form-field-new-wrapper .field-box .form-field-new.reverse .t-datepicker-day { top: auto; bottom: 0; } .form-field-new-wrapper .field-box .form-field-new .t-datepicker-day { top: 0px; bottom: auto; } .form-field-new-wrapper .field-box .form-field-new .t-dates { height: 40px; } .form-field-new-box.booktable { width: 100%; float: left; } .form-field-new-box.booktable .t-dates.t-date-check-in { background: url(/images/oberoihotels/booking-engine/calender-icon.jpg) right 20px top 18px no-repeat; background-size: 7%; font-size: 15px; color: #999; font-family: "Roboto", sans-serif; padding-left: 0; } .form-field-new-box.booktable .form-field-new.calenderBox { width: 49%; float: left; margin-right: 1%; } .form-field-new-box.booktable .form-field-new.timing-box { width: 49% !important; margin-right: 1%; float: left; } .form-field-new-box.booktable .form-field-new.timing-box select { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 14px 5px 5px 0; color: #999; border-bottom: 1px solid #ccc; font-size: 15px; font-family: "Roboto", sans-serif; background: url("../../images/OberoiHotels/oberoi-one/select-box-arrow.png") top 20px right 10px no-repeat; height: 41px; } .form-field-new-box.booktable .t-check-in { border: none; border-bottom: 1px solid #ccc; width: 100%; } .form-field-new-wrapper { width: 400px; float: left; margin-top: -10px; } .form-field-new-wrapper h3, .form-field-new-wrapper h2 { font-size: 18px; margin-bottom: 5px; font-family: "EB Garamond", serif; font-weight: 500; text-align: center; padding-bottom: 5px; box-shadow: 0px 2px 2px #ccc; width: 26%; float: left; } .form-field-new-wrapper .field-box { width: 100%; float: left; } .form-field-new-wrapper .field-box .form-field-new { width: 100%; float: left; margin-bottom: 8px; } .form-field-new-wrapper .field-box .form-field-new.name-field { width: 49%; margin-right: 1%; } .form-field-new-wrapper .field-box .form-field-new.tel-field, .form-field-new-wrapper .field-box .form-field-new.email-field { width: 99%; } .form-field-new-wrapper .field-box .form-field-new input { color: #000; width: 100%; float: left; border-bottom: 1px solid #ccc; background: none; padding: 5px 5px 5px 0; font-size: 15px; font-family: "Roboto", sans-serif; font-weight: 300; height: 40px; } .form-field-new-wrapper .field-box .form-field-new a.sbmt-btn-new { width: 100px !important; background: #d8741b; color: #fff !important; text-transform: uppercase; border: none !important; padding: 7px 5px !important; float: left; text-align: center; font-size: 15px; text-decoration: none; } .form-field-new-wrapper .field-box .form-field-new a.sbmt-btn-new.processing { background: url(/images/oberoihotels/login-loading.gif) center center #d8751b no-repeat !important; } .form-field-new-wrapper .field-box .form-field-new .error-message-new { width: 100%; float: left; font-size: 10px; color: red; padding: 0 5px; margin: 2px 0 0 0; display: none; } .description-col .thanks-you-message { width: 400px; float: left; text-align: center; color: green; padding: 20px; display: none; } /* iftaar box css end */ /* porgam closed css starts */ .black-overlay-box { position: fixed; z-index: 3; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; top: 0; } .thank-you-message-pop-up-box { color: green; font-size: 15px; text-align: center; display: none; } .pop-up-page-disabled { width: 50%; padding: 20px; background: #fff; position: fixed; z-index: 5; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); font-family: "Roboto", sans-serif; font-size: 15px; line-height: 150%; } .pop-up-page-disabled .close-btn-hp { position: absolute; top: -1px; right: 0; } .program-closed-copy { width: 100%; float: left; margin-top: 20px; } .pop-up-page-disabled .close-btn-hp a { text-decoration: none; font-family: "Roboto", sans-serif; font-size: 15px; color: #000; padding: 1px 5px; border-left: 1px solid #000; border-bottom: 1px solid #000; } .forms-field-wrapper-box-new { width: 100%; float: left; margin-top: 20px; } .form-field-new-pop-up-box { width: 100%; float: left; margin-bottom: 10px; } .form-field-new-pop-up-box input[type="email"] { width: 65%; margin: 0 auto; text-align: center; border-bottom: 1px solid #999; padding: 5px; font-family: "Roboto", sans-serif; font-size: 15px; } .form-field-new-pop-up-box .error-msg-pop-up-box { width: 65%; font-size: 10px; color: red; margin: 0 auto; display: none; } .form-field-new-pop-up-box .submit-button-pop-up-box { margin-top: 10px; } .form-field-new-pop-up-box .submit-button-pop-up-box a { width: 100px !important; text-align: center; background: #d8741b; padding: 4px 0; display: inline-block; color: #fff; text-decoration: none; font-size: 15px; } /* porgam closed css ends */ .globalsingleImageSlider { width: 100%; float: left; } .globalsingleImageSlider .slick-prev { width: 45px; height: 45px; left: 0px; background: url(/images/OberoiHotels/slider-arrow.jpg) no-repeat left center; z-index: 9; } .globalsingleImageSlider .slick-prev:before { content: ""; } .globalsingleImageSlider .slick-next { width: 45px; height: 45px; right: 0px; z-index: 9; background: url(/images/OberoiHotels/slider-arrow.jpg) no-repeat right center; } .globalsingleImageSlider .slick-next:before { content: ""; } .image-and-description-with-legend-attributes-option-3 .img-col .globalsingleImageSlider img { width: 100%; } .christmas-marketing-assets { width: 100%; float: left; margin: 30px 0; } .christmas-marketing-assets img { width: 100%; } .christmas-marketing-assets.desk-only { display: block; } .christmas-marketing-assets.mob-only { display: none; } .marketing-asset-offer-section.marketing-asset-img { padding: 20px; } .queries-btn a { text-decoration: none; font-family: "Roboto", sans-serif; font-size: 14px; color: #000; position: relative; padding-left: 30px; } .queries-btn a:after { position: absolute; left: 0; top: 3px; width: 10px; height: 10px; border: 1px solid #000; content: ""; border-radius: 50%; } .marketing-asset-offer-section.marketing-asset-img { padding: 20px; } /*rooom size fixing*/ .phn-time li > span:first-child { width: 30% !important; } .phn-time li > span { width: 55% !important; } .oberoiRooms-slide .slidesText .phn-time li { display: inline-block; margin-right: 10px; width: 100% !important; float: left !important; } /*rooom size fixing*/ .contact-us-page .col-50 { position: relative; } .contact-us-page .col-50 .feedback-us-link { position: absolute; top: 0; left: 40%; } .contact-us-page .col-50 .feedback-us-link a { color: #000; font-weight: 600; text-decoration: none; font-size: 15px; } .safety-hygeine-box-default { top: 116px; right: 3px; position: fixed; z-index: 9; background: #cc6c16; padding: 7px 6px 4px 25px; cursor: pointer; } .covid-band-main-wrapper-box { position: relative; } .settings-detail .settings-type-wrapper { width: 100%; float: left; margin-top: 20px; } .settings-detail .settings-type-wrapper .settings-type { width: 33.33%; float: left; } .button-box.button-box-1 { display: none !important; } .covid-band-main-wrapper-box .close-covid-band { position: fixed; top: 116px; width: auto; right: 4px; z-index: 9999; color: #fff; border: 1px solid #fff; border-right: none; border-top: none; font-size: 12px; padding: 1px 4px; cursor: pointer; display: none; } .hotel-pages .covid-band-main-wrapper-box .close-covid-band { top: 116px; } .safety-hygeine-box-default:after { position: absolute; top: 50%; left: 15px; width: 10px; height: 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; content: ""; transform: translate(-50%, -50%) rotate(-45deg); } /* cookie page css starts */ footer { margin-bottom: 0px; } .cookie-black-popup-overlay { position: fixed; background: rgba(0, 0, 0, 0.7); left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; } .cookie-setting-confirmations-button { width: 100%; float: left; padding: 20px 0 10px 0; text-align: center; } .cookie-setting-confirmations-button a { padding: 3px 0; background: #cc6c16; color: #fff; font-size: 14px; text-align: center; border-radius: 5px; width: 180px; display: inline-block; text-transform: uppercase; text-decoration: none; } .cookie-settings-wrapper { position: fixed; width: 50%; padding: 20px; background: #fff; z-index: 9999; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 15px; font-family: "Roboto", sans-serif; font-weight: 300; line-height: 180% !important; display: none; } .cookie-settings-wrapper .close-settings { position: absolute; right: 0; top: 0; padding: 0px 9px; border: 1px solid #ccc; font-size: 15px; cursor: pointer; } .cookie-settings-wrapper .close-settings .settings-type { width: 100%; float: left; } .cookie-settings-wrapper .settings-detail .settings-type-wrapper .settings-type label { margin-left: 10px; } .cookie-box-wrapper { width: 100%; position: fixed; background: #fff; bottom: 0; padding: 10px 0; box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%); z-index: 99999; } .cookie-box-copy-and-buttons { width: 94%; margin: 0 auto; display: flex; align-items: center; } .cookie-consent-text { width: 60%; margin: 10px 0; padding-left: 0; float: left; margin-left: 7.5%; text-align: right; } .cookie-consent-text p { font-size: 12px; } .cookie-buttons-wrapper { width: 15%; margin: 0 auto; text-align: center; float: left; margin-top: 5px; margin-right: 5.5%; margin-left: 2%; } .cookie-buttons-wrapper .button-box { width: auto; float: left; margin-right: 5%; border: 1px solid #cc6c16; padding: 7px 30px; text-transform: uppercase; font-size: 12px; color: #000; background: #fff; cursor: pointer; } .cookie-buttons-wrapper .button-box.button-box-2 { background: #cc6c16; color: #fff; } .cookie-buttons-wrapper .button-box.button-box-2 a { text-decoration: none; color: #fff; } .grey-text { color: #c5c5c5; } /* cookie page css ends */ .home-page-link { color: #fff; font-family: "EB Garamond", serif !important; background: none !important; font-size: 32px !important; text-align: center; } .home-page-link span.award-txt { font-size: 20px; } .desktop-visible-only { display: none !important; } .dekstop-hidden-only { display: none !important; } .marketing-asset-offer-section .marketing-asset-limited-preiod-offer img{ max-width: 100%; } /* global marketing assets */ .global-marketing-assets-box-wrapper { width: 100%; float: left; margin: 20px 0 50px 0; box-shadow: 1px 4px 13px #ccc; padding: 30px 25px 20px 25px; } .oberoi-book-direct-marketing-assets-box { width: 20%; float: left; } .oberoi-book-direct-marketing-assets-box p a { color: #000; text-decoration: none; font-size: 15px; } .oberoi-book-direct-marketing-assets-box img { width: 100%; } .oberoi-book-direct-marketing-assets-box p { font-size: 15px; margin-top: 20px; } .oberoi-best-rate-guarantee-marketing-assets-box { width: 16%; float: left; text-align: center; margin: 0 2%; border-left: 1px solid #e7d497; border-right: 1px solid #e7d497; } .oberoi-best-rate-guarantee-marketing-assets-box p { font-size: 15px; margin: 18px 0; } .oberoi-one-marketing-assets-box { width: 60%; float: left; } .oberoi-one-marketing-assets-box .oberoi-one-offer-details-markting-assets { width: 100%; float: left; } .oberoi-one-marketing-assets-box .oberoi-one-offer-details-markting-assets ul { width: 100%; float: left; list-style: none; } .oberoi-one-marketing-assets-box .oberoi-one-offer-details-markting-assets ul li { width: 32.33%; float: left; display: flex; margin-bottom: 20px; align-items: center; margin-right: 1%; } .oberoi-one-marketing-assets-box .oberoi-one-offer-details-markting-assets ul li img { width: 13%; } .oberoi-one-marketing-assets-box .oberoi-one-offer-details-markting-assets ul li p { font-size: 14px; margin-left: 10px; } .oberoi-one-marketing-assets-box .oberoi-one-offer-details-markting-assets .oberoi-one-cta-wrapper { width: 100%; float: left; } .know-more-button-markeeting-assets-cta { width: 100%; float: left; text-align: center; } .know-more-button-markeeting-assets-cta a { background: #cc6c16; color: #fff; font-size: 13px; position: relative; padding: 7px 25px 7px 15px; text-align: center; font-family: "Roboto", sans-serif; font-weight: 300; text-decoration: none; display: inline-block; } .know-more-button-markeeting-assets-cta a:after { position: absolute; content: ""; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; top: 53%; right: 10px; transform: translate(-50%, -50%) rotate(45deg); } /* global marketing assets ends */ .marketing-asset-offer-section.homePageStyle .marketing-asset-limited-preiod-offer { width: 18% !important; } .marketing-asset-offer-section .marketing-asset-limited-preiod-offer { width: 22% !important; } .bodyWrapMobile .marketing-asset-offer-section.homePageStyle #divHomePageAddClass { width: 45% !important; } .marketing-asset-offer-section #divHomePageAddClass { width: 60% !important; } .marketing-asset-offer-section .marketing-asset-saving p { font-weight: 300 !important; } .marketing-asset-offer-section .marketing-asset-saving .m-saving { margin-left: 30px; font-family: "EB Garamond", serif; font-size: 1.6em !important; position: relative; } .marketing-asset-offer-section .marketing-asset-saving .m-saving:after { content: ""; width: 163px; height: 2px; background: #d8741b; position: absolute; bottom: 7px; display: block !important; vertical-align: middle; text-align: center; left: 50% !important; transform: translate(-50%, 0) } .login-box-wrapper { width: 100%; float: left; } .button-label-register { font-size: 11px; margin-bottom: 10px; width: 50%; float: left; } .button-label-o-one { float: right; font-size: 11px; width: 50%; text-align: right; position: absolute; right: -25px; } .blackBG-overlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 1; } .green.pcImagesSuccess { background: #fff; z-index: 9; position: fixed; width: 60% !important; left: 50%; transform: translate(-50%, -50%); display: block; padding: 20px; text-align: center; top: 50%; float: none; } .crossButton { position: absolute; right: 0px; top: 0px; font-weight: bold; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px; line-height: 98%; } .deviceDisplayImageTest { position: relative; } .camera-icon-click { position: absolute; top: 45%; left: 54.5%; width: 60px; transform: translate(-50%, -50%); } /*.login-banner img:hover{ cursor: crosshair; }*/ .user-account-access-Oone .loginBox-seperator.txt { top: 20px; } .covid-band { position: fixed !important; } .covid-band.new-info-slides { width: 320px; transition: all ease-in 0.2s; transform: translate(107%); } .covid-band.new-info-slides.active-band { transform: translate(0); } .covid-band.new-info-slides button.slick-prev.slick-arrow { position: absolute; content: ""; left: 0px; height: 100% !important; z-index: 999; background: #cc6c16 !important; padding-left: 30px; width: 20px !important; } .covid-band.new-info-slides button.slick-next.slick-arrow { position: absolute; content: ""; right: 0px; height: 100% !important; background: #cc6c16 !important; z-index: 999; padding-right: 30px; width: 20px !important; } .covid-band.new-info-slides button.slick-prev.slick-arrow:hover, .covid-band.new-info-slides button.slick-next.slick-arrow:hover { background: #fd9310; } .covid-update-info-wrapper.safety-hygiene-content, .covid-update-info-wrapper.covid-advisory-content, .covid-update-info-wrapper { width: 320px; } .covid-band.new-info-slides button.slick-prev.slick-arrow:before { position: absolute; top: 50%; left: 50%; transform: translate(0%, -50%) rotate(-45deg); content: ""; border-top: 1px solid #fff; border-left: 1px solid #fff; width: 10px; height: 10px; } .covid-band.new-info-slides button.slick-next.slick-arrow:before { position: absolute; top: 50%; left: 35%; transform: translate(-200%, -50%) rotate(45deg); content: ""; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 10px; height: 10px; border-left: none; } .covid-band:after { display: none; } .new-info-slides .information-label { position: relative; padding-right: 15px; } .covid-band.new-info-slides button.slick-arrow.slick-disabled { opacity: 0; } .new-info-slides .information-label:after { content: " "; border-bottom: 2px solid #fff; border-right: 2px solid #fff; top: 50%; margin-top: -6px; height: 7px; right: 20%; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 7px; z-index: 2; transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; } .covid-band.covid-band-active .information-label:after { margin-top: -2px; -webkit-transform: rotate(222deg); -ms-transform: rotate(222deg); -o-transform: rotate(222deg); transform: rotate(222deg); transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; } .c-main-wrap { width: 100%; max-width: 480px; position: absolute; left: 0; z-index: 10; top: 57px; display: none; font-family: Roboto, sans-serif; } .c-main-wrap .yearWrap { background: #fff; } .two-col-section .c-main-wrap { top: 104px; max-width: 494px; } .c-main-wrap .c-main-container { border-top: 1px solid #a3a3a3; background: #fff; } .c-main-wrap .c-row { border-bottom: 1px solid #a3a3a3; display: flex; } .c-main-wrap .c-col { width: 41%; border-right: 1px solid #a3a3a3; } .c-main-wrap .c-col.c-month-col { width: 18%; border-left: 1px solid #a3a3a3; } .c-main-wrap .c-offer-night-row { display: flex; } .c-main-wrap .c-offer-night-col { width: 50%; text-align: center; border-right: 1px solid #a3a3a3; } .c-main-wrap .c-offer-night-col:last-child { border-right: none; } .c-main-wrap .c-date-row { display: flex; height: 100%; } .c-main-wrap .c-date { padding: 2px; border: 1px solid #a3a3a3; width: 18px; text-align: center; display: inline-block; cursor: default; margin: 0 3px 0 0; font-size: 12px; cursor: pointer; } .c-main-wrap .c-date:hover { background: #d57700; color: #fff; } .c-main-wrap .c-date-col-2 { width: 50%; text-align: center; border-right: 1px solid #a3a3a3; padding: 10px 0; } .c-main-wrap .c-date-col-2:last-child { border-right: none; } .c-main-wrap .c-col.c-month-col .c-col-txt { text-align: left; } .c-main-wrap .c-col-txt { padding: 8px 10px; display: block; text-align: center; font-size: 14px; } .c-main-wrap .dateSelected { background: #d57700; color: #fff; } .c-main-wrap .dynamic-cruise-calendar-data .c-row { display: none; } .c-main-wrap .dynamic-cruise-calendar-data .row-2022 { display: flex; } .c-main-wrap .disabledDate { opacity: 0.5; pointer-events: none; } .c-main-wrap .yearWrap a { color: #272727; } .c-main-wrap .c-nav { position: relative; padding: 10px; } .c-main-wrap .c-nav ul { list-style: none; } header .header-right-unit .right-side-menu .c-main-wrap .c-nav ul { float: none; } header .header-right-unit .right-side-menu .c-main-wrap .c-nav ul li { text-align: center; color: #d8751b; font-weight: 400; float: none; font-family: Roboto, sans-serif; font-size: 0.9375em; } .c-main-wrap .c-nav ul li { text-align: center; color: #d8751b; font-weight: 400; } .c-main-wrap .c-prv { position: absolute; left: 0; top: 10px; } .c-main-wrap .c-nxt { position: absolute; right: 0; top: 10px; } .c-main-wrap .noDisplay { display: none; } .c-main-wrap .c-date:last-child { margin-right: 0; } .c-main-wrap .c-btn-deactive { opacity: 0.5; pointer-events: none; } .c-main-wrap .c-done-btn-mob { display: none; } header .header-right-unit .right-side-menu .c-main-wrap { left: 0; } header .header-right-unit .right-side-menu .c-main-wrap .c-nav { background: #fff; } header .header-right-unit .right-side-menu .c-main-wrap .yearWrap a { padding: 0 5px; margin-right: 0; } .c-main-wrap .c-date-col-2 img { vertical-align: middle; } .selectEmbarkationBox { display: none; } .booking-engine.layout2 .selectEmbarkationBox, .booking-engine-oberoi-one.layout2 .selectEmbarkationBox { display: none; } .booking-engine.layout2 .selectEmbarkationBox, .booking-engine-oberoi-one.layout2 .selectEmbarkationBox { border-top: 1px solid #f3f3f3; padding-top: 0; } .booking-engine.layout2 .cruiseCalenderDefaultScreen .t-check-out, .booking-engine.layout2 .cruiseCalenderDefaultScreen .t-date-check-in, .booking-engine-oberoi-one.layout2 .cruiseCalenderDefaultScreen .t-check-out, .booking-engine-oberoi-one.layout2 .cruiseCalenderDefaultScreen .t-date-check-in { display: none; } .booking-engine.layout2 .checkInCheckOut.cruiseCalenderDefaultScreen .datesWrap .label, .booking-engine-oberoi-one.layout2 .checkInCheckOut.cruiseCalenderDefaultScreen .datesWrap .label { font-size: 20px; padding: 8px 0; line-height: 100%; } .booking-engine.layout2 .checkInCheckOut.cruiseCalenderDefaultScreen .datesWrap, .booking-engine-oberoi-one.layout2 .checkInCheckOut.cruiseCalenderDefaultScreen .datesWrap { pointer-events: none; } .booking-engine.layout2 .selectEmbarkationBox .selectedEmbarkationDtls, .booking-engine-oberoi-one.layout2 .selectEmbarkationBox .selectedEmbarkationDtls { display: none; } .booking-engine.layout2 .selectEmbarkationBox .selectEmbarkationTxt, .booking-engine-oberoi-one.layout2 .selectEmbarkationBox .selectEmbarkationTxt { margin-top: 10px; } .booking-engine.layout2 .selectEmbarkationBox .selectedEmbarkationDtls, .booking-engine-oberoi-one.layout2 .selectEmbarkationBox .selectedEmbarkationDtls { margin-top: 5px; } .booking-engine.layout2 .selectEmbarkationBox .selectedEmbarNameWarp, .selectEmbarkationBox .selectedEmbarDateWarp, .booking-engine-oberoi-one.layout2 .selectEmbarkationBox .selectedEmbarNameWarp { display: inline-block; } .booking-engine.layout2 .selectEmbarkationBox .selectedEmbarCruiseName, .selectEmbarkationBox .selectedEmbarHypen, .selectEmbarkationBox .selectedEmbarkationDate, .booking-engine-oberoi-one.layout2 .selectEmbarkationBox .selectedEmbarCruiseName { font-size: 30px; line-height: 30px; font-weight: 400; } .booking-engine.layout2 .selectEmbarkationBox .selectedEmbarHypen, .booking-engine-oberoi-one.layout2 .selectEmbarkationBox .selectedEmbarHypen { padding: 0 5px; } .booking-engine.layout2 .selectEmbarkationBox .selectedEmbarkationNight, .booking-engine-oberoi-one.layout2 .selectEmbarkationBox .selectedEmbarkationNight { font-size: 13px; padding: 0 0 0 5px; } .availability-cta .boxColumn.bEnginepopUp.cruiseEmbarkationDatePopUP { top: 42%; } .bookingEnginePopOverlay .close.cruiseEmbrClose { top: 45%; } .dateDisabled { pointer-events: none; } .availability-cta .booking-engine.layout2 .checkInCheckOut .datesWrap.dateDisabled .t-dates .t-day-check-in, .availability-cta .booking-engine.layout2 .checkInCheckOut .datesWrap.dateDisabled .t-dates .t-day-check-out, .availability-cta .booking-engine-oberoi-one.layout2 .checkInCheckOut .datesWrap.dateDisabled .t-dates .t-day-check-in, .availability-cta .booking-engine-oberoi-one.layout2 .checkInCheckOut .datesWrap.dateDisabled .t-dates .t-day-check-out { color: #737373; } .bookingEnginePopOverlay .close { cursor: pointer; top: 51%; } .selectEmbarkationTxt { font-size: 1.14em; } .itineraries-tab-section .c-main-wrap { max-width: 100%; } .booking-engine.bkhOffset .cruiseSelected.checkInCheckOut, .booking-engine-oberoi-one.bkhOffset .cruiseSelected.checkInCheckOut { cursor: pointer; } .mac-os .booking-engine.layout2 .nightsWrap select.ddlHotelOfferNights, .mac-os .booking-engine-oberoi-one.layout2 .nightsWrap select.ddlHotelOfferNights { width: auto; display: flex; margin: 0 auto; } .cruiseSoldOutDate { position: relative; color: #bcbcbc; pointer-events: none; } .cruiseSoldOutDate:after { content: ""; position: absolute; width: 1px; height: 140%; top: -3px; right: 9px; background: #a3a3a3; transform: rotate(45deg); font-weight: 700; } .c-bottom-sec { text-align: center; padding: 5px 10px; background: #fff; } .c-bottom-sec .c-sold-out-info { font-size: 11px; } .c-bottom-sec .c-sold-out-info img { vertical-align: middle; width: 15px; } .c-bottom-sec .c-sold-out-info span { display: inline-block; margin-left: 5px; vertical-align: middle; padding-top: 3px; } .c-bottom-sec .c-bottom-info-txt { font-size: 11px; margin-top: 4px; } .dining-awards-wrapper, .dinging-awards-box { width: 100%; float: left; } .awarded-hotel-name { color: #bcad68; font-size: 26px; width: 100%; float: left; } .banner-component-style1 img { width: 100%; } .oberoiOneWrapper { margin-bottom: 20px; } .award-details .awards-container .award-sub-heading > span { display: block; } .deskOnlyDisplay { display: none; } .menu-container .main-menu > li.mobMenuDisplay { display: none; } /* christmas band css starts */ /* christmas band css starts */ .christmasBandWrapper { position: fixed; right: 5px; top: 180px; z-index: 999; width: 315px; color: #fff; cursor: pointer; display: none !important; } .christmasBandIcon { float: right; background: #fff; text-align: center; } .christmasBandIcon img{ display: block; } .christmasOfferCopyWrapper { width: 100%; float: left; background: url(/images/300x130_blank-banner-2023.jpg) center top no-repeat; text-align: center; transition: 0.5s ease; position: absolute; right: -110%; top: 50px; background-size: cover; } .christmasOfferCopyWrapper .close-cny-pop-up { position: absolute; padding: 3px 6px; border: 1px solid #fff; border-top: none; border-right: none; right: 0; top: 0; cursor: pointer; } .christmasOfferCopyWrapper.activeOffer { right: 0; } .christmasOfferCopy { float: left; width: 100%; padding: 30px 20px; } .christmasOfferCopy h2 { font-size: 20px; font-family: "EB Garamond", serif; margin-bottom: 6px; color: #fff; } .christmasOfferCopy p { font-size: 24px; color: #fff; font-family: "EB Garamond", serif; } .knowMoreBtn { float: left; width: 100%; margin: 20px 0 10px 0; } .knowMoreBtn a { background: #d8741b; text-decoration: none; color: #fff; font-size: 14px; font-weight: 300; padding: 6px 10px; } /* christmas band css ends */ /* christmas band css ends */ .mo-destination-component .destination-slide .slidesText p { color: #6ab8d9; text-decoration: none; } .hotel-ratings-box .BW { background: #d8741b; border: 1px solid #d8741b; color: #fff; padding: 6px 8px; font-weight: 300; font-size: 0.9375em; text-decoration: none; font-family: "Roboto", sans-serif; -webkit-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; min-width: 120px; text-align: center; display: inline-block; } /* .hotel-ratings-box .BW:hover{ background: #fff; border: 1px solid #828282; color: #828282; } */ .seoPageWrapper .overview-page.booking-engine { top: -85px; float: left; } .slick-slider { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .image-and-description-with-legend-attributes-option-2 .description-col .btn-wrap .viewAvailabilityButton { text-decoration: none; background: #d8741b; color: #fff; padding: 7px 25px; font-weight: 300; text-transform: none; } .image-text-component-style1 .text-colm .tableBooking { background: #d8741b; color: #fff; padding: 7px 25px; font-weight: 300; text-transform: none; } .marketing-asset-offer-section.homePageStyle .marketing-asset-limited-preiod-offer { width: 25%; } .bodyWrapMobile .marketing-asset-offer-section.homePageStyle .marketing-asset-saving { width: 60% !important; } .marketing-asset-offer-section.homePageStyle .explore-btn a { text-transform: uppercase !important; } .booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow select.ftrans { width: 50px !important; } /*.section .luxuryHotelsInotehrCitySlider .hotels-in-agra-amarvilas-resort{display: none !important;}*/ body.templateNewOfferPage { padding-top: 108px; } .banner .slick-next { width: 45px; height: 45px; right: 0px; z-index: 9; background: url(/images/oberoihotels/slider-arrow.jpg) no-repeat right center; } .banner .slick-prev { width: 45px; height: 45px; left: 0px; background: url(/images/oberoihotels/slider-arrow.jpg) no-repeat left center; z-index: 9; } .banner .slick-prev:before, .banner .slick-next:before { display: none; } .banner .slick-prev, .banner .slick-next { top: 73%; } .banner div .banner-image .headerBannerWrapper { line-height: 110%; margin-bottom: 10px; } .banner div .banner-image .headerBannerWrapper > span { display: block; font-size: 65%; margin-top: 0px !important; margin-bottom: 15px !important; } .banner div .banner-image .headerBannerWrapper > br { display: none; } .banner div .banner-image .headerBannerWrapper > a { text-decoration: none; position: relative; font-weight: 400; font-family: "Roboto", sans-serif; -webkit-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; font-size: 15px; background: #d8741b; color: #fff; padding: 10px 15px; cursor: pointer; } .offersBookingInfoBox { width: 100%; float: left; margin-bottom: 30px; } .offersBookingInfoBox .offersBookingInfoCol { width: 50%; float: left; } .offersBookingInfoBox .offersBookingInfoCol img { width: 100%; } .offersBookingInfoBox .offersBookingInfoCol1 { padding-right: 20px; } .offersBookingInfoBox .offersBookingInfoCol2 { width: calc(50% - 20px); } .banner div .banner-image .headerBannerWrapper { text-shadow: none !important; } .container-1270px { clear: both; } /* marketing assets new */ .new-marketing-assets-home-page { width: 100%; float: left; padding: 10px 24px; box-shadow: #cccccc -3px 5px 5px; margin: 20px 0 50px 0; } .new-marketing-assets-home-page .book-direct-logo { width: 25%; float: left; } .new-marketing-assets-home-page .book-direct-logo img, .new-marketing-assets-home-page ul.marking-assets-list-offers li img { max-width: 100%; } .new-marketing-assets-home-page ul.marking-assets-list-offers { width: 70%; float: left; margin-left: 5%; list-style: none; } .new-marketing-assets-home-page ul.marking-assets-list-offers li { width: 25%; float: left; text-align: center; } .marketing-assets-offers-page { width: 100%; float: left; margin-top: 10px; } .marketing-assets-offers-page .marketing-assets-image-box { width: 100%; float: left; /*margin-right: 2%;*/ border: 1px solid #ccc; } .marketing-offers-wrapper .assets-icon-box a img { border-radius: 0 5px 5px 0; } .marketing-assets-offers-page .marketing-assets-image-box:last-child { margin-right: 0px; } .marketing-offers-wrapper { display: flex; align-items: center; } /*.marketing-offers-wrapper.box-02{ margin-top: 10px; }*/ .marketing-offers-wrapper .assets-icon-box { width: 35%; align-items: center; text-align: center; } .marketing-offers-wrapper .assets-content-box { text-align: center; width: 65%; padding: 5px; margin-left: 0; } /*.marketing-offers-wrapper .assets-content-box img{ width: 75%; }*/ .marketing-offers-wrapper .assets-content-box .mumbai-offer-text { font-size: 12px !important; margin-bottom: 5px !important; } /*.marketing-offers-wrapper .assets-content-box img{ margin-bottom: 5px; }*/ .marketing-offers-wrapper .assets-content-box p span, .assets-content-box p { display: block; font-weight: 400; margin-bottom: 5px; } .marketing-offers-wrapper .assets-content-box p span.enroll-now-link { display: inline !important; color: #66b6d8 !important; } .marketing-offers-wrapper .assets-content-box p a { display: inline !important; color: #000 !important; text-decoration: none; } .marketing-offers-wrapper .assets-content-box p span, .assets-content-box p span { font-size: 12px; } span.not-a-member-text { display: inline !important; } .alliance-partners-section-component .omo-alliance-details .logo img { max-width: initial !important; } .mo-overlay .user-account-access-Oone .loginBox-seperator { top: 14px; } /* marketing assets new */ /* vaccinated people */ .emp-vaccinated-box-wrapper { width: 94%; margin: 20px auto; } .ohr-vaccinated-content-wrapper { box-shadow: 0 10px 10px -8px #000000; border-bottom: 8px #d8751a solid; display: flex; align-items: center; } .ohr-vaccinated-content-wrapper .img-box { width: 20%; float: left; padding: 10px; } .ohr-vaccinated-content-wrapper .img-box h2 { font-size: 28px; text-align: center; } .ohr-vaccinated-content-wrapper .content-box { padding: 20px; } .ohr-vaccinated-content-wrapper .content-box p { font-size: 20px !important; } /* vaccinated people */ .share-component { z-index: 998 !important; } .ohr-vaccinated-content-wrapper ul { width: 96%; float: left; list-style: none; padding: 0; } .ohr-vaccinated-content-wrapper ul li { float: left; width: 25%; text-align: center; margin-left: 0 !important; } .ohr-vaccinated-content-wrapper ul li h3 { color: #000; } /*.c-notification-country-list li:last-child{display: none;} */ .heading-component > p { max-width: 55% !important; } .offersBookingInfoCol.offersBookingInfoCol1 { display: none; } .marketing-assets-offers-page .marketing-assets-image-box:first-child { display: none; } .best-rate-guarantee-link { text-align: right; margin-right: 55px; font-size: 11px; margin-top: 8px; font-family: "Roboto", sans-serif; font-weight: bold; } .best-rate-guarantee-link a { color: #d9bf60; text-decoration: none; } .best-rate-guarantee-link img { vertical-align: middle; width: auto; } .best-rate-guarantee-link span { margin-left: 5px; } .booking-engine.layout2 .best-rate-guarantee-link { text-align: center; margin-right: 0px; position: relative; top: -20px; } .booking-engine.layout2 .offerMsgWrap { padding: 0px !important; bottom: 45px; position: absolute; } .booking-engine.layout2 .best-rate-guarantee-link a { font-weight: bold !important; font-size: 11px !important; } .availability-cta .booking-engine.layout2.left .checkInCheckOut .datesWrap.dateDisabled { display: none; } .christmasBox { top: 160px; right: 3px; position: fixed; z-index: 9; background: #000; padding: 4px 0px 2px 3px; cursor: pointer; } .christmasBoxWrapper { width: 320px; position: fixed; right: 3px; background: #fff; top: 210px; z-index: 999; padding: 12px; transform: translateX(108%); border: 2px solid #dca958; transition: 0.6s ease-in; -webkit-transition: 0.6s ease-in; -moz-transition: 0.6s ease-in; -o-transition: 0.6s ease-in; background: url(/images/snow-bg.png) center top -70% no-repeat #fff; background-size: 90%; } .christmasBoxWrapper .close-info-btn { position: absolute; top: 0px; right: -1px; padding: 2px 2px; line-height: 100%; cursor: pointer; } .christmasBoxWrapper .covid-update-info { font-size: 13px; font-family: "Roboto", sans-serif; line-height: 170%; text-align: center; padding: 6px; font-weight: 400; color: #000; float: left; text-align: center; width: 100%; padding-top: 60px; } .christmasBoxWrapper .covid-update-info h2 { font-family: "EB Garamond", serif; font-size: 1.8em !important; font-weight: 400; } .christmasBoxWrapper .covid-update-info p { margin: 8px 0px; } .christmasBoxWrapper .covid-update-info .know-more-abt-covid { width: 100%; margin: 7px auto; text-align: center; } .christmasBoxWrapper .covid-update-info .know-more-christmasBox a { width: 90px; background: #cc6c16; color: #fff; font-size: 13px; font-weight: 400; padding: 4px 0; text-align: center; text-decoration: none; display: inline-block; } .openXmas { transform: translateX(0); } .christmasBoxWrapper .covid-update-info a { color: #000; text-decoration: none; } .hotelChooseChildInfoWrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 20px 30px; border-radius: 10px; font-family: "Roboto", sans-serif; z-index: 999; } .hotelChooseChildInfoWrap p { font-size: 15px; } .hotelChooseChildInfoWrap .hotelChooseChildInfoDetailsRow { display: flex; width: 100%; border: 1px solid grey; align-items: center; } .hotelChooseChildInfoWrap .hotelChooseChildInfoDetailsColLeft { width: 50%; border-right: 1px solid grey; } .hotelChooseChildInfoWrap .hotelChooseChildInfoDetailsColRight { width: 50%; text-align: center; } .hotelChooseChildInfoWrap .hotelChooseChildInfoDetailsRow ul li { list-style: none; border-bottom: 1px solid grey; padding-bottom: 4px; font-weight: 300; padding: 10px 5px; font-size: 15px; } .hotelChooseChildInfoDetailsCol ul li:last-child { border: none; } .hotelChooseChildInfoWrap .hotelChooseChildInfoPara { margin-bottom: 10px; font-weight: 300; } .hotelChooseChildInfoWrap .hotelChooseChildInfoPara a { color: #000; text-decoration: none; } .hotelChooseChildInfoDetails p { margin-bottom: 10px; } .hotelChooseChildInfoCloseBtn { position: absolute; top: 0px; right: 10px; font-size: 25px; cursor: pointer; } .hotelChooseChildInfoWrapOverlay { position: fixed; top: 0px; width: 100%; background: #000; opacity: 0.8; z-index: 999; height: 100%; } .hotelChooseChildInfoErrorMsg { color: red; font-size: 11px; display: none; } .hotelChooseChildInfoCheckBox { color: #000; margin-top: 5px; font-weight: 300; font-size: 15px; } .safety-hygeine-box-default.noClick { pointer-events: none; } .christmasBox.noClick { pointer-events: none; } .banner-and-booking-widget .banner.udaivilas-banner, .banner .banner-slide .banner-image img.homePageBannerImg { min-height: 500px; } .experiences .experiences-wraper .img-box{ min-height:370px; } .banner-and-booking-widget .banner.udaivilas-banner .text-container { min-height: 45px; } .banner .banner-slide .banner-layer { min-height: 100px; } .covid-update-info-wrapper .close-info-btn { display: none; } .bannerFixHeight { height: 500px; overflow: hidden; } .oberoiRooms-slide .slidesText .phn-time li span{ width: auto !important; float: left; } .request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-mobile-heading, .request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-mobile-heading{ z-index: 99991 !important; } .soldOutDate.closedHotel::before{ content: ""; background: url(/images/oberoihotels/cross-icon.png?v=10) left top no-repeat; background-size: 100%; width: 62%; position: absolute; height: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .soldOutDate.closedHotel::after{ content:""; } .threeVideo-image-gallery .slick-prev, .threeVideo-image-gallery .slick-next{ width: 40px; height: 40px; } .experiences .experiences-wraper .text-container .cta-box a.style3 { padding-left: 0 !important; } .oberoiRooms .cta-box a.style3 { color: #6ab8d9; padding-left: 0 !important; } .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose{ width: 80%; } .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .child{ width: 20% !important; } @media only screen and (min-width:1920px) { /* nps starts */ .new-survey-wrapper .survey-box-2 ul{width: 63%;} /* nps ends */ } @media only screen and (min-width: 1920px) { .wellness-pop-up-Bg { padding: 140px 0 !important; } .wellness-pop-up-Bg .close-btn-wellness-pop-up { right: 20px; top: 14px; } .spa-wellnes-marketing-asset-wrapper{top: 620px;} .templateSpaandWellnessListingPage.hotel-pages .spa-wellnes-marketing-asset-wrapper { top: 510px; } } @media only screen and (min-width:1159px) and (max-width:1300px) { .new-survey-wrapper .survey-box-2 ul{width: 100%;} } @media only screen and (min-width: 1025px){ .menu-container .main-menu > li > a { padding: 8px 40px !important; font-size: 1em !important; } } @media only screen and (min-width: 1199px) { .availability-cta .boxColumn.cruiseEmbarkationDatePopUP { width: 520px; } .availability-cta .boxColumn.bEnginepopUp.cruiseEmbarkationDatePopUP { top: 39%; } #header .availability-cta .boxColumn { width: 520px; } .bookingEnginePopOverlay .close.cruiseEmbrClose { top: 42%; } .hotelChooseChildInfoWrap .hotelChooseChildInfoDetailsRow ul li { white-space: nowrap; } } @media only screen and (max-width: 767px) { .map-popup { overflow-x: hidden; } .experiences .experiences-wraper .text-container .cta-box a.style3 { padding-left:20px !important; } .oberoiRooms .cta-box a.style3 { color: #6ab8d9; padding-left: 20px !important; } .alliance-partners-section-component .three-image-gallery .slider-div { padding: 0; } .alliance-partners-section-component .three-image-gallery .slick-slide{margin: 0;} .awards .award-column{border: none;} .book-online-main-wrapper .main-offer-box-wrapper .oberoi-one-box-offer .oberoi-one-offer-details ul li img{ margin-right: 0 !important; } .destination-component-col2{ margin-top: 20px; } .our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box li span.h-heading { width: 25%; font-size: 13px; } .our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box li span.h-details { width: 74%; font-size: 13px; } .distance-and-flying-time tr td { min-width: 148px; padding: 5px !important; } .menu-container{ height: 170%; } .buttonStyle-blue{ margin-top: 20px; } .award-details .awards-container .award-col { width: 100%; min-height: 100% !important; padding-top: 10px !important; padding-bottom: 10px !important; margin-bottom: 10px; } .filter-component .filters-sub-category-list{ width: 65%; } .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style3{ max-width: 202px; } .cookie-settings-wrapper{ width:100% } .contact-us-toll-free .contact-info span a{ font-size: 12px !important; } /* global wellness starts */ } .global-wellness-day-wrapper .image-text-component-style1 .img-colm{ width: 100%; } .global-wellness-day-wrapper .image-text-component-style1 .text-colm { width: 100%; padding: 10px; } /* global wellness ends */ .banner-and-booking-widget{ top: -5px !important; } .bookingFormForMeetingAndEvents .formBoxWrapper #mblNumber { padding-left: 110px !important; } .bookingFormForMeetingAndEvents .formBoxWrapper .formField .column.mobileField .meeting-events-field-label { left: 110px !important; } /*thank you page css starts*/ .venue-details .btn-style2.venue-btn-style2.active{background-image: none !important;} .request-a-proposal-form .timelineWrap ul li span{left: 35px !important;} .desktop-image{display: none !important;} .mobile-image{display: block !important; } .global-thank-you-message { padding: 10px 20px 100px 20px; } .global-thank-you-message .thanks-message-bg { width: 100%; margin: 0 auto; line-height: 140%; margin-top: 0; } .global-thank-you-message .message-box { padding: 20px; width: 94%; float: left; position: absolute; z-index: 9; color: #000; font-size: 16px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,255,255, .8); } .global-thank-you-message:after { width: 85%; height: 50%; top: 20px; left: 7%; } /*thank you page css ends*/ .global-offers .image-text-block-style1 .text-block .text-block-duration{ display: none; } footer .footer-container .column .newsletter .errorMsg{color: #c5c5c5;} .heading-component > p { max-width: 100% !important; } .air-txt .air-quality { max-width: 500px !important; width: 500px !important; top: 308px !important; position: fixed !important; right: auto !important; left: 50% !important; transform: translate(-50%, -50%); } .bodyWrapMobile .offers .cta-box a.style1, .bodyWrapMobile .destination .cta-box a.style1, .bodyWrapMobile .experiences .cta-box a.style3, .bodyWrapMobile .cta-box a.style1, .bodyWrapMobile .cta-box a.style3, .bodyWrapMobile .cta-box a.style4, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1, .bodyWrapMobile .btns-list a.btn-style1{padding: 12px 24px 12px 20px !important;} /*.filter-results-list .image-text-block-style1 .text-block a.btn-style1{padding-left: 0 !important;}*/ .featured-list .image-text-block-style1 .text-block .btn-style1{padding-left: 0 !important;} .rooms-suites-page .image-text-component-style1 .text-colm .btns-list a.btn-style1 { padding-left: 0 !important; } /* oberoi select new assets starts */ .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box{ width: 100%; float: left; display: block; background-size: cover; padding:40px 20px; } .offers-slide .slide-text-box .cta-box a.style1 { padding-left: 0 !important; } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box .obr-select-logo { width: 100%; float: left; } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box .oberoi-select-marketing-content-box { width: 100%; float: left; text-align: center; } .oberoi-select-marketing-select-wrapper .oberoi-select-marketing-select-box .know-more-button { width: 60%; float: left; margin-left: 20%; } .oberoi-select-marketing-select-wrapper{margin-top: 40px;} /* oberoi select new assets ends */ .form-wellness-box-wrapper .row100Per .col-33{width: 100%;} /* wellnes pop up */ .wellness-form-field-box .t-datepicker-day { top: 0 !important; left: 0 !important; } .spa-wellnes-marketing-asset-wrapper .spa-wellness-offer-image h2{width: 50%;} .bodyWrapMobile.body-en.templateGenericPage.hotel-pages .banner-component-style1 { margin-bottom: 30px; } .spa-wellnes-marketing-asset-wrapper { position: static; width: 100%; z-index: 9; display: block; padding: 10px; float: left; margin-bottom: 50px; box-shadow: 0px 5px 25px 0px rgb(0 0 0 / 15%); } .spa-wellnes-marketing-asset-wrapper .spa-wellness-offer-image{width: 100%} .spa-wellnes-marketing-asset-wrapper .pop-up-cta { width: 100%; float: right; } .spa-wellnes-marketing-asset-wrapper .spa-wellnes-small-banner-image{width: 100%;} .spa-wellnes-marketing-asset-wrapper .pop-up-cta .spa-button { margin-top: 0; float: left; margin-left: 25%; } .wellness-pop-up-Bg { padding: 100px 0 10px 0 !important; } .new-offer-slider-box .new-offer-details { width: 33.33%; float: left; text-align: center; min-height: 186px; padding: 20px; } .wellness-pop-up-main-wrapper { width: 96% !important; top: 53% !important; height: auto; } .wellness-pop-up-Bg .close-btn-wellness-pop-up { right: 7px; top: 13px; } .wellness-pop-up-main-wrapper .wellness-form-wrapper { padding-top: 20px; max-height: 550px !important; overflow-y: auto; } .wellness-pop-up-main-wrapper .wellness-form-wrapper p { padding: 0 20px !important; } /* wellnes pop up ends */ /* new nps starts */ .new-survey-wrapper .survey-box-1 .survey-desc{width: 100%;} .survey-quiz .error-message-nps{margin-top: 20px;} .new-survey-wrapper .survey-box-2{ width: 100%; padding: 10px; margin-left: 0; } input.answer-text-box{ width: 70%; left: 20%; font-size: 15px; } .new-survey-wrapper { width: 100%; position: static; } .new-survey-wrapper .survey-box-2 ul{width: 100%; margin:0 0 0 5%;} .new-survey-wrapper .survey-box-2 ul li { margin-right: 10px; padding: 7px 6px; width: 12%; margin-top: 20px; margin-bottom: 20px; } .new-survey-wrapper .survey-box-2 ul li:nth-child(7) { margin-left: 20px; } .new-survey-wrapper .survey-box-2 ul li span{left: -8px; font-size: 12px;} /* new nps ends */ .offer-arrow-button{display: none !important} .form-button .btn-style2.submit-btn.btn-contact-us{color: #d57600 !important;} .query-form .query-form-heading span:after{ right: 25px !important; } .new-offer-slider-box .new-offer-details { width: 33.33%; float: left; text-align: center; min-height: 186px; padding: 20px; } .new-offer-slider-box .new-offer-details.cenetrallyaligned-items { margin-left: 0; } .new-offer-slider-box .new-offer-details.slick-slide img { width: auto; display: inline-block; } .new-offer-slider-box .slick-prev { left: 0; background: #d8d8d8; width: 30px !important; height: 30px !important; z-index: 9; } .new-offer-slider-box .slick-prev:before { content: ""; height: 8px; width: 8px; position: absolute; top: 10px; left: 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg); } .new-offer-slider-box .slick-next { right: 0; background: #d8d8d8; width: 30px !important; height: 30px !important; z-index: 9; } .new-offer-slider-box .slick-next:before { content: ""; height: 8px; width: 8px; position: absolute; top: 10px; right: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); } .new-offer-slider-box .new-offer-details p { padding: 0 10px; } .pop-up-page-disabled { width: 90%; } .form-field-new-pop-up-box input[type="email"] { width: 100%; } .form-field-new-wrapper { width: 100%; } .form-field-new-wrapper .field-box .form-field-new.name-field { width: 99%; margin-right: 0; } .form-field-new-wrapper h3, .form-field-new-wrapper h2 { width: 35%; } .christmas-marketing-assets.desk-only { display: none; } .christmas-marketing-assets.mob-only { display: block; } .right-side-menu .availability-cta .booking-engine { z-index: 999999999 !important; } .selectEmbarkationBox .name { position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .best-rate-guarantee-link { margin-right: 37px; } .booking-engine.layout2 .offerMsgWrap { position: static; } .booking-engine.layout2 .best-rate-guarantee-link { top: -10px; } /* wellness pop up css starts */ .calenderBox.calenderBox1 .t-datepicker.calenderItem1 .date-label-pos.active-label{display: none;} .calenderBox.calenderBox1 .t-datepicker.calenderItem2 .date-label-pos.active-label{display: none;} span.wellnes-book-now-button { padding-right: 20px; } span.wellnes-book-now-button:before { right: 5px; } .wellness-pop-up-main-wrapper { width: 98%; top: 35%; } .wellness-pop-up-main-wrapper .wellness-form-wrapper { padding-top: 20px; max-height: 350px; overflow-y: auto; } .form-wellness-box-wrapper .row100Per .col-40, .form-wellness-box-wrapper .row100Per .col-20, .form-wellness-box-wrapper .row100Per .col-50 { width: 100%; } .form-wellness-box-wrapper .row100Per .col-15 { width: 25%; } .form-wellness-box-wrapper .row100Per .col-35 { width: 75%; } .form-wellness-box-wrapper .row100Per .col-85 { width: 96%; } .form-wellness-box-wrapper .row100Per .col-15 .wellness-form-field-box .submit-button-wellnes-box { width: 100px; margin-top: 0px; } .form-wellness-box-wrapper .row100Per.form-coloumns-2 { width: 88%; margin-left: 5%; } .wellness-form-field-box .t-datepicker { max-width: 100%; } /* wellness pop up css ends */ } @media only screen and (max-width: 991px) { .bodyWrapMobile .destination .selectedCountry.actv-fltr{ background: url(/images/oberoihotels/destination/drop-down-arrow-up.png) 92% center no-repeat !important; } header .header-logo-unit.sm-logo img{max-width: 100% !important;} .best-rate-guarantee-link { margin-right: 0px; text-align: center; margin-top: 0px; } .c-main-wrap .c-col { min-width: 222px !important; } .hotelChooseChildInfoWrap { width: 100%; } .hotelChooseChildInfoCloseBtn { top: 20px; } .hotelChooseChildInfoWrap .hotelChooseChildInfoDetailsRow ul li { padding: 2px; font-size: 14px; } .hotelChooseChildInfoWrap .hotelChooseChildInfoDetails p { line-height: 120% !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { header .header-right-unit .right-side-menu ul li.o-one-menu-wrap{display: none !important;} .banner-and-booking-widget .banner.udaivilas-banner{min-height: auto !important;} .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style3{width: 30% !important; text-align: center; float: left; } .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style4{width: 30%; float: left; text-align: center;} .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style3:after{right: 30%;} .oberoiRooms .cta-box a{width: 33% !important; float: left; text-align: center;} .oberoiRooms .cta-box{margin-top: 18px; width: 100%;} .image-text-component-style1{margin-bottom: 15px;} .share-component{right: 65px;} .venue-details .btn-style2.venue-btn-style2.active{background-image: none !important;} .request-a-proposal-form .timelineWrap ul li span{left: 35px !important;} header .header-logo-unit img{max-width: 100% !important;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .cookie-box-wrapper{ bottom: 40px; } .cookie-consent-text{ text-align: center; width: 65%; margin-left: 5%; } .cookie-buttons-wrapper{ width: auto; margin-right: 0; margin-left: 7%; } /* wellness pop up css starts */ .banner-and-booking-widget .banner.udaivilas-banner { min-height: auto; } } @media only screen and (max-width: 767px) { .air-txt .air-quality { max-width: 96% !important; } .contact-us-toll-free .contact-info span{ display: block !important; } .captcha-field-container{ width: 100%; } .captcha-field-container .captcha-image{ width: auto !important; } .booking-engine-ev.exotic-vacation #sendUsYourQuery .viewAvailabilityButtonEV { min-width: 90px; text-align: center; } #dvsuccessfeedback{ width: 90% !important; padding: 30px !important; } #dvsuccessfeedback .closse-button{ font-size: 13px; padding: 3px 7px; } .omo-banner-slider .slick-prev{left: 0;} .omo-banner-slider .slick-next{right: 0;} .offers{ padding-bottom: 0 !important; } .cookie-settings-wrapper { width: 99%; max-height: 450px; overflow-y: auto; } .settings-detail .settings-type-wrapper .settings-type { width: 100%; } .covid-band-main-wrapper-box .close-covid-band { top: 90px; } .safety-hygeine-box-default { top: 90px; } .hotel-pages .covid-band-main-wrapper-box .close-covid-band { top: 90px; } .new-info-slides .information-label:after { right: 16%; } .cookie-box-wrapper { padding: 10px; bottom: 40px; } .cookie-box-copy-and-buttons { display: block; } .cookie-consent-text { width: 100%; text-align: center; margin-left: 0; } .cookie-consent-text { width: 100%; padding-left: 0; margin-left: 0; } .cookie-buttons-wrapper { width: 100%; margin-bottom: 10px; margin-left: 1%; } .cookie-buttons-wrapper .button-box { width: 48%; font-size: 12px; float: none; margin: 0 auto; } .home-page-link .cookie-buttons-wrapper .button-box { width: 46%; font-size: 12px; float: none; margin: 0 auto; } .home-page-link span.award-txt { font-size: 16px; } .desktop-visible-only { display: block !important; } .dekstop-hidden-only { display: block !important; } /* global marketing assets */ .oberoi-book-direct-marketing-assets-box { width: 100%; } .oberoi-best-rate-guarantee-marketing-assets-box { width: 100%; padding: 20px 0; margin: 20px 0; border-left: none; border-right: none; border-top: 1px solid #e7d497; border-bottom: 1px solid #e7d497; } .oberoi-one-marketing-assets-box { width: 100%; } .oberoi-one-marketing-assets-box .oberoi-one-offer-details-markting-assets { width: 100%; } .oberoi-one-marketing-assets-box .oberoi-one-offer-details-markting-assets ul { margin-top: 20px; } .oberoi-one-marketing-assets-box .oberoi-one-offer-details-markting-assets ul li { width: 100%; display: block; text-align: center; margin-right: 0; } .oberoi-one-marketing-assets-box .oberoi-one-offer-details-markting-assets ul li img { display: inline-block; } .oberoi-one-offer-details-markting-assets ul button.slick-prev.slick-arrow { position: absolute; content: ""; left: 5px; height: 40px; z-index: 999; background: #ccc !important; width: 40px; } .oberoi-one-offer-details-markting-assets ul button.slick-next.slick-arrow { position: absolute; content: ""; right: 0px; height: 40px; background: #ccc !important; z-index: 999; width: 40px; } .oberoi-one-offer-details-markting-assets ul button.slick-prev.slick-arrow:before { content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid #000; border-left: 2px solid #000; top: 55%; left: 45%; transform: translate(-50%, -50%) rotate(-45deg); } .oberoi-one-offer-details-markting-assets ul button.slick-next.slick-arrow:before { content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; top: 55%; right: 45%; transform: rotate(45deg) translate(-50%, -50%); border-left: none; } .oberoi-one-marketing-assets-box .oberoi-one-offer-details-markting-assets ul li p { padding: 0 40px; } /* global marketing assets ends */ .marketing-asset-offer-section.homePageStyle .marketing-asset-limited-preiod-offer { width: 100% !important; } .bodyWrapMobile .marketing-asset-offer-section.homePageStyle #divHomePageAddClass { width: 100% !important; } .marketing-asset-offer-section #divHomePageAddClass { width: 100% !important; } .marketing-asset-offer-section.marketing-asset-img { padding: 0px; } .marketing-asset-offer-section .marketing-asset-limited-preiod-offer { width: 100% !important; } .camera-icon-click { position: absolute; top: 24%; left: 55%; width: 35px; transform: translate(-50%, -50%); } .covid-band { width: 230px !important; } .covid-band:after { right: 38px !important; } .covid-update-info-wrapper { top: 135px !important; width: 230px !important; } .button-label-o-one, .button-label-register { font-size: 12px; width: 40%; text-align: left; line-height: 150%; position: static; } /* vaccinated people */ .ohr-vaccinated-content-wrapper { display: block; padding: 10px; } .ohr-vaccinated-content-wrapper { display: block; padding: 10px; float: left; } .ohr-vaccinated-content-wrapper ul li { float: left; width: 50%; text-align: center; padding: 0 20px; box-sizing: border-box; margin-bottom: 20px; } .ohr-vaccinated-content-wrapper ul li h3 { line-height: 130%; } .emp-vaccinated-box-wrapper { width: 100%; float: left; } .ohr-vaccinated-content-wrapper .img-box { width: 100%; margin-left: 0; text-align: center; } .ohr-vaccinated-content-wrapper .img-box img { width: 30%; } /* vaccinated people */ .banner div .banner-image .headerBannerWrapper > a { text-shadow: none !important; } .banner div .banner-image .headerBannerWrapper { margin-bottom: 30px; } /* marketing assets new for home page */ .new-marketing-assets-home-page .book-direct-logo { width: 100%; text-align: center; } .new-marketing-assets-home-page ul.marking-assets-list-offers { width: 100%; margin-left: 0; } .new-marketing-assets-home-page ul.marking-assets-list-offers li { width: 50%; margin-top: 20px; padding: 10px; } .marketing-offers-wrapper .assets-icon-box { width: 100%; align-items: center; text-align: center; float: left; } .marketing-assets-offers-page .marketing-assets-image-box { width: 100%; margin-top: 0; } .marketing-offers-wrapper { display: block; align-items: center; float: left; } .marketing-offers-wrapper .assets-content-box { text-align: center; width: 100%; padding: 10px 0 0 0; float: left; margin-left: 0; } .marketing-offers-wrapper .assets-icon-box { width: 100%; align-items: center; text-align: center; float: left; } .marketing-offers-wrapper .assets-icon-box a img { border-radius: 0; } .marketing-offers-wrapper .assets-content-box p { font-size: 13px !important; } /* marketing assets new finish for home page */ .offersBookingInfoBox .offersBookingInfoCol { width: 100%; margin-top: 20px; } .offersBookingInfoBox .offersBookingInfoCol1 { padding-right: 0px; } .offersBookingInfoBox .offersBookingInfoCol2 { width: 100%; } .banner .text-container span { display: inherit !important; line-height: 100%; } .udaivilas-banner .text-container { bottom: 140px !important; } .banner div .banner-image .headerBannerWrapper { text-shadow: 1px 1px #000; } @media only screen and (max-width: 667px) { .udaivilas-banner .text-container { bottom: 100px !important; } } } @media only screen and (min-width: 1200px) and (max-width: 1366px) { .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomsIndividualCount { margin-bottom: 3px; } .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap { margin-top: 5px; } .booking-engine .noOfGuestWrap .addGuestDropDown { padding-top: 10px; } .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block { margin-top: 5px; } .booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .label { margin-bottom: 2px; } .booking-engine .noOfGuestWrap .addGuestDropDown .actionWrap .actionButton { padding: 5px 0px; } } @media only screen and (min-width: 1025px) { .deskOnlyDisplay { display: block; } .mo-menu-conatiner .mo-menu-tab ul li, .menu-container .main-menu .menu-hdng { margin-bottom: 8px !important; } .mo-menu-conatiner .main-menu .menu-list > li { margin-bottom: 5px !important; } .menu-container .main-menu .menu-level-1 { padding-bottom: 15px !important; } .menu-container .main-menu > li > a { padding: 8px 40px !important; } } @media only screen and (min-width: 1199px) { header .header-right-unit .right-side-menu .c-main-wrap { width: 100%; max-width: 100%; } header .header-right-unit .right-side-menu .c-main-wrap .c-col.c-month-col { width: 20%; } header .header-right-unit .right-side-menu .c-main-wrap .c-col { width: 40%; } /*.award-details .award-col{ margin-right: 3%; }*/ /*.award-details .award-col, .award-details .award-col:nth-child(3n){ margin-right: 3% !important; }*/ .destination-component .destination-component-col1 { width: 47% !important; } .destination-component .destination-component-col2 { width: 53% !important; } } @media only screen and (min-width: 1561px) and (max-width: 1680px) { .c-main-wrap .c-date-col-2 { padding: 8px 0; } .c-main-wrap .c-col-txt { padding: 8px 10px; } } @media only screen and (min-width: 1199px) and (max-width: 1560px) { header .header-right-unit .right-side-menu .c-main-wrap .c-date-col-2 { padding: 5px 0; } header .header-right-unit .right-side-menu .c-main-wrap .c-col.c-month-col .c-col-txt { padding: 5px 10px; } header .header-right-unit .right-side-menu .c-main-wrap .c-col-txt { font-size: 12px; padding: 5px 10px; } header .header-right-unit .right-side-menu .c-main-wrap .c-date { margin-bottom: 0; font-size: 11px; } header .header-right-unit .right-side-menu .c-main-wrap .c-nav { padding: 5px 10px; } header .header-right-unit .right-side-menu .c-main-wrap .c-nxt, header .header-right-unit .right-side-menu .c-main-wrap .c-prv { top: 5px; } } @media only screen and (max-width: 1199px) { .c-main-wrap { top: 154px; } .deskOnlyDisplay { display: none !important; } .menu-container .main-menu > li.mobMenuDisplay { display: block; } .banner-and-booking-widget .banner.udaivilas-banner { min-height: 400px; } } .c-main-wrap .mCSB_scrollTools, .c-main-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 0; } .c-main-wrap .mCSB_inside > .mCSB_container { margin-right: 5px; } @media only screen and (max-width: 991px) { .booking-engine .checkInCheckOut .datesWrap .label, .booking-engine.layout2 .checkInCheckOut .datesWrap .label, .booking-engine.reverse .checkInCheckOut .datesWrap .label{ color: #000 !important; } .c-main-wrap { width: 100%; background: #fff; overflow-x: hidden; position: absolute; padding: 0; max-width: 100%; left: 0; padding: 0 10px; height: 75%; overflow-y: auto; } .c-main-wrap .c-main-container { width: 100%; overflow-x: scroll; background: #fff; padding-left: 30%; margin-bottom: 80px; } .c-main-wrap .c-col.c-month-col { width: 31%; min-width: 30% !important; position: absolute; left: 0; z-index: 9; background: #fff; } .c-main-wrap .c-col { min-width: 185px; min-height: 46px; width: 50%; } .c-main-wrap .c-row { border-bottom: none; } .c-main-wrap .c-col.c-month-col { border: 1px solid #a3a3a3; border-bottom: none; margin-top: -1px; } .c-main-wrap .c-offer-night-row { height: 100%; } .c-main-wrap .c-col, .c-main-wrap .c-offer-night-col { border-right: none; } .c-main-wrap .c-offer-col { border-right: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; } .c-main-wrap .c-date-col-2, .c-main-wrap .c-offer-night-col { border-right: 1px solid #a3a3a3; } .c-main-wrap .c-row:first-child .c-col.c-month-col { border-top: 0; margin-top: 0.2px; } .c-main-wrap .dynamic-cruise-calendar-data .c-row:nth-child(12n) .c-col.c-month-col { border-bottom: 1px solid #a3a3a3; padding-bottom: 12px; } .c-main-wrap .dynamic-cruise-calendar-data .c-row:first-child .c-col.c-month-col { border-top: 1px solid #a3a3a3; margin-top: -1px; } .c-main-wrap .c-date { font-size: 11px; width: 20px; margin-right: 4px; } .c-main-wrap .c-prv { left: 10px; } .c-main-wrap .c-nxt { right: 10px; } .c-main-wrap .c-done-btn-mob { height: 50px; line-height: 50px; text-align: center; background: #d8741b; border-radius: 50%; color: #fff; right: 0; font-size: 14px; font-weight: 700; position: absolute; left: 50%; bottom: 43px; transform: translate(-50%, 0); z-index: 10000; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25); display: block; width: 50px; cursor: pointer; } header .header-right-unit .right-side-menu .c-main-wrap .yearWrap a { padding: 0; } .menu-container .main-menu > li .menu-level-1 .menu-list { position: fixed; top: 0px; } .menu-container .main-menu > li .menu-level-1 { position: fixed; top: 158px; left: 0px; } .mo-menu-conatiner.menu-container .main-menu .menu-list > li a { padding: 8px 24px; } .menu-container.mo-menu-conatiner { padding-bottom: 20px; } .itineraries .itineraries-container .tab-con .night-selection ul li { position: relative; } .itineraries .itineraries-container .tab-con .night-selection ul li input[type="radio"] { position: absolute; opacity: 0; } .itineraries .itineraries-container .tab-con .night-selection ul li label:before { content: " "; display: inline-block; position: relative; margin-right: 6px; top: 3px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #8d8d8c; background-color: transparent; } .itineraries .itineraries-container .tab-con .night-selection ul li input:checked + label:before { border-color: #0075ff; } .itineraries .itineraries-container .tab-con .night-selection ul li input:checked + label:after { border-radius: 50%; width: 6px; height: 6px; position: absolute; top: 8px; left: 4px; content: " "; display: block; background: #0075ff; } .itineraries .content-section .bottom-section i.fa { display: block; } .itineraries .content-section .cta-box { text-align: left; } } @media only screen and (min-width: 991px) { .covid-band { top: 116px; } .covid-update-info-wrapper { top: 159px; } .booking-engine .hotelName .hotelListDropDown, .booking-engine .noOfGuestWrap .addGuestDropDown { z-index: 12 !important; } } @media only screen and (min-width: 1025px) and (max-width: 1280px) { .menu-container .main-menu > li > a { padding: 9px 40px !important; } .mo-menu-conatiner .mo-menu-tab ul li, .menu-container .main-menu .menu-hdng { margin-bottom: 4px !important; } .mo-menu-conatiner .mo-menu-tab { margin-bottom: 5px !important; } .mo-menu-conatiner .main-menu .menu-list > li { margin-bottom: 3px !important; } } @media screen and (max-width: 1024px) { body.templateNewOfferPage { padding-top: 75px; } } @media only screen and (max-width: 767px) { .mo-destination-component .mo-mandarin-destination-tab-details-wrap .destinationTab .selectedCountry.actv{background: url(/images/oberoihotels/destination/drop-down-arrow-up.png) 92% center no-repeat !important;} .participating-hotels-desc { max-width: 340px; overflow-x: scroll; float: left; } .more-tnc-box table{ width: 800px !important; } .ohr-select-limited-period-offer-box h2{font-size: 24px;} .christmasBandWrapper { top: 140px; } .bodyWrapMobile .marketing-asset-offer-section .marketing-asset-saving { width: 100% !important; } .bodyWrapMobile .marketing-asset-offer-section.homePageStyle .marketing-asset-saving { width: 100% !important; } .experiences .experiences-wraper .img-box{ min-height:200px; } } @media screen and (min-aspect-ratio: 13 / 9) and (max-device-width: 991px) and (orientation: landscape) { html.ipad:before { display: none; } } /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .author-post-page .author-section { text-align: center; } .author-post-page .author-section .author-img { width: 230px; margin: 0 auto; } .author-post-page .author-section .author-img img { border-radius: 50%; width: 100%; } .author-post-page .author-section .author-content { padding: 0 20% 0 20%; margin-bottom: 50px; font-size: 0.9375em; } .author-post-page .author-section .author-content h1 { font-size: 2.188em; font-family: "EB Garamond", serif; color: #000; letter-spacing: 1px; margin-top: 20px; margin-bottom: 20px; font-weight: 400; line-height: 100%; font-style: italic; padding-bottom: 20px; position: relative; } .author-post-page .author-section .author-content h1 span { font-style: normal; } .author-post-page .author-section .author-content h1:after { width: 100px; height: 1px; background: #000; content: ""; position: absolute; bottom: 0px; left: 50%; margin-left: -50px; } @media only screen and (max-width: 360px) { .new-offer-slider-box .new-offer-details{min-height: 245px;} .tab-button {width: 110px !important; font-size: 15px !important;} .dashboard .members-benefits-form-wrapper .form-container .form-wrapper-box .form-fields select{background-size: auto !important} } /*# sourceMappingURL=author-post-page.css.map */ .grey-box-main-wrap{margin-bottom:30px}.travel-info{font-family:"Roboto",sans-serif;font-size:.938em;margin-bottom:40px;float:left;width:100%}.travel-info ul li{list-style-position:outside;margin-left:20px;font-size:0.9375em;font-weight:300;line-height:1.5em}.travel-info img{max-width:100%}.travel-info .grey-box-heading{line-height:100%;padding:10px 15px;font-size:15px;font-weight:600;background:#ebebeb}.travel-info .grey-box-heading span{font-weight:300}.travel-info .box-col-50{width:48%;float:left;margin-right:4%}.travel-info .box-col-50:last-child{margin-right:0px}.travel-info .box-wrapper{float:left;width:100%}.travel-info .travel-info-box{margin-bottom:40px;width:100%;float:left}.travel-info .travel-info-box .accordian-with-content{border-bottom:1px solid #f2f2f2;width:100%;float:left}.travel-info .travel-info-box .accordian-with-content .travel-arrow-button{width:100%;text-align:center;margin:10px 0;float:left;cursor:pointer;moz-transition:all ease-out 1.1s;-webkit-transition:all ease-out 1.1s;-ms-transition:all ease-out 1.1s;transition:all ease-out 1.1s}.travel-info .travel-info-box .accordian-with-content .travel-arrow-button .down-arrow{border-bottom:2px solid #d97720;border-right:2px solid #d97720;cursor:pointer;display:inline-block;height:10px;transform:rotate(45deg) translateX(-50%);transition:all 1.1s ease-out 0s;width:10px;z-index:2}.travel-info .travel-info-box .accordian-with-content .travel-arrow-button .down-arrow.active{transform:rotate(224deg)}.travel-info .travel-info-box .accordian-with-content .accordian-heading{padding:10px 0px;font-size:15px;cursor:pointer;font-size:.938em;font-weight:600}.travel-info .travel-info-box .accordian-with-content .accordian-heading.active span:after{content:"-";font-size:200%;font-weight:300}.travel-info .travel-info-box .accordian-with-content .accordian-heading span{position:relative;padding-right:35px}.travel-info .travel-info-box .accordian-with-content .accordian-heading span:after{content:"+";position:absolute;top:50%;right:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#d8741b}.travel-info .travel-info-box .accordian-with-content .accordian-content{width:100%;float:left;display:none}.travel-info .travel-info-box .accordian-with-content .accordian-col-wrap{padding-top:15px;padding-left:15px}.travel-info .travel-info-box .accordian-with-content .accordian-col-sec{width:100%;float:left}.travel-info .travel-info-box .accordian-with-content .accordian-col-sec .accordian-col{width:50%;float:left;margin-bottom:20px;font-size:15px}.travel-info .travel-info-box .accordian-with-content .accordian-col-sec .accordian-col span{margin-right:10px;float:left}.travel-info .travel-info-box .accordian-with-content .accordian-col-sec .accordian-col a{color:#000;text-decoration:none}.travel-info .travel-info-box .accordian-with-content .details-content{width:100%;float:left;max-height:290px;overflow:hidden;-moz-transition:max-height 1s ease-out;-webkit-transition:max-height 1s ease-out;-o-transition:max-height 1s ease-out;transition:max-height 1s ease-out}.travel-info .travel-info-box .accordian-with-content .details-content.active{max-height:2500px}.travel-info .travel-info-box .accordian-with-content .details-content ul{list-style:none;margin-left:20px}.travel-info .travel-info-box .accordian-with-content .details-content ul li{font-size:15px;font-weight:300;margin-bottom:15px;position:relative}.travel-info .travel-info-box .accordian-with-content .details-content ul li span.icon{width:24px;margin-right:12px;text-align:center;display:inline-block;position:absolute;top:2px;left:-30px}.travel-info .grey-box-info-dtls{position:relative;padding-top:15px;padding-left:15px}.travel-info .grey-box-info-dtls p{font-weight:300}.travel-info .grey-box-info-dtls.offer-detail-box{padding-bottom:30px;border-bottom:1px solid #ebebeb}.travel-info .grey-box-info-dtls .info-box-heading{padding:6px 0px 0px 15px;font-size:0.9375em;font-family:"Roboto",sans-serif}.travel-info .grey-box-info-dtls .info-box-heading select{font-size:14px;font-weight:300;border:none;padding:5px 10px;color:#000;font-weight:300;font-family:"Roboto", sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/contact-us-form/select-arrow.png) right 10px center no-repeat #fff;width:250px}.travel-info .grey-box-info-dtls .info-box-heading span{padding:0px 30px 0px 15px;position:relative;cursor:pointer}.travel-info .grey-box-info-dtls .info-box-heading span:after{content:" ";border-bottom:2px solid #737373;border-right:2px solid #737373;top:50%;margin-top:-6px;height:7px;right:0px;position:absolute;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px;z-index:2}.travel-info .grey-box-info-dtls .info-box-heading.active span:after{-moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg);margin-top:-2px}.travel-info .grey-box-info-dtls .grey-box-content-dtls{max-height:200px;overflow:hidden;width:100%;float:left;-moz-transition:max-height 0.15s ease-out;-webkit-transition:max-height 0.15s ease-out;-o-transition:max-height 0.15s ease-out;transition:max-height 0.15s ease-out}.travel-info .grey-box-info-dtls .grey-box-content-dtls.active{max-height:1000px;-moz-transition:max-height 0.25s ease-in;-webkit-transition:max-height 0.25s ease-in;-o-transition:max-height 0.25s ease-in;transition:max-height 0.25s ease-in}.travel-info .grey-box-info-dtls .down-arrow{content:" ";border-bottom:2px solid #d97720;border-right:2px solid #d97720;bottom:10px;height:10px;left:50%;position:absolute;-moz-transform:rotate(45deg) translateX(-50%);-webkit-transform:rotate(45deg) translateX(-50%);-ms-transform:rotate(45deg) translateX(-50%);-o-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);width:10px;z-index:2;cursor:pointer}.travel-info .grey-box-info-dtls .down-arrow.active{-moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)}.travel-info .grey-box-info-dtls ul{padding-left:30px}.travel-info .grey-box-info-dtls ul li{font-size:0.9375em;font-family:"Roboto",sans-serif;margin-top:10px;font-weight:300}.travel-info .grey-box-info-dtls .grey-box-col-wrap{margin:10px 0px;width:100%;float:left;padding-left:15px}.travel-info .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-heading{font-size:0.9375em;font-family:"Roboto",sans-serif;width:100%;float:left;font-weight:600}.travel-info .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec{width:100%;float:left}.travel-info .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col{font-size:0.9375em;font-family:"Roboto",sans-serif;margin-top:10px;font-weight:300}.travel-info .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col span{display:block;font-weight:300;font-size:12px}.travel-info .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col.col-big{float:left;width:50%}.travel-info .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col.col-small{float:left;width:25%}.travel-info .grey-box-info-dtls table{width:100%;margin-top:22px}.travel-info .grey-box-info-dtls table tr th,.travel-info .grey-box-info-dtls table tr td{text-align:left;padding:10px 15px;font-size:.938em;vertical-align:top}.travel-info .grey-box-info-dtls table tr th{font-weight:500}.travel-info .grey-box-info-dtls table tr th span{font-weight:300;font-size:80%}.travel-info .grey-box-info-dtls .tnc-txt{margin:15px 0px 5px 0px;text-align:right;font-size:11px;font-weight:300;font-family:"Roboto",sans-serif;float:left;width:100%;position:absolute;bottom:5px;right:0px}.travel-info .travel-more-info-dtls{width:100%;float:left;margin-bottom:50px}.travel-info .travel-more-info-dtls>p{margin-bottom:10px;font-size:0.9375em}.travel-info .travel-more-info-dtls>p:last-child{margin-bottom:0px}.travel-info .travel-more-info-dtls .more-info-sub-heading{font-size:15px;font-weight:600}.travel-info .travel-more-info-dtls .more-info-sub-heading span{position:relative;padding-right:40px;cursor:pointer}.travel-info .travel-more-info-dtls .more-info-sub-heading span:after{content:" ";border-bottom:2px solid #ebb98c;border-right:2px solid #ebb98c;top:50%;margin-top:-6px;height:7px;right:0px;position:absolute;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px;z-index:2}.travel-info .travel-more-info-dtls .more-info-sub-heading.active span:after{-moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg);margin-top:-2px}.travel-info .travel-more-info-dtls .more-info-dtls-wrap{border-bottom:1px solid #ebebeb;margin-bottom:25px;padding-bottom:10px}.travel-info .travel-more-info-dtls .more-info-dtls-wrap:last-child{margin-bottom:0px}.travel-info .travel-more-info-dtls .more-info-content-dtls{padding:10px 0px;display:none;font-weight:300}.travel-info .travel-more-info-dtls .more-info-content-dtls p{margin-top:15px}.travel-info .weather-info-wrap{margin-top:25px;width:80%}.travel-info .weather-info-wrap .weather-info{margin-top:5px}.travel-info .weather-info-wrap .weather-info table{width:100%;padding:0px 15px}.travel-info .weather-info-wrap .weather-info table th{font-weight:600;text-align:left}.travel-info .weather-info-wrap .weather-info table th,.travel-info .weather-info-wrap .weather-info table td{font-size:15px;padding:10px 0px}.travel-info .weather-info-wrap .weather-info table td{font-weight:300}.travel-info .weather-info-wrap .weather-info table td:first-child{font-weight:600}@media only screen and (max-width: 991px){.travel-info .box-col-50{width:100%}.travel-info .map-box{margin-top:15px}.travel-info .map-box img{width:100%}.travel-info .travel-info-box .accordian-with-content .accordian-heading{background:#f5f5f5;font-weight:300}.travel-info .travel-info-box .accordian-with-content .accordian-heading span{padding-left:15px;display:block}.travel-info .travel-info-box .accordian-with-content .accordian-heading span::after{right:15px;color:#3d3d3d}.travel-info .travel-info-box .accordian-with-content{margin-bottom:2px}.travel-info .weather-info-wrap{width:100%}}@media only screen and (max-width: 767px){.travel-info .grey-box-heading{margin-top:5px}.travel-info .travel-info-box,.travel-info .travel-more-info-dtls{margin-bottom:20px}}@media only screen and (max-width: 480px){.travel-info .grey-box-heading{padding:10px}.travel-info .weather-info-wrap .weather-info{width:100%;overflow:scroll}.travel-info .weather-info-wrap .weather-info table{padding:0px 5px;width:400px}.travel-info .travel-info-box .accordian-with-content .accordian-heading span{padding-left:10px}.travel-info .weather-info-wrap .weather-info table th,.travel-info .weather-info-wrap .weather-info table td{text-align:center;padding:10px 5px;font-size:13px}.travel-info .travel-more-info-dtls .more-info-sub-heading{background:#f5f5f5;padding:0px}.travel-info .travel-more-info-dtls .more-info-sub-heading span{padding:10px 10px;font-weight:300;display:block}.travel-info .travel-more-info-dtls .more-info-sub-heading span:after{content:"+";position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#3d3d3d;border:none;height:auto;width:auto;margin-top:0px;font-weight:500}.travel-info .travel-more-info-dtls .more-info-sub-heading.active span:after{content:"-";font-size:200%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:0px;font-weight:300}.travel-info .travel-more-info-dtls .more-info-dtls-wrap{border-bottom:0px;margin-bottom:2px;padding-bottom:0px}.travel-info .travel-more-info-dtls .more-info-content-dtls{margin:0px 0px 15px 0px}.travel-info .travel-info-box .accordian-with-content .accordian-col-wrap{padding-left:10px}.travel-info .travel-info-box .accordian-with-content .accordian-col-sec .accordian-col{font-size:13px}.travel-info .travel-info-box .accordian-with-content .accordian-col-sec .accordian-col{font-size:13px}.travel-info .travel-info-box .accordian-with-content .accordian-col-sec .accordian-col:first-child{width:45%}.travel-info .travel-info-box .accordian-with-content .accordian-col-sec .accordian-col:last-child{width:55%}.travel-info .travel-info-box .accordian-with-content .accordian-col-sec .accordian-col span{margin-right:5px}.travel-info .travel-info-box .accordian-with-content .details-content ul{margin-left:15px}.travel-info .travel-info-box .accordian-with-content .details-content ul li{font-size:13px;width:100%;float:left}.travel-info .travel-info-box .accordian-with-content .details-content ul li span.icon{width:20%;max-width:15px;float:left}.travel-info .travel-info-box .accordian-with-content .details-content ul li span.text{width:80%;float:left}} /*# sourceMappingURL=travel-info.css.map */ .title-with-legand-discription { margin: 40px 0px } .title-with-legand-discription h3 { font-family: "EB Garamond", serif; font-size: 28px; margin-bottom: 10px; font-weight: 500 } .title-with-legand-discription p { font-size: .9375em; font-family: "Roboto", sans-serif; margin-bottom: 15px } .title-with-legand-discription .contact-details { margin-top: 8px } .title-with-legand-discription .contact-details ul { list-style: none } .title-with-legand-discription .contact-details ul li { width: 33%; float: left } .title-with-legand-discription .contact-details ul li p span { font-weight: 600; width: 107px; display: inline-block } .title-with-legand-discription .contact-details p span { margin-right: 25px; font-weight: 600 } .title-with-legand-discription .contact-details-box { width: auto; float: left } .title-with-legand-discription .contact-details-box h4 { font-size: 20px; font-weight: 500; margin-bottom: 10px; font-family: "EB Garamond", serif } .title-with-legand-discription .contact-details-box h4 span { font-family: "Roboto", sans-serif; display: block; font-size: 15px; font-weight: 300; margin-top: 5px } .title-with-legand-discription .contact-details-box .contact-details-col { width: 50%; float: left } .title-with-legand-discription .contact-details-box .contact-details-col p span { display: inline-block; vertical-align: top } .title-with-legand-discription .contact-details-box .contact-details-col p span.office-no { font-weight: 400 } .title-with-legand-discription .col-small { width: 33% } .title-with-legand-discription .col-big { width: 67% } .aviation-page .tnc-details-box { margin-bottom: 90px } .aviation-page { margin-top: 0 !important; } @media only screen and (max-width: 991px) { .title-with-legand-discription .contact-details ul { float: left; width: 100% } .title-with-legand-discription .contact-details ul li { width: 50% } .title-with-legand-discription .contact-details-box.col-big .contact-details-col p span { display: block } .title-with-legand-discription .col-small, .title-with-legand-discription .col-big { width: 50% } } @media only screen and (max-width: 767px) { .title-with-legand-discription { margin: 30px 0px } .title-with-legand-discription .contact-details ul li { width: 50% } .title-with-legand-discription .contact-details ul li p span { display: block; width: auto } .title-with-legand-discription .contact-details-box.col-big .contact-details-col { width: 100% } .title-with-legand-discription .contact-details-box.col-big .contact-details-col p span { display: inline; margin-right: 18px } .title-with-legand-discription .contact-details-box.col-big .contact-details-col p span br { display: none } .title-with-legand-discription .col-small, .title-with-legand-discription .col-big { width: 100% } .title-with-legand-discription .contact-details p span { display: inline } .aviation-page .heading-component { padding-bottom: 15px } } @media only screen and (max-width: 359px) { .title-with-legand-discription .contact-details p span { display: block } } /*# sourceMappingURL=title-with-legand-discription.css.map */ .distance-and-flying-time{margin-bottom:60px;max-width:765px;overflow:auto}.distance-and-flying-time h3{font-family:"EB Garamond", serif;font-size:28px;margin-bottom:10px;font-weight:500}.distance-and-flying-time p{font-size:.9375em;font-family:"Roboto", sans-serif;margin-bottom:15px}.distance-and-flying-time table{width:100%;font-family:"Roboto", sans-serif}.distance-and-flying-time table tr th{text-align:left;padding-bottom:20px;font-size:.9375em}.distance-and-flying-time table tr th span{display:block;font-size:10.99px;font-weight:300}.distance-and-flying-time table tr td{padding-bottom:20px;font-size:.9375em}.distance-and-flying-time .flying-tnc{margin-top:10px}.distance-and-flying-time .flying-tnc p{margin-bottom:0px}@media only screen and (max-width: 767px){.distance-and-flying-time{margin-bottom:50px}} /*# sourceMappingURL=distance-and-flying-time.css.map */ .image-with-contact-discription{margin-bottom:40px}.image-with-contact-discription .img-col{float:left;margin-right:4%;position:relative;width:57%}.image-with-contact-discription .img-col>img{height:auto;max-width:100%;vertical-align:middle;width:100%}.image-with-contact-discription .description-col{float:left;width:39%}.image-with-contact-discription p{margin-bottom:20px;font-family:"Roboto",sans-serif;font-size:.938em}.image-with-contact-discription p:first-child{margin-top:-4px}.image-with-contact-discription h1{font-family:"EB Garamond",serif;font-size:1.75em;font-style:italic;font-weight:400;line-height:110%;margin-bottom:12px;margin-top:-5px}.image-with-contact-discription h1 span{font-style:normal}.image-with-contact-discription .contact-details-wrap{margin-top:10px;list-style:none;float:left}.image-with-contact-discription .contact-details-wrap li{font-family:"Roboto",sans-serif;font-size:.938em;font-weight:300;margin-bottom:15px}.image-with-contact-discription .contact-details-wrap li a{text-decoration:none;color:inherit}.image-with-contact-discription .contact-details-wrap li span{display:inline-block;vertical-align:top;line-height:24px}.image-with-contact-discription .contact-details-wrap li span.contact-heading{width:140px}.image-with-contact-discription .contact-details-wrap li span.contact-details>span{font-size:80%;display:block;margin-top:4px}.image-with-contact-discription .contact-details-wrap li span strong{font-weight:700}@media only screen and (max-width: 1199px){.image-with-contact-discription .description-col .contact-details-wrap li{font-size:13px}.image-with-contact-discription .description-col .contact-details-wrap li span.contact-heading{width:108px}}@media only screen and (max-width: 991px){.image-with-contact-discription{margin-bottom:40px}.image-with-contact-discription .img-col{width:100%;margin-right:0;margin-bottom:15px}.image-with-contact-discription .description-col{width:100%}.image-with-contact-discription p:first-child{margin-top:0px}.image-with-contact-discription .contact-details-wrap li span.contact-heading{width:105px}}@media only screen and (max-width: 480px){.image-with-contact-discription .description-col .contact-details-wrap li span.contact-heading{width:100px}}@media only screen and (max-width: 359px){.image-with-contact-discription .description-col .contact-details-wrap li span.contact-heading{display:block}} /*# sourceMappingURL=image-with-contact-discription.css.map */ .contact-us-form{max-width:700px;font-family:"Roboto", sans-serif;margin-top:20px}.contact-us-form .queries-btn label{font-family:"Roboto", sans-serif;font-size:14px;margin-right:35px;position:relative}.contact-us-form .queries-btn label:after{position:absolute;content:" ";height:10px;width:10px;border-radius:50%;border:1px solid #000;top:2px;left:0px}.contact-us-form .queries-btn label input[type="radio"]{opacity:0}.contact-us-form .queries-btn label span{display:inline-block;margin-left:15px}.contact-us-form .queries-btn label.active:after{border:5px solid #d8751d;height:6px;width:6px;top:0px}.contact-us-form .contact-us-form-wrap{margin-top:25px}.contact-us-form .contact-us-form-wrap .form-field-container{margin-bottom:25px;width:100%;float:left}.contact-us-form .contact-us-form-wrap .form-field-container .field-col1{width:58%;float:left;padding-right:2%}.contact-us-form .contact-us-form-wrap .form-field-container .field-col1 .label-content{width:44.6%}.contact-us-form .contact-us-form-wrap .form-field-container .field-col1 .form-field{width:55%}.contact-us-form .contact-us-form-wrap .form-field-container .field-col2{width:42%;float:left}.contact-us-form .contact-us-form-wrap .label-content{width:25%;font-size:14px;float:left;font-family:"Roboto", sans-serif;font-weight:300;margin-top:5px}.contact-us-form .contact-us-form-wrap .form-field{width:75%;float:left}.contact-us-form .contact-us-form-wrap .form-field input[type="text"],.contact-us-form .contact-us-form-wrap .form-field select,.contact-us-form .contact-us-form-wrap .form-field textarea{font-size:14px;font-weight:300;border:1px solid #999;padding:5px 10px;color:#000;font-weight:300;font-family:"Roboto", sans-serif}.contact-us-form .contact-us-form-wrap .form-field .form-field-col{width:auto;float:left}.contact-us-form .contact-us-form-wrap .form-field .form-field-col.title-filed{width:15%;float:left}.contact-us-form .contact-us-form-wrap .form-field .form-field-col.title-filed.name-field1,.contact-us-form .contact-us-form-wrap .form-field .form-field-col.title-filed.name-field2{width:40.5%;float:left;margin-left:2%}.contact-us-form .contact-us-form-wrap .form-field .form-field-col select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/images/oberoihotels/contact-us-form/select-arrow.png) right 10px center no-repeat #fff}.contact-us-form .contact-us-form-wrap .form-field .form-field-col textarea{width:100%;resize:none;height:86px}.contact-us-form .contact-us-form-wrap .form-field .form-field-col .select-box{width:100%}.contact-us-form .contact-us-form-wrap .form-field .form-field-col .select-box.select-title{width:15%}.contact-us-form .contact-us-form-wrap .form-field .form-field-col .input-filed{width:100%}.contact-us-form .contact-us-form-wrap .form-field .form-field-col .input-filed.field-style1{width:39.6%;margin-left:2%}.contact-us-form .contact-us-form-wrap .form-field .form-field-col ::-webkit-input-placeholder{color:#000;opacity:1 !important}.contact-us-form .contact-us-form-wrap .form-field .form-field-col.name-field1,.contact-us-form .contact-us-form-wrap .form-field .form-field-col.name-field2{width:40.5%;float:left;margin-left:2%}.contact-us-form .contact-us-form-wrap .form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/images/oberoihotels/contact-us-form/select-arrow.png) right 10px center no-repeat #fff}.contact-us-form .contact-us-form-wrap .form-field textarea{width:100%;resize:none;height:86px}.contact-us-form .contact-us-form-wrap .form-field .select-box{width:100%; padding-right: 35px !important;}.contact-us-form .contact-us-form-wrap .form-field .select-box.select-title{width:15%}.contact-us-form .contact-us-form-wrap .form-field .input-filed{width:100%}.contact-us-form .contact-us-form-wrap .form-field .input-filed.field-style1{width:39.6%;margin-left:2%}.contact-us-form .contact-us-form-wrap .form-field ::-webkit-input-placeholder{color:#000;opacity:1 !important}.contact-us-form .contact-us-form-wrap .form-field :-moz-placeholder{color:#000;opacity:1 !important}.contact-us-form .contact-us-form-wrap .form-field ::-moz-placeholder{color:#000;opacity:1 !important}.contact-us-form .contact-us-form-wrap .form-field :-ms-input-placeholder{color:#000;opacity:1 !important}.contact-us-form .contact-us-form-wrap .form-field .captcha-image{width:30%;float:left;border:1px solid #ebebeb;height:30px;background:#fff;text-align:center}.contact-us-form .contact-us-form-wrap .form-field .captcha-image img{width:42%;margin-top:2px}.contact-us-form .contact-us-form-wrap .form-field .captcha-field{width:35%;float:left;padding-left:4%}.contact-us-form .contact-us-form-wrap .form-field .captcha-field input{height:30px}.contact-us-form .contact-us-form-wrap .form-field .reload-captcha{width:35%;float:left;padding-left:4%;font-family:"Roboto", sans-serif;font-size:14px;font-weight:300;text-align:right;margin-top:5px}.contact-us-form .contact-us-form-wrap .form-field .reload-captcha a{color:#000}.contact-us-form .form-tnc{font-family:"Roboto", sans-serif;font-size:14px;text-align:right;width:auto;float:right}.contact-us-form .form-button{width:25%;float:left}.contact-us-form .form-button .submit-btn{float:right}.contact-us-form .form-button .btn-style1,.contact-us-form .form-button .btn-style2{text-transform:none}.contact-us-form .error-message{font-size:10px;color:red;margin-top:4px;float:left;white-space:nowrap}@media only screen and (max-width: 480px){.contact-us-form{max-width:100%}}@media only screen and (max-width: 480px){.contact-us-form .queries-btn label{margin-right:15px}.contact-us-form .queries-btn label span{margin-left:10px}.contact-us-form .contact-us-form-wrap .form-field-container{margin-bottom:15px}.contact-us-form .contact-us-form-wrap .form-field-container .field-col1{width:100%;padding-right:0px}.contact-us-form .contact-us-form-wrap .form-field-container .field-col1 .label-content{width:33%}.contact-us-form .contact-us-form-wrap .form-field-container .field-col1 .form-field{width:67%}.contact-us-form .contact-us-form-wrap .form-field-container .field-col2{width:100%;margin-top:15px}.contact-us-form .contact-us-form-wrap .form-field-container.captcha-container .label-content{width:44%}.contact-us-form .contact-us-form-wrap .form-field-container.captcha-container .form-field{width:45%}.contact-us-form .contact-us-form-wrap .label-content{width:33%}.contact-us-form .contact-us-form-wrap .form-field{width:67%}.contact-us-form .contact-us-form-wrap .form-field .form-field-col.title-filed{width:30%}.contact-us-form .contact-us-form-wrap .form-field .form-field-col.name-field1{width:68%}.contact-us-form .contact-us-form-wrap .form-field .form-field-col.name-field2{width:100%;margin:15px 0px 0px 0px}.contact-us-form .contact-us-form-wrap .form-field .captcha-image img{margin-top:0px}.contact-us-form .contact-us-form-wrap .form-field .captcha-image,.contact-us-form .contact-us-form-wrap .form-field .captcha-field,.contact-us-form .contact-us-form-wrap .form-field .reload-captcha{margin-bottom:15px;width:100%;text-align:center;padding-left:0px}.contact-us-form .contact-us-form-wrap .form-field .select-box{padding-right:14% !important}.contact-us-form .form-button{width:43%}}@media only screen and (max-width: 359px){.contact-us-form .queries-btn label{margin-right:7px;font-size:13px}} /*# sourceMappingURL=contact-us-form.css.map */ .map-destination{max-width:500px;font-family:"Roboto", sans-serif;margin-top:20px;position:relative;overflow:hidden}.map-destination #directionMsg{color:#fc4646;font-size:11px;margin-top:-10px}.map-destination .map-destination-wrap{position:relative}.map-destination .map-destination-wrap .map-detail{height:445px}.map-destination .map-destination-wrap .map-detail img{height:100%;height:auto}.map-destination .map-destination-wrap .map-detail iframe{width:100%;height:100%}.map-destination .map-destination-wrap .destination-field{background:#fff;padding:10px 10px;width:250px;position:absolute;right:5px;top:0px}.map-destination .map-destination-wrap .destination-field .address-field{width:80%;float:left}.map-destination .map-destination-wrap .destination-field .add-swipe-button{width:31px;float:right;margin-top:23px}.map-destination .map-destination-wrap .destination-field .add-swipe-button button{border:none;background:url(/images/oberoihotels/sprites-icons.png) no-repeat;background-position:-143px -175px;height:31px;width:31px}.map-destination .map-destination-wrap .destination-field input{width:100%;float:left;padding:5px 10px;font-size:14px;font-family:"Roboto", sans-serif;border:1px solid #ebebeb;margin-bottom:15px}.map-destination .map-destination-wrap .destination-field .btn-style2{white-space:nowrap}@media only screen and (max-width: 991px){.map-destination{max-width:100%}.map-destination .map-destination-wrap .map-detail{height:auto}}@media only screen and (max-width: 480px){.map-destination .queries-btn label{margin-right:15px}.map-destination .queries-btn label span{margin-left:10px}.map-destination .map-destination-wrap .form-field-container{margin-bottom:15px}.map-destination .map-destination-wrap .form-field-container .field-col1{width:100%;padding-right:0px}.map-destination .map-destination-wrap .form-field-container .field-col1 .label-content{width:33%}.map-destination .map-destination-wrap .form-field-container .field-col1 .form-field{width:67%}.map-destination .map-destination-wrap .form-field-container .field-col2{width:100%;margin-top:15px}.map-destination .map-destination-wrap .form-field-container.captcha-container .label-content{width:44%}.map-destination .map-destination-wrap .form-field-container.captcha-container .form-field{width:45%}.map-destination .map-destination-wrap .label-content{width:33%}.map-destination .map-destination-wrap .form-field{width:67%}.map-destination .map-destination-wrap .form-field .form-field-col.title-filed{width:30%}.map-destination .map-destination-wrap .form-field .form-field-col.name-field1{width:68%}.map-destination .map-destination-wrap .form-field .form-field-col.name-field2{width:100%;margin:15px 0px 0px 0px}.map-destination .map-destination-wrap .form-field .captcha-image img{margin-top:0px}.map-destination .map-destination-wrap .form-field .captcha-image,.map-destination .map-destination-wrap .form-field .captcha-field,.map-destination .map-destination-wrap .form-field .reload-captcha{margin-bottom:15px;width:100%;text-align:center;padding-left:0px}.map-destination .map-destination-wrap .form-field .select-box{padding-right:14%}.map-destination .form-button{width:43%}} /*# sourceMappingURL=map-destination.css.map */ .page-top-margin{margin-top:80px}.contact-us-page{margin-bottom:90px}.contact-us-page .col-big{float:left;margin-right:4%;position:relative;width:57%}.contact-us-page .col-small{float:left;width:39%}.contact-us-page .col-50{float:left;width:50%}.contact-us-page .toll-free-section{padding-bottom:15px;width:100%;float:left;border-bottom:1px solid #ebebeb}@media only screen and (max-width: 991px){.contact-us-page{margin-bottom:40px}.contact-us-page .col-big{margin-right:0px;width:100%}.contact-us-page .col-small{width:100%;margin-top:30px}.contact-us-page .col-50{width:100%}}@media only screen and (max-width: 767px){.page-top-margin{margin-top:40px}} /*# sourceMappingURL=contact-us-common.css.map */ .pop-out{background-color:#ffffff;box-shadow:0 0 5px #f8e1b2;opacity:0;padding:15px;position:absolute;top:-115px;transition:all 0.2s ease 0s;visibility:hidden;width:200px}.pop-out:before{background-color:#ffffff;border-bottom:1px solid #f8e1b2;border-right:1px solid #f8e1b2;bottom:-9px;content:"";height:15px;left:50%;margin-left:-8px;position:absolute;transform:rotate(45deg);width:15px;z-index:1}.pop-out li{display:block !important;margin:0 0 8px !important;clear:both}.pop-out li:last-child{margin:0 !important}.pop-out li a{display:block;font-size:14px;font-weight:300}.pop-out li a:hover{color:#d26a0e !important}.filter-component .offer-featured-hdng{text-transform:uppercase;margin-bottom:8px;font-family:"Roboto",sans-serif;font-size:0.813em;font-weight:300}.filter-component strong.validF{font-weight:400}.featured-component{padding-bottom:60px}.featured-component .offer-featured-hdng{text-transform:uppercase;margin-bottom:8px;font-family:"Roboto",sans-serif;font-size:0.813em;font-weight:300}.featured-component .section-heading+.btn-style2{margin-top:28px}.featured-component .featured-col1,.featured-component .featured-col2{float:left}.featured-component .featured-col1{margin-right:2.6%;width:45%}.featured-component .featured-col1 .image-text-block-style1 .wish-icon img{max-width:100%}.featured-component .featured-col1 .image-text-block-style1 .text-block p{margin-bottom:7px}.featured-component .featured-col1 .image-text-block-style1 .text-block p br{display:none}.featured-component .featured-col1 .image-text-block-style1 .text-block p strong.validF{font-weight:400}.featured-component .featured-col1 .image-text-block-style1 .text-block .text-block-duration{margin-bottom:10px}.featured-component .featured-col1 .image-text-block-style1 .text-block .text-block-hdng-style1{font-size:1.750em}.featured-component .featured-col2{width:52.4%}.featured-component .featured-col2 .image-block{display:inline-block;margin-bottom:0;margin-right:3%;vertical-align:top;width:35%}.featured-component .featured-col2 .image-block .marketing-band-style1{font-size:18px}.featured-component .featured-col2 .image-block .marketing-band-style2{font-size:20px}.featured-component .featured-col2 .text-block{display:inline-block;vertical-align:top;width:60%}.featured-component .featured-col2 .text-block strong.validF{font-weight:400}.featured-component .featured-col2 .featured-list>li{list-style:outside none none;margin-bottom:30px}.featured-component .featured-col2 .featured-list>li:last-child{margin-bottom:0}.gallery-feaured .video-colm.featured-col1,.gallery-feaured .video-colm.featured-col2{width:46.8%}.gallery-feaured .featured-col1{position:relative;width:47%}.gallery-feaured .featured-col1 a{display:block}.gallery-feaured .featured-col1 a>img{max-width:100%;vertical-align:middle;width:100%}.gallery-feaured .featured-col2{position:relative;width:47%}.gallery-feaured .featured-col2 a{display:block}.gallery-feaured .featured-col2 a>img{max-width:100%;vertical-align:middle;width:100%}.gallery-feaured .featured-gallery-list li{cursor:pointer;float:left;list-style:outside none none;margin-bottom:15px;margin-right:5%;position:relative;width:47%}.gallery-feaured .featured-gallery-list li:nth-child(2n){margin-right:0}.gallery-feaured .featured-gallery-list li img{max-width:100%;vertical-align:middle;width:100%}.gallery-feaured .featured-gallery-list li .ftr-gllry-title{color:#ffffff;font-size:0.938em;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%);width:100%;z-index:2}.gallery-feaured .featured-gallery-list li .ftr-gllry-overlay{background-color:rgba(0,0,0,0.62);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.gallery-feaured .video-btn{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.gallery-feaured .video-btn img{max-width:60px}.slick-active .image-text-block-style1 .text-block,.slick-active .image-text-block-style1 .image-block{opacity:1}@media only screen and (min-width: 991px){.text-block-duration li:hover .pop-out{opacity:1;visibility:visible}}@media only screen and (max-width: 991px){.featured-component{padding-bottom:40px}.featured-component .section-heading+.btn-style2{margin:0 0 20px}.featured-component .video-colm.featured-col1,.featured-component .video-colm.featured-col2{width:100%}.featured-component .featured-col1{display:none}.featured-component .featured-col2{width:100%}.featured-component .featured-col2 .image-block{width:100%;margin-right:0;margin-bottom:15px}.featured-component .featured-col2 .text-block{width:100%}.gallery-feaured{padding-bottom:0}.gallery-feaured .video-colm.featured-col2{display:block}.gallery-feaured .featured-col1{display:block;width:100%;margin:0 0 25px}.gallery-feaured .featured-col2{display:none}.featured-list .slick-list{padding:0 10% 0 0}.featured-list .slick-slide{margin:0 30px 0 0}.pop-out.active{opacity:1;visibility:visible}} /*# sourceMappingURL=featured-component.css.map */ .venue-details{margin-bottom:60px}.venue-details .btn-style2.venue-btn-style2{background:url("/images/oberoihotels/common/arrow-bottom2.png") no-repeat right center;padding-right:24px}.venue-details .btn-style2.venue-btn-style2.active{background:url("/images/oberoihotels/common/arrow-top.png") no-repeat right center}.venue-details .img-col{float:left;margin-right:3.5%;position:relative;max-width:57%}.venue-details .img-col>img{max-width:100%;vertical-align:middle;width:100%}.venue-details .text-col-block{float:left;width:39%}.venue-details h2{font-family:"EB Garamond",serif;font-size:1.75em;font-style:italic;font-weight:400;line-height:110%;margin-bottom:12px;margin-top:-5px}.venue-details h2 span{font-style:normal}.venue-details p{margin-bottom:10px;font-family:"Roboto",sans-serif;font-size:.938em}.venue-details p:first-child{margin-top:-4px}.venue-details .location-details{margin-top:10px;list-style:none;float:left}.venue-details .location-details li{font-family:"Roboto",sans-serif;font-size:.938em;font-weight:300;margin-bottom:8px}.venue-details .location-details li span{margin-right:8px;display:inline-block;vertical-align:middle}.venue-details .location-details li span.icon{margin-right:10px;width:16px}.venue-details .location-details li span strong{font-weight:700}.venue-details .d-details-wrap{margin-top:10px;list-style:none;float:left}.venue-details .d-details-wrap li{font-family:"Roboto",sans-serif;font-size:.938em;font-weight:300;margin-bottom:15px}.venue-details .d-details-wrap li span{display:inline-block;vertical-align:top}.venue-details .d-details-wrap li span.d-heading{width:112px}.venue-details .d-details-wrap li span.d-details>span{font-size:80%;display:block;margin-top:4px}.venue-details .d-details-wrap li span strong{font-weight:700}.venue-details .btn-wrap{margin-top:15px;clear:both;width:auto;float:left}.venue-details .col2-box{width:50%;float:left}.venue-details .venue-details-box{font-family:"Roboto",sans-serif;font-size:.938em}.venue-details .venue-details-box table{width:100% !important;margin-bottom:15px;border-spacing:0px}.venue-details .venue-details-box table col{display:none}.venue-details .venue-details-box table tr td:first-child{text-align:left}.venue-details .venue-details-box table tr td:last-child{border-right:0 none}.venue-details .venue-details-box table td{font-weight:300}.venue-details .venue-details-box table th,.venue-details .venue-details-box table td{text-align:center;padding:5px 0px;border-right:1px solid #d7d7d7;min-width:95px}.venue-details .venue-details-box table th,.venue-details .venue-details-box table strong{font-weight:500}.venue-details .venue-details-box .tnc-txt{font-size:11px;font-weight:300}.venue-details .venue-details-box .tnc-txt span{margin-right:15px}.venue-details .venue-details-box .btn-style1{margin-right:24px;padding-right:24px;margin-bottom:15px}.venue-details .venue-details-box .view-details{padding:10px 8px;background:#f5f5f5;position:relative;cursor:pointer;display:none}.venue-details .venue-details-box .view-details::first-letter{text-transform:uppercase}.venue-details .venue-details-box .view-details:after{position:absolute;content:"+";font-size:100%;right:15px;color:#3d3d3d;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.venue-details .venue-details-box .view-details.active:after{content:"-";font-size:200%}.venue-details:last-child{margin-bottom:40px}.marketing-asset-offer-section .marketing-asset-saving{width:41% !important}@media only screen and (max-width: 1024px){.venue-details .col2-box{width:100%;margin-bottom:20px}.venue-details .venue-details-box .btn-style1{display:block}}@media only screen and (max-width: 991px){.venue-details{margin-bottom:40px}.venue-details .img-col{width:100%;margin-right:0;margin-bottom:15px;max-width:100%}.venue-details .text-col-block{width:100%}.venue-details .venue-details-box table{width:100%}.venue-details .venue-details-box table tr td,.venue-details .venue-details-box table tr th{min-width:auto}.venue-details .venue-details-box table tr td:last-child,.venue-details .venue-details-box table tr th:last-child{border:none}.venue-details .venue-details-box .btn-style1{display:inline-block;padding:10px 24px 12px 14px;background:#d57600;color:#fff;box-shadow:0px 5px 5px #ccc;border-radius:5px;background-image:none;position:relative;float:left}.venue-details .venue-details-box .btn-style1:before{content:'';width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;right:10px;transform:rotate(45deg);top:14px}.venue-details .btn-style2.venue-btn-style2{display:inline-block;padding:9px 24px 12px 14px;background:#fff;color:#d57600 !important;box-shadow:0px 5px 5px #ccc;border-radius:5px;background-image:none;position:relative;float:left;margin-top:0}.venue-details .btn-style2.venue-btn-style2:before{content:'';width:8px;height:8px;border-top:2px solid #d57600;border-right:2px solid #d57600;position:absolute;right:10px;transform:rotate(135deg);top:12px}.venue-details .btn-style2.venue-btn-style2:after{display:none}}@media only screen and (max-width: 767px){.venue-details{margin-bottom:40px}.venue-details .img-col{width:100%;margin-right:0;margin-bottom:15px}.venue-details .text-col-block{width:100%}.venue-details p:first-child{margin-top:0px}.venue-details .d-details-wrap,.venue-details .location-details{margin-top:5px}.venue-details h2{margin-top:0px;font-size:1.45em}.venue-details .venue-details-box table{width:100%}.venue-details .venue-details-box table tr td,.venue-details .venue-details-box table tr th{min-width:auto;padding:2px}.venue-details .venue-details-box table tr td:last-child,.venue-details .venue-details-box table tr th:last-child{border:none}.venue-details .venue-details-box .view-details{display:block}.venue-details .venue-details-info{display:none;overflow:auto}} /*# sourceMappingURL=venue-details.css.map */ .tnc-details-box-option2{margin-bottom:40px}.tnc-details-box-option2 .tnc-details-content{display:none;padding-top:15px;padding-left:7px}.tnc-details-box-option2 .tnc-details-content ul{padding-left:15px}.tnc-details-box-option2 .tnc-details-content ul li{margin-top:10px}.tnc-details-box-option2 .tnc-details{text-transform:none;font-size:.938em;font-family:"Roboto",sans-serif;font-weight:400;display:inline-block;vertical-align:bottom;border-bottom:1px solid #f2f2f2;width:100%}.tnc-details-box-option2 .tnc-details a{color:#000;text-decoration:none;font-family:"Roboto",sans-serif;font-size:.938em;text-decoration:none;position:relative;line-height:100%;font-weight:400;padding:0px 15px 10px 7px;display:block}.tnc-details-box-option2 .tnc-details a span{position:relative;padding-right:24px;display:inline-block}.tnc-details-box-option2 .tnc-details a span:before{content:" ";border-bottom:2px solid #ebb98c;border-right:2px solid #ebb98c;top:50%;margin-top:-6px;height:7px;right:0px;position:absolute;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px;z-index:2}.tnc-details-box-option2 .tnc-details.actv a span:before{-moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg);margin-top:-2px}@media only screen and (max-width: 767px){.tnc-details-box-option2 .tnc-details.type2 a span{display:inline-block}.tnc-details-box-option2 .tnc-details-content ul{padding-left:15px}.tnc-details-box-option2 .tnc-details-content ul li{font-size:0.8em !important}} /*# sourceMappingURL=tnc-details-box-option2.css.map */ .oberoiRooms{padding:35px 0px 20px 0px}.oberoiRooms.spawelness{padding:35px 0px}.oberoiRooms .left-section{display:inline-block;margin:0;width:50%}.oberoiRooms .left-section .title{font-family:"EB Garamond",serif;font-size:2.188em;color:#000;line-height:100%;font-style:italic}.oberoiRooms .left-section .title i{font-style:italic}.oberoiRooms .left-section .title span{font-style:normal}.oberoiRooms .left-section p{font-size:.938em;font-family:"Roboto",sans-serif;display:block;margin-top:10px;margin-bottom:10px}.oberoiRooms .left-section p br{display:none}.oberoiRooms .right-section{display:inline-block;margin:10px 0 0;width:auto}.oberoiRooms .right-section a{color:#e09049;font-family:"Roboto",sans-serif;font-size:.938em;line-height:100%;text-decoration:none;padding-bottom:3px;position:relative;padding-right:15px;text-transform:uppercase;font-weight:400}.oberoiRooms .right-section a:after{content:" ";border-bottom:2px solid #d8741b;border-right:2px solid #d8741b;top:50%;margin-top:-5px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.oberoiRooms .oberoiRoomsContentSec{padding:0 4%}.oberoiRooms .oberoiRooms-slider .slick-prev{width:45px;height:45px;left:16%;top:40%;z-index:9;background:url(/images/oberoihotels/sprites-icons.png) no-repeat left center;background-position:-10px -183px}.oberoiRooms .oberoiRooms-slider .slick-prev:before{display:none}.oberoiRooms .oberoiRooms-slider .slick-next{width:45px;height:45px;right:16%;top:40%;z-index:9;background:url(/images/oberoihotels/sprites-icons.png) no-repeat right center;background-position:-55px -183px}.oberoiRooms .oberoiRooms-slider .slick-next:before{display:none}.oberoiRooms .oberoiRooms-slide{width:33.33%;float:left;padding:0 10px 0px 10px}.oberoiRooms .oberoiRooms-slide .img-box{margin-bottom:15px}.oberoiRooms .oberoiRooms-slide .img-box img{max-width:100%}.oberoiRooms .oberoiRooms-slide .slidesText p{width:100%;float:left;font-size:.9375em;font-family:"Roboto",sans-serif;color:#000}.oberoiRooms .oberoiRooms-slide .slidesText p strong{font-weight:500;font-family:"EB Garamond",serif;font-size:1.25em;font-style:italic}.oberoiRooms .oberoiRooms-slide .slidesBtn{float:right;position:relative;top:-18px;width:auto}.oberoiRooms .oberoiRooms-slide .img-box img{opacity:0.5}.oberoiRooms .oberoiRooms-slider .text-container{opacity:0}.oberoiRooms .oberoiRooms-slider .slick-active .text-container,.oberoiRooms .oberoiRooms-slider .slick-active .img-box img{opacity:1}.oberoiRooms .noMarginRight{margin-right:0px !important}.oberoiRooms .cta-box{margin-top:0px;float:left}.oberoiRooms .cta-box a{padding:0px 15px 0px 0px;margin-right:15px;font-size:.9375em;text-decoration:none;text-transform:uppercase;position:relative;font-weight:400;font-family:"Roboto",sans-serif;-webkit-transition:0.5s all ease-in-out;-ms-transition:0.5s all ease-in-out;-o-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out}.oberoiRooms .cta-box a.style1{background:#fff;border:1px solid #828282;color:#828282;display:inline-block}.oberoiRooms .cta-box a.style1:hover{background:#d8741b;border:1px solid #d8741b;color:#fff}.oberoiRooms .cta-box a.style2{background:#d8741b;border:1px solid #d8741b;color:#fff}.oberoiRooms .cta-box a.style2:hover{background:#fff;border:1px solid #828282;color:#828282}.oberoiRooms .cta-box a.style3{color:#6ab8d9}.oberoiRooms .cta-box a.style3:hover{color:#6ab8d9}.oberoiRooms .cta-box a.style4{color:#da7b26}.oberoiRooms .cta-box a.style4:hover{color:#da7b26}.oberoiRooms .cta-box a.style4:after{border-bottom-color:#da7b26;border-right-color:#da7b26}.oberoiRooms .cta-box a:after{content:" ";border-bottom:2px solid #6ab8d9;border-right:2px solid #6ab8d9;top:50%;margin-top:-5px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.oberoiRooms .oberoiRoomsTab{display:inline-block;float:none;margin-right:25px;width:auto}.oberoiRooms .oberoiRoomsTab ul{list-style:none;float:none}.oberoiRooms .oberoiRoomsTab ul li{color:#828282;display:inline-block;padding:10px 30px 10px 0px;cursor:pointer;font-size:.9375em;text-transform:capitalize;font-family:"Roboto",sans-serif;width:auto;font-weight:400}.oberoiRooms .oberoiRoomsTab ul li:last-child{padding-right:0px}.oberoiRooms .oberoiRoomsTab li.active{color:#e09049}.oberoiRooms .oberoiRoomsTab li.activec{color:#e09049}.oberoiRooms .slick-slide{margin:0px 10px}.oberoiRooms .oberoiRoomsTabWrap{display:inline-block;margin:0 10px 0 0;text-align:right;vertical-align:bottom;width:32.6%}.oberoiRooms .selectedCategory{display:none}.oberoiRooms .phn-time li{margin-bottom:5px}.oberoiRooms .phn-time li>span{width:auto;vertical-align:top;margin-right:20px}.oberoiRooms-slide .slidesText .phn-time li{display:inline-block;margin-right:10px}.oberoiRooms-slide .slidesText .phn-time li span{width:auto;margin-right:5px}@media only screen and (max-width: 1366px){.oberoiRooms .oberoiRooms-slider .slick-prev{left:16%}.oberoiRooms .oberoiRooms-slider .slick-prev{right:16%}}@media only screen and (max-width: 1199px){.oberoiRooms .oberoiRoomsTabWrap{width:72%}.oberoiRooms .selectedCategory{padding:10px 15px 10px 15px;color:#000;font-size:.9375em;font-family:'roboto';background:url(/images/oberoihotels/destination/drop-down-arrow.png) 92% center no-repeat;cursor:default;width:100%;border:1px solid #828282;display:block}.oberoiRooms .oberoiRoomsTabWrap{position:relative}.oberoiRooms .right-section{margin:17px 0px 12px}.oberoiRooms .oberoiRoomsTab{width:236px;position:absolute;top:0px;left:0px;z-index:99}.oberoiRooms .oberoiRoomsTab ul{display:none;float:left;background:#fff;padding:10px 0px;width:100%}.oberoiRooms .oberoiRoomsTab ul li{cursor:default;width:100%;text-align:left;color:#505050;padding:10px 15px;border-bottom:1px solid #505050}.oberoiRooms .oberoiRoomsTab ul li:last-child{border-bottom:none;padding:10px 15px}.oberoiRooms .oberoiRoomsTab li.active{color:#505050}.oberoiRooms .left-section .title{font-size:1.8em;line-height:100%}.oberoiRooms .oberoiRoomsTabWrap{width:48%}.oberoiRooms .selectedCategory{text-align:left}.oberoiRooms .selectedCategory:empty{display:none}}@media only screen and (max-width: 991px){p span.eli{font-size:inherit}.oberoiRooms{width:100%;float:left}.oberoiRooms.spawelness{padding:35px 0 35px 15px}.oberoiRooms .cta-box a{font-size:13px;padding:8px}.mob-hide{display:none}.slidesText .mob-hide{display:block}.slidesText .mob-show.inline{display:none}.mob-show.inline{display:inline}.oberoiRooms.mob-pb-90{padding-bottom:15px !important}.oberoiRooms{padding:20px 15px 15px}.oberoiRooms .oberoiRoomsContentSec{padding:0}.oberoiRooms .left-section{margin:0px}.oberoiRooms .right-section{margin:12px 0;padding-right:0;text-align:right}.oberoiRooms .left-section{width:100%}.oberoiRooms .left-section p br{display:none}.oberoiRooms .left-section .title{line-height:100%;font-size:1.5em}.oberoiRooms .left-section .title span{line-height:20px}.oberoiRooms .oberoiRooms-slider{padding:0px}.oberoiRooms .oberoiRooms-slider .oberoiRooms-slide{padding:0}.oberoiRooms .oberoiRooms-slider .slidesText{width:100%;color:#000}.oberoiRooms .oberoiRooms-slider .slidesBtn{position:static;width:100%;float:left;margin-top:15px}.oberoiRooms .oberoiRooms-slider .slick-prev{top:20%;left:0px}.oberoiRooms .oberoiRooms-slider .slick-next{top:20%;right:0px}.oberoiRooms .cta-box a{font-size:15px;padding:0px 15px 0px 0px}.oberoiRooms .oberoiRoomsTabWrap{width:100%;margin:0 0 15px}.oberoiRooms .slick-slide{margin:0px 15px 0px 0px}.oberoiRooms .oberoiRoomsTab{width:125px;min-width:auto}.oberoiRooms .slick-list{padding:0 10% 0 0}}@media only screen and (min-width: 768px) and (max-width: 991px){.oberoiRooms .slick-list{height:100% !important}}@media only screen and (min-width: 1680px){.oberoiRooms .oberoiRooms-slide .slidesBtn{top:0px}} /*# sourceMappingURL=rooms.css.map */ .offers{padding:35px 0 35px}.offers .leftsection .title{font-family:"EB Garamond",serif;font-size:2.188em;color:#000;line-height:70%;width:80%;float:left;margin-bottom:15px;font-style:italic}.offers .leftsection .title span{font-style:normal}.offers .leftsection .title i{font-style:italic}.offers .leftsection p{font-family:"Roboto",sans-serif;font-size:.938em;display:block}.offers .offersContentSec{padding:0 4%}.offers .offersContentSec .leftsection{display:inline-block;margin-bottom:20px;vertical-align:bottom;width:67%}.offers .viewOffer{display:inline-block;margin:0 7% 20px 0;text-align:right;vertical-align:bottom;width:25%}.offers .viewOffer a{color:#d8741b;font-family:"Roboto",sans-serif;font-size:.938em;text-decoration:none;padding-bottom:3px;position:relative;padding-right:15px;font-weight:400}.offers .viewOffer a:after{content:" ";border-bottom:2px solid #d8741b;border-right:2px solid #d8741b;top:50%;margin-top:-6px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.offers .offers-slider .slick-arrow{top:50%;transform:translate(0px, -100px)}.offers .offers-slider .slick-prev{width:45px;height:45px;left:3%;z-index:9;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat left center}.offers .offers-slider .slick-prev:before{display:none}.offers .offers-slider .slick-next{width:45px;height:45px;right:3%;z-index:9;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat right center}.offers .offers-slider .slick-next:before{display:none}.offers .offers-slide{width:33.33%;float:left;padding:0 10px}.offers .offers-slide .img-box{margin-bottom:12px}.offers .offers-slide .img-box img{width:100%}.offers .offers-slide .slide-text-box .offerName{color:#676767;font-family:"Roboto",sans-serif;font-size:0.938em;font-weight:300;margin-bottom:8px;text-transform:uppercase}.offers .offers-slide .slide-text-box .offerTitle{font-size:22px;font-family:"EB Garamond",serif;color:#000;margin-bottom:10px;line-height:100%;font-style:italic}.offers .offers-slide .slide-text-box .offerTitle a{color:#000;text-decoration:none}.offers .offers-slide .slide-text-box .offerTitle span{font-style:normal}.offers .offers-slide .slide-text-box p{margin-bottom:20px;font-family:"Roboto",sans-serif;font-size:.9375em}.offers .offers-slide .slide-text-box p a{color:#000;font-weight:500;text-decoration:none;margin-bottom:15px;display:block}.offers .offers-slide .img-box img{opacity:0.5}.offers .offers-slider .slide-text-box{opacity:0.5}.offers .offers-slider .slick-current .slide-text-box,.offers .offers-slider .slick-active .slide-text-box,.offers .offers-slider .slick-current .img-box img,.offers .offers-slider .slick-active .img-box img{opacity:1}.offers .noMarginRight{margin-right:0px !important}.offers .cta-box{margin-top:0px}.offers .cta-box a{padding:0px 15px 0px 0px;margin-right:15px;text-decoration:none;text-transform:uppercase;position:relative;font-family:"Roboto",sans-serif;font-weight:400;font-size:.938em;-webkit-transition:0.5s all ease-in-out;-ms-transition:0.5s all ease-in-out;-o-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out}.offers .cta-box a.style1{color:#6ab8d9;display:inline-block}.offers .cta-box a.style1:after{content:" ";border-bottom:2px solid #6ab8d9;border-right:2px solid #6ab8d9;top:50%;margin-top:-5px;height:7px;right:0px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.offers .cta-box a.style2{color:#da7b26}.offers .cta-box a.style2:after{content:" ";border-bottom:2px solid #da7b26;border-right:2px solid #da7b26;top:50%;margin-top:-5px;height:7px;right:0px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.offers .slick-slide{margin:0px 10px}.offers .slick-list{padding:0 13% 0 13%}@media only screen and (max-width: 1366px){font-size:1.775em}@media only screen and (max-width: 1199px){.offers .offers-slide .slide-text-box{min-height:85px;position:relative}.offers .offers-slide .slide-text-box .offerTitle{font-size:1.3em}.offers .cta-box{position:static;bottom:0;left:0px}.offers .leftsection .title{font-size:1.8em;line-height:100%}.offers .offers-slide .slide-text-box .offerName{font-size:0.838em}}@media only screen and (max-width: 991px){.offers .offers-slide .img-box{margin-bottom:15px}.offers{padding:30px 15px 45px;float:left;width:100%}.offers .title{font-size:1.88em;line-height:100%}.offers .title span{line-height:20px}.offers .offersContentSec{padding:0px}.offers .offers-slider{padding:0px}.offers .offers-slider .offers-slide{padding:0}.offers .offers-slider .offers-slide .slide-text-box{min-height:auto}.offers .offers-slider .offers-slide .slide-text-box .offerTitle{font-size:1.3em}.offers .offers-slider .offers-slide .slide-text-box .offerName{font-size:0.738em}.offers .cta-box{position:static}.offers .slick-list{padding:0 10% 0 0%}.offers .slick-slide{margin:0px 15px 0px 0px}.offers .offersContentSec .leftsection{width:100%}.offers .offersContentSec .leftsection .title{font-size:1.5em;line-height:115%}.offers .viewOffer{margin:-7px 15px 15px 0px;width:100%}} /*# sourceMappingURL=offers2.css.map */ .guests-secn.experiences .left-section{margin-bottom:30px}.experiences.dining-secn{padding:35px 0px 35px}.experiences.spa-secn{padding:15px 0 40px}.experiences{padding:35px 0px 35px 0px}.experiences .left-section{display:inline-block;margin:0 0 20px 0;vertical-align:bottom;width:65%}.experiences .left-section .title{font-family:"EB Garamond",serif;font-size:2.188em;color:#000;line-height:70%;font-style:italic}.experiences .left-section .title span{font-family:"EB Garamond",serif;font-style:normal}.experiences .left-section .title i{font-style:italic}.experiences .left-section p{font-size:.938em;font-family:"Roboto",sans-serif;display:block;margin-top:15px}.experiences .right-section{display:inline-block;margin:0 7% 20px 0;text-align:right;text-transform:uppercase;width:27%}.experiences .right-section a{color:#d8741b;font-family:"Roboto",sans-serif;font-size:.938em;text-decoration:none;padding-bottom:3px;position:relative;padding-right:15px;font-weight:400}.experiences .right-section a:after{content:" ";border-bottom:2px solid #d8741b;border-right:2px solid #d8741b;top:50%;margin-top:-5px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.experiences .experiencesContentSec{padding:0 4%}.experiences .experiences-wraper{display:flex;align-items:center}.experiences .experiences-wraper .img-box{width:48%}.experiences .experiences-wraper .text-container{width:43%;padding:0 3% 0 50px}.experiences .experiences-wraper .text-container .title{font-family:"EB Garamond",serif;color:#000;font-size:1.875em;line-height:100%;margin-bottom:10px;font-style:italic}.experiences .experiences-wraper .text-container .title i{font-style:italic}.experiences .experiences-wraper .text-container .title span{font-size:100%;font-style:normal;display:inline-block}.experiences .experiences-wraper .text-container p{font-family:"Roboto",sans-serif;margin-bottom:10px;font-size:.9375em;color:#000;line-height:160%}.experiences .experiences-wraper .text-container .sub-title{font-size:1.25em;color:#000;margin-bottom:15px}.experiences .experiences-wraper .text-container .sub-title span{color:#00b385}.experiences .slick-prev{width:45px;height:45px;left:4%;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat left center;z-index:9}.experiences .slick-prev:before{display:none}.experiences .slick-next{width:45px;height:45px;right:4%;z-index:9;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat right center}.experiences .slick-next:before{display:none}.experiences .cta-box{margin-top:15x}.experiences .cta-box a{padding:0px 15px 0px 0px;margin-right:20px;text-decoration:none;font-family:"Roboto",sans-serif;font-size:.9375em;-webkit-transition:0.5s all ease-in-out;-ms-transition:0.5s all ease-in-out;-o-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out;position:relative;text-transform:uppercase;font-weight:400}.experiences .cta-box a.style1{background:#fff;border:1px solid #828282;color:#828282}.experiences .cta-box a.style1:hover{background:#d8741b;border:1px solid #d8741b;color:#fff}.experiences .cta-box a.style2{background:#d8741b;border:1px solid #d8741b;color:#fff}.experiences .cta-box a.style2:hover{background:#fff;border:1px solid #828282;color:#828282}.experiences .cta-box a.style3{color:#6ab8d9}.experiences .cta-box a.style3:hover{color:#6ab8d9}.experiences .cta-box a.style4{color:#da7b26}.experiences .cta-box a.style4:hover{color:#da7b26}.experiences .cta-box a.style4:after{border-bottom-color:#da7b26;border-right-color:#da7b26}.experiences .cta-box a:after{content:" ";border-bottom:2px solid #6ab8d9;border-right:2px solid #6ab8d9;top:50%;margin-top:-5px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.experiences .cta-box a:after .slide-text-box .offerTitle{font-size:1.875em;font-family:"EB Garamond",serif;color:#000;margin-bottom:10px;line-height:100%}.experiences .cta-box a:after .slide-text-box p{margin-bottom:5px;font-family:"Roboto",sans-serif;font-size:.9375em}.experiences .cta-box a:after .slide-text-box p a{color:#000;font-weight:500;text-decoration:none;margin-bottom:15px;display:block}.experiences .img-box img{opacity:0.5}.experiences .experiences-slider .text-container{opacity:0}.experiences .experiences-slider .slick-current .img-box img,.experiences .experiences-slider .slick-active .img-box img,.experiences .experiences-slider .slick-current .text-container,.experiences .experiences-slider .slick-active .text-container{opacity:1}.experiences .slick-list{padding-right:8.5%}.experiences.experiencesWrap .slick-list{padding-right:0px}.mobile-number{color:#666;display:inline-block;margin:30px 20px 0 0;font-size:.9375em;font-family:"Roboto",sans-serif}.mobile-number a{color:#666;text-decoration:none}.bg-phone{width:18px;height:17px;background:url(/images/oberoihotels/sprites-icons.png) no-repeat;background-position:-162px -124px;display:inline-block;float:left;margin:2px 0px 0 0}.experiences.experiencesWrap .slick-next{right:2%;top:50%;bottom:auto}.experiences.experiencesWrap .slick-prev{left:2%;right:auto;top:50%;bottom:auto}.experiences .experiences-slider .exploreWrap .text-container{padding:20px 2%}.experiences .experiences-wraper.exploreWrap .text-container .title{line-height:130%}.experiences-wraper.exploreWrap{flex-direction:row-reverse}.info-list{margin:20px 0}.info-list li{background-repeat:no-repeat;background-position:left 3px;font-family:"Roboto",sans-serif;font-size:0.9375em;font-weight:300;line-height:20px;list-style:outside none none;margin-bottom:10px;padding-left:28px}.info-list li strong{font-weight:500;margin-right:5px}.info-list .dstnc{background:url(/images/oberoihotels/sprites-icons.png) no-repeat;background-position:-252px -129px}.info-list .tme{background:url(/images/oberoihotels/sprites-icons.png) no-repeat;background-position:-252px -151px}.info-list:last-child{margin-bottom:0}@media only screen and (max-width: 1366px){.experiences.experiencesWrap .experiences-wraper .text-container{padding-right:6%}}@media only screen and (max-width: 1199px){.experiences.experiencesWrap .experiences-wraper .text-container{padding:20px 5%}.experiences .experiences-wraper .text-container{padding-right:5%}.experiences .experiences-wraper .text-container .title{font-size:2em}.experiences .experiences .experiences-slider .exploreWrap .text-container{padding:20px 2% 0 8%}.experiencesWrap{padding:20px 0px}.experiences.experiencesWrap .slick-next{right:0px}.experiences.experiencesWrap .slick-prev{left:0px}.experiences .cta-box a{margin-right:15px}.experiences .experiences-wraper .text-container .title{font-size:1.4em}.mobile-number,.experiences .cta-box{margin-top:15px}.experiences .left-section .title{font-size:1.8em;line-height:100%}}@media only screen and (max-width: 991px){.experiences .slick-slide{margin-right:15px}.experiences.experiencesWrap .experiences-wraper .text-container{padding:15px 0px}.experiences .right-section{margin:0 0 15px;padding-right:0;width:100%}.experiences .left-section{margin:0px;width:100%}.experiences .left-section p{margin-bottom:20px}.experiences .experiences-wraper .img-box{width:100%}.experiences .experiences-wraper .text-container{padding:15px 0px;width:100%}.experiences.dining-secn{float:left;width:100%}}@media only screen and (max-width: 991px){.guests-secn.experiences .left-section{margin-bottom:15px}.experiences{padding:35px 15px 15px}.explore-secn.experiences{float:left;padding:10px 15px 15px;width:100%}.explore-secn.experiences .slick-slide{margin:0}.experiences.dining-secn{padding:35px 15px 15px}.experiences.dining-secn .slick-slide{margin:0}.experiences.guests-secn{padding:20px 15px 90px}.experiences.guests-secn .left-section{padding-left:15px}.experiences.guests-secn .slick-slide{margin:0}.experiences.guests-secn .slick-slide .text-container{padding:15px}.explore-secn.experiences .left-section p{margin:8px 0 20px}.explore-secn.experiences .experiences-slider .exploreWrap .text-container{padding:8px 0 0}.experiences{padding:20px 15px 15px;float:left;width:100%}.experiences .experiences-wraper{display:block}.experiences .experiences-wraper .text-container .title{font-size:1.3em}.experiences .slick-prev{left:-20px;top:40%}.experiences .slick-next{right:-20px;top:40%}.experiences .left-section p{margin-bottom:20px}.experiences .left-section p br{display:none}.experiences .left-section .title{line-height:100%;font-size:1.5em}.experiences .left-section .title span{line-height:170%}.experiences .experiencesContentSec{padding:0}.experiences .right-section{margin:0 0 15px;padding-right:0;width:100%}.experiences .slick-list{padding:0 10% 0 0%}.experiences .cta-box{margin-top:15px}.experiences.experiencesWrap .slick-list{padding-right:0}.experiences .experiences-slider .exploreWrap .text-container{padding:20px 0px 0px 0px}} /*# sourceMappingURL=experiences2.css.map */ .b-description_readmore_button{cursor:pointer;display:inline-block;font-size:0.838em;text-decoration:underline;text-transform:capitalize;font-family:"Roboto",sans-serif}.stars-list li{background:url("/images/oberoihotels/common/star.jpg") no-repeat center center;display:inline-block;width:16px;height:17px;margin-right:2px}.descriptionSec{padding:30px 0 35px 0;max-width:1270px;margin:0 auto}.descriptionSec.map-section{max-width:100%}.descriptionSec .descriptionImageSlide{position:relative}.descriptionSec .descriptionImageSlide .banner-layer{background:url(/images/oberoihotels/overview/black-tint.png?v=5) bottom center repeat-x;width:100%;position:absolute;z-index:0;bottom:0px;height:100%}.descriptionSec .descriptionImageSlide .destn-hotel-name{bottom:20px;color:#ffffff;font-family:"Roboto",sans-serif;font-size:.941em;left:0;position:absolute;text-align:center;width:100%}.descriptionSec .slick-slide[data-slick-index="0"] .descriptionImageSlide .destn-hotel-name{display:block}.descriptionSec .contact-details{padding:10px 0px 0px;text-align:center}.descriptionSec .contact-details #mapArea{display:none}.descriptionSec .contact-details .map-area{margin-bottom:25px}.descriptionSec .contact-details .map-area .map-colm{margin-right:2%;width:35%}.descriptionSec .contact-details .map-area .map-colm .map-destination{margin:0;max-width:100%;width:100%}.descriptionSec .contact-details .map-area .map-colm .map-destination .map-destination-wrap .map-detail #dmap{left:0;top:0;width:100%}.descriptionSec .contact-details .map-area .map-colm img{max-width:100%;width:100%;height:100%}.descriptionSec .contact-details .map-area .map-detail-colm{padding-top:0;width:40%;text-align:left}.descriptionSec .contact-details .map-area .map-detail-colm a{text-decoration:none;color:#000}.descriptionSec .contact-details .map-area .map-detail-colm .map-hdng{font-size:2.250em;font-family:"EB Garamond",serif;margin-bottom:10px}.descriptionSec .contact-details .map-area .map-detail-colm .map-hdng h1{font-size:inherit;font-weight:400;font-family:"EB Garamond",serif}.descriptionSec .contact-details .map-area .map-detail-colm .map-hdng h1 em{font-style:italic}.descriptionSec .contact-details .map-area .map-detail-colm .map-hdng h2{font-size:inherit;font-weight:400;font-family:"EB Garamond",serif}.descriptionSec .contact-details .map-area .map-detail-colm .map-hdng h2 em{font-style:italic}.descriptionSec .contact-details .map-area .map-detail-colm p{margin-bottom:8px}.descriptionSec .contact-details .map-area .map-detail-colm .info-list{margin-top:10px}.descriptionSec .contact-details .map-area .map-detail-colm .travel-notes{margin-top:15px}.descriptionSec .contact-details .map-area .map-detail-colm .travel-notes ul.travelcity li{font-family:"Roboto",sans-serif;float:left;list-style-type:none;margin-right:15px;cursor:pointer;font-size:14px}.descriptionSec .contact-details .map-area .map-detail-colm .travel-notes ul.travelcity li.active{color:#d8741b}.descriptionSec .contact-details .map-area .map-detail-colm .map-txt1{font-size:18px;font-weight:500;margin-bottom:2px;text-transform:uppercase}.descriptionSec .contact-details .map-area .map-detail-colm .map-txt2{font-size:13px;margin-top:-5px}.descriptionSec .contact-details .map-area .map-detail-colm .map-txt3{font-size:16px;font-weight:400;margin-bottom:0px}.descriptionSec .contact-details .map-area .map-detail-colm .map-bullets-list{padding-left:15px}.descriptionSec .contact-details .map-area .map-detail-colm .map-bullets-list li{font-family:"Roboto",sans-serif;font-size:.938em;font-weight:300;list-style:disc outside none;margin-bottom:5px}.descriptionSec .contact-details .map-area .map-detail-colm .map-bullets-list:last-child{margin-bottom:0}.descriptionSec .contact-details .map-area .map-colm,.descriptionSec .contact-details .map-area .map-detail-colm{display:inline-block;vertical-align:top}.descriptionSec .contact-details p{font-family:"Roboto",sans-serif;font-size:.938em}.descriptionSec .contact-details .cta-box{margin:15px auto 36px}.descriptionSec .contact-details .cta-box a{color:#d8741b;font-family:"Roboto",sans-serif;font-size:.938em;text-decoration:none;padding-bottom:3px;padding-right:15px;position:relative;margin-right:20px;line-height:100%;font-weight:500}.descriptionSec .contact-details .cta-box a.style3{color:#6ab8d9}.descriptionSec .contact-details .cta-box a.style3:after{border-bottom:2px solid #6ab8d9;border-right:2px solid #6ab8d9}.descriptionSec .contact-details .cta-box a.style4{color:#da7b26}.descriptionSec .contact-details .cta-box a:after{content:" ";-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;border-bottom:2px solid #d8741b;border-right:2px solid #d8741b;top:50%;margin-top:-6px;height:7px;right:0px;position:absolute;-moz-transform:rotate(-44deg);-webkit-transform:rotate(-44deg);-ms-transform:rotate(-44deg);-o-transform:rotate(-44deg);transform:rotate(-44deg);width:7px;z-index:2}.descriptionSec .contact-details .cta-box a.map-opened:after{margin-top:-8px;-moz-transform:rotate(44deg);-webkit-transform:rotate(44deg);-ms-transform:rotate(44deg);-o-transform:rotate(44deg);transform:rotate(44deg)}.descriptionSec .contact-details .phone-email{max-width:800px;margin:0 auto;border-top:1px solid #ebebeb;padding:15px}.descriptionSec .contact-details .phone-email ul{list-style-type:none}.descriptionSec .contact-details .phone-email ul li{font-family:"Roboto",sans-serif;font-weight:500;display:inline-block;margin-bottom:12px;width:48%}.descriptionSec .contact-details .phone-email ul li .mb-none{margin-bottom:0 !important}.descriptionSec .contact-details .phone-email ul li span{font-weight:300}.descriptionSec .contact-details .phone-email ul li a{font-weight:300;text-decoration:none;color:#000;display:block}.descriptionSec .descriptionSecContentSec{max-width:1366px;margin:0 auto;padding:20px 4%}.descriptionSec .descriptionSec-wraper{align-items:center}.descriptionSec .descriptionSec-wraper .img-box{width:56%;float:left}.descriptionSec .descriptionSec-wraper .title{font-family:"EB Garamond",serif;color:#000;float:left;font-size:2.188em;line-height:100%;margin-bottom:15px}.descriptionSec .descriptionSec-wraper .title i{font-style:italic}.descriptionSec .descriptionSec-wraper .title span{font-size:53%;font-style:italic;display:block}.descriptionSec .descriptionSec-wraper .text-container{width:44%;float:left;padding:0 25px}.descriptionSec .descriptionSec-wraper .text-container p{font-family:"Roboto",sans-serif;margin-bottom:8px;font-size:.9375em;color:#000;line-height:150%}.descriptionSec .descriptionSec-wraper .text-container .social-icon{float:right}.descriptionSec .descriptionSec-wraper .text-container .social-icon ul{list-style-type:none}.descriptionSec .descriptionSec-wraper .text-container .social-icon ul li{display:inline-block;margin-right:5px;margin-top:5px}.descriptionSec .descriptionSec-wraper .text-container .social-icon ul li a{text-decoration:none;height:26px;width:26px;display:block;background:url(/images/oberoihotels/common/grey-cocial-logo.png?v=4) no-repeat}.descriptionSec .descriptionSec-wraper .text-container .social-icon ul li a.facebook{background-position:0px 0px}.descriptionSec .descriptionSec-wraper .text-container .social-icon ul li a.facebook:hover{background-position:0px -26px}.descriptionSec .descriptionSec-wraper .text-container .social-icon ul li a.twitter{background-position:-103px 0}.descriptionSec .descriptionSec-wraper .text-container .social-icon ul li a.twitter:hover{background-position:-103px -26px}.descriptionSec .descriptionSec-wraper .text-container .social-icon ul li a.instagram{background-position:-149px 0}.descriptionSec .descriptionSec-wraper .text-container .social-icon ul li a.instagram:hover{background-position:-149px -26px}.descriptionSec .slick-prev{width:45px;height:45px;left:0px;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat left center;z-index:9}.descriptionSec .slick-prev:before{display:none}.descriptionSec .slick-prev:hover{background:url(/images/oberoihotels/slider-arrow-hover.jpg) no-repeat left center;background-position:0px 1px}.descriptionSec .slick-next{width:45px;height:45px;right:0px;z-index:9;background:url(/images/oberoihotels/slider-arrow.jpg) no-repeat right center}.descriptionSec .slick-next:before{display:none}.descriptionSec .slick-next:hover{background:url(/images/oberoihotels/slider-arrow-hover.jpg) no-repeat right center;background-position:-46px 1px}.descriptionSec .currentTime{margin-top:30px}.descriptionSec .currentTime .time{float:left;margin-right:20px;color:#000;font-size:15px;width:auto}.descriptionSec .descriptionTxt{margin:0 0px;float:left;width:100%}.descriptionSec .readContent{padding-bottom:1px;font-weight:500;cursor:pointer;border-bottom:1px solid #000}.descriptionSec .socialShare{width:auto;float:left}.descriptionSec .socialShare .shareTxt{font-size:15px;color:#000;font-size:.9375em;float:left;width:auto;padding-right:20px}.descriptionSec .socialShare .socialIcon{width:auto;float:left}.descriptionSec .socialShare ul{list-style:none}.descriptionSec .socialShare ul li{float:left;margin-right:20px}.descriptionSec .socialShare ul li a{background:url(/images/oberoihotels/social-sprite2.png) no-repeat;width:22px;height:20px;display:block}.descriptionSec .socialShare ul li a.facebook{background-position:7px 0px}.descriptionSec .socialShare ul li a.facebook:hover{background-position:7px -32px}.descriptionSec .socialShare ul li a.twitter{background-position:-42px 0px}.descriptionSec .socialShare ul li a.twitter:hover{background-position:-42px -32px}.descriptionSec .socialShare ul li a.insta{background-position:-88px 0px}.descriptionSec .socialShare ul li a.insta:hover{background-position:-88px -32px}.descriptionSec .socialShare ul li a.youtube{background-position:-137px 0px}.descriptionSec .socialShare ul li a.youtube:hover{background-position:-137px -32px}.descriptionSec .socialShare ul li a span{display:block;text-indent:-9999px}.descriptionSec.descriptionSecWrap .slick-list{padding-right:0px}.moreContent{width:0px;height:0px;display:inline-block;overflow:hidden;transition:overflow 0.5s, overflow 0.5s 0.5s}.showContent .moreContent{overflow:auto;width:auto;height:auto;display:inline;transition:overflow 0.5s, overflow 0.5s 0.5s}.desVisbleContent{position:relative}.desVisbleContent:after{content:"..."}.showContent .desVisbleContent:after{content:" "}.aq-overlay{background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;width:100%;height:100%;position:fixed;left:0;top:0;transition:all 0.3s ease;z-index:9999}.aq-overlay.active{opacity:1;visibility:visible}.air-txt{color:#0673e2;cursor:pointer;position:relative}.air-txt.active .air-quality{opacity:1;visibility:visible}.air-txt .air-quality{background-color:#ffffff;color:#000000;cursor:auto;max-width:none;opacity:0;position:absolute;text-align:center;top:-288px;transition:all 0.3s ease 0s;visibility:hidden;width:520px;z-index:99990}.air-txt .air-quality .air-wrap>p{margin:0 !important}.air-txt .air-quality:before{border-bottom:15px solid #ffffff;border-right:15px solid #ffffff;bottom:-7px;content:"";left:50%;position:absolute;transform:rotate(-45deg)}.air-quality{border:1px solid #e8e8e8;font-size:12px;margin:20px auto 0;max-width:560px}.air-quality .air-quality-header{background-color:#f7f7f7;font-weight:500;padding:5px 0}.air-quality .air-wrap{padding:20px 20px 10px;text-align:left}.air-quality .air-wrap>p{margin-bottom:5px}.air-quality .air-colm1,.air-quality .air-colm2{float:left}.air-quality .air-data{margin-bottom:20px}.air-quality .air-colm1{border-right:1px solid #eaeaea;margin-right:2%;padding-right:2%;width:48%}.air-quality .air-colm2{float:left;width:50%}.air-quality .air-qaulity-img{display:block;margin-top:15px}.air-quality .air-list li{background-color:#e9e9e8;border-radius:15px;list-style:outside none none;margin-bottom:12px;padding:4px 15px;position:relative}.air-quality .air-list li span{position:relative;z-index:2}.air-quality .air-list li .air-numbr{float:left;font-size:15px;font-weight:300}.air-quality .air-list li .air-location{color:#7c7c7c;float:right;font-weight:300;line-height:19px}.air-quality .air-list li .start-point{bottom:-16px;font-size:10px;left:5px;position:absolute}.air-quality .air-list li .end-point{bottom:-16px;font-size:10px;position:absolute;right:0}.air-quality .air-list li .air-bg{background:#a39f34;background:-moz-linear-gradient(90deg, #37b44c 40%, #a39f34 100%);background:-webkit-linear-gradient(90deg, #37b44c 40%, #a39f34 100%);background:linear-gradient(90deg, #37b44c 40%, #a39f34 100%);position:absolute;border-radius:15px;left:0;top:0;height:100%;width:100%}.travelcity{padding:2px 0}.travelcity li{display:inline-block;background-color:#f1f1f1;padding:5px 10px}@media only screen and (max-width: 1366px){.descriptionSec.descriptionSecWrap .descriptionSec-wraper .text-container{padding-right:5%}}@media only screen and (min-width: 1200px) and (max-width: 1440px){.descriptionSec .contact-details .map-area .map-colm{width:55%}}@media only screen and (max-width: 1199px){.descriptionSec .contact-details .map-area .map-colm{margin-right:0;width:100%}.descriptionSec .contact-details .map-area .map-detail-colm{width:100%}.descriptionSec .right-section{margin-right:8%}.descriptionSec .descriptionSec-wraper .title{font-size:2em}.descriptionSec .descriptionSec-wraper .text-container{padding-right:5%}.descriptionSec .descriptionSec .descriptionSec-slider .exploreWrap .text-container{padding:20px 2% 0 8%}.descriptionSecWrap{padding:20px 0px}.descriptionSec .descriptionSec-wraper .text-container .title{display:none}}@media only screen and (max-width: 991px){.descriptionSec .contact-details .map-area .map-colm .map-destination .map-destination-wrap .map-detail{height:388px}.descriptionSec{width:100%;float:left;padding:20px 15px 0}.descriptionSec.map-section{padding:0 15px}.descriptionSec .descriptionImageSlide .destn-hotel-name{bottom:34px}.descriptionSec .right-section{margin-right:0px}.descriptionSec .descriptionSec-wraper{padding:0px}.descriptionSec .descriptionSec-wraper .text-container{padding:15px 0px 0;width:100%}.descriptionSec .descriptionSec-wraper .img-box{width:100%}.air-txt .air-quality{right:0}}@media only screen and (max-width: 767px){.descriptionSec .contact-details .map-area .map-colm .map-destination .map-destination-wrap .map-detail{height:auto}.descriptionSec .contact-details{padding:0}.descriptionSec .contact-details .map-area{margin-bottom:15px}.descriptionSec .contact-details .map-area .map-colm{margin-right:0}.descriptionSec .contact-details .map-area .map-detail-colm{padding-top:20px}.descriptionSec .contact-details .map-area .map-detail-colm .map-hdng{font-size:1.35em;margin-bottom:10px}.descriptionSec .contact-details .map-area .map-detail-colm .map-bullets-list li{font-size:0.838em;margin-bottom:2px}.descriptionSec .contact-details .cta-box{margin:15px auto}.descriptionSec .contact-details .phone-email{padding:10px 0px}.descriptionSec .contact-details .phone-email ul li{margin-bottom:5px;font-size:.8em;width:100%}.descriptionSec .descriptionSec-wraper{display:block}.descriptionSec .descriptionSec-wraper .title{float:none;font-size:1.5em;margin-bottom:15px}.descriptionSec .slick-prev{left:-20px;top:40%}.descriptionSec .slick-next{right:-20px;top:40%}.descriptionSec .descriptionSecContentSec{padding:20px 0px}.descriptionSec .slick-list{padding:0}.descriptionSec .descriptionSec-slider .exploreWrap .text-container{padding:20px 0px 0px 0px}.descriptionSec .currentTime{margin-top:15px}.descriptionSec .descriptionSec-wraper{padding:0px}.air-txt .air-quality{max-width:320px;width:320px;top:-388px}.air-quality .air-colm1{border-right:0 none;margin:0 0 15px;padding:0;width:100%}.air-quality .air-colm2{width:100%}.air-quality .air-qaulity-img{text-align:center}} /*# sourceMappingURL=description.css.map */ .award-details{margin:0 auto;padding:30px 4% 30px 0px}.award-details .award-col{width:25%;position:relative;float:left;margin-bottom:40px;min-height:231px;text-align:center;border-right:1px solid #e3bf5c}.award-details .award-col:nth-child(4n){border-right:none}.award-details .awards-container{font-family:"EB Garamond",serif;padding:0px;width:100%;float:left}.award-details .awards-container .award-heading{color:#000;font-size:1.1727em;margin:10px 0;font-weight:600}.award-details .awards-container .award-sub-heading{color:#000;font-size:1.054em;font-weight:700;min-height:auto;display:block;align-items:flex-end;justify-content:center;padding:0px 10px}.award-details .awards-container .award-discription{font-size:1.054em;font-weight:500;color:#000}.award-details .awards-container .awardhotelname{margin-top:10px}.award-details .awards-container .awardhotelname a{font-size:1.054em;text-decoration:none;color:#000}@media only screen and (max-width: 1199px){.award-details{padding:0px 0 30px;text-align:center}.award-details .awards-container{padding:20px 10px 0 10px}.award-details .awards-container .award-col{width:48%;margin:0px 3px 25px;border-right:0px;min-height:auto;padding-bottom:25px;float:none;display:inline-block;clear:both}.award-details .awards-container .award-col:after{content:" ";position:absolute;width:50%;height:1px;background:#e3bf5c;bottom:0px;left:50%;max-width:200px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.award-details .awards-container .award-sub-heading{min-height:auto}}@media only screen and (max-width: 767px){.award-details{padding:0px 0 30px}.award-details .awards-container{padding:0px 0 0}.award-details .awards-container .award-col{width:100%}.award-details .awards-container .award-col:last-child:after{display:none}} /*# sourceMappingURL=award-details.css.map */ .t-check-in, .t-check-out, .t-datepicker { display: inline-block; position: relative; float: left } .t-datepicker { clear: both; width: 100%; line-height: 1.4em; max-width: 650px } .t-check-in, .t-check-out { border-width: 1px; border-style: solid; width: 50%; box-sizing: border-box } .t-check-in .t-date-info-title, .t-check-out .t-date-info-title { position: absolute; top: 12px; left: 33px; height: 0; display: block; font-weight: 400; opacity: .5; font-size: 13px; cursor: pointer } .t-check-in .fa, .t-check-out .fa { top: -1px; position: relative } .t-check-in { border-right-width: 1px; border-radius: 4px 0 0 4px } .t-picker-only { border-radius: 4px; width: 100% } .t-check-out { border-left-width: 0; border-radius: 0 4px 4px 0 } .t-check-out .t-datepicker-day { left: -100% } .t-arrow-top { top: 30px; z-index: 9999 } .t-arrow-top, .t-arrow-top::after { border-width: 10px; border-style: solid; border-color: transparent transparent #ddd; display: inline-block; position: absolute } .t-arrow-top::after { top: -9px; left: -10px; content: ''; border-width: 10px; border-bottom-color: #fff } .t-dates { padding: 10px 15px; height: 38px; box-sizing: border-box } .t-datepicker-day { border-width: 1px; border-style: solid; top: 40px; overflow: hidden; position: absolute; z-index: 9998; padding: 10px 0 25px 0; border-radius: 0px; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05); } .t-table-wrap { width: 100%; padding: 0 10px; font-size: inherit; display: inline-block; vertical-align: top } .t-datepicker-days { width: 650px } .t-datepicker-days .t-table-wrap { padding: 0; width: 47%; margin-left: 2% } .t-message-day { position: relative; } .t-message-day .t-message-day-content { color: #999; background: #fff; bottom:-46px; width: 92px; left: 50%; position: absolute; font-size: 12px; padding: 3px 5px; z-index: 9999; transform: translateX(-50%); white-space: initial; border: 1px solid #f1d19e; display:none; line-height: 16px; } .t-message-day:hover .t-message-day-content{ display:block; } .t-message-day-restricted { display: block; line-height: 100%; color: #bebdbb; position: absolute; left: 0; font-size: 9px; z-index: 1; top:6px; line-height: 0px; left: 50%; transform: translate(-50%,0); color: #999 !important; white-space: nowrap; } .t-message-day .t-message-day-content:after, .t-message-day .t-message-day-content:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .t-message-day .t-message-day-content:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .t-message-day .t-message-day-content:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #f1d19e; border-width: 9px; margin-left: -9px; } .t-end .t-message-day-restricted, .t-start .t-message-day-restricted{ color:#fff !important; } /*.t-message-day::after { border-color: #d8741b transparent transparent; position: absolute; top: -10px; right: calc(50% - 7px); border-width: 7px; content: ''; border-style: solid; }*/ @media (min-width:1199px) { .t-datepicker-day{ overflow:inherit !important; } } @media (max-width:480px) { .t-datepicker-days { width: 300px } .t-datepicker-days .t-table-wrap { margin-left: 0; width: 100%; padding: 0 10px } } @media (max-width:320px) { .t-datepicker-days { width: 290px } .t-datepicker-days .t-table-wrap { padding: 0 5px } } .t-table-condensed { width: 100%; border-spacing: 0; border-collapse: collapse; vertical-align: top } .t-next, .t-prev, .t-table-condensed td, .t-table-condensed th { text-align: center; padding: 6px 10px 14px 10px; font-size: 0.8em; } .t-date-title { clear: both; width: 100%; text-align: center; display: inline-block; margin: 0; padding: 15px 0 10px } .t-table-condensed td, .t-day, .t-disabled, .t-end, .t-range, .t-start { border-width: 1px; border-style: solid } .t-arrow { border: none } .t-arrow.t-disabled { pointer-events: none; } .t-hover-day::after, .t-special-day:before { content: ''; border-style: solid } .t-arrow, .t-dates, .t-day, .t-end, .t-end-limit, .t-range, .t-start { cursor: pointer } .t-special-day { position: relative } .t-special-day:before { height: 3px; width: 3px; top: 0; right: 0; position: absolute; display: block; border-width: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .t-hover-day { position: relative } .t-hover-day-content { top: -30px; width: 70px; right: calc(50% - 35px); position: absolute; font-size: 12px; padding: 3px 5px; border-radius: 4px; z-index: 9999 } .t-hover-day::after { position: absolute; top: -10px; right: calc(50% - 7px); border-width: 7px; display:none; } .t-today .t-hover-day-content { z-index: 9998 } .t-check-in .t-end-limit, .t-disabled { opacity: .25; cursor: auto } .t-disabled { overflow: hidden; } .t-disabled.t-message-day .t-message-day-content { display: none; } .t-check-in, .t-check-out { border-color: #ededed } .t-check-in { border-right-color: #e8e8e8 } .t-date-title { color: #d8741b } .t-special-day:before { border-color: #d8741b #d8741b transparent transparent } .t-datepicker-day { border-color: #ededed; border: 0; background: #fff } .t-table-condensed td, .t-day, .t-disabled, .t-end, .t-range, .t-start { border-color: #e1e1e1 } .t-disabled { background: 0 0 } .t-table-condensed td{ position:relative; } .t-table-condensed .date-price { display: block; color: #666; text-align: center; letter-spacing: 0.5px; position: absolute; left: 0; text-align: center; width: 100%; font-size: 9px; line-height: 8px; bottom: 3px; } .t-highlighted { /* color: #fea860 */ } .t-highlighted.t-disabled { background: #fafafa; color: inherit; } .t-end, .t-end-limit, .t-start { color: #fff; background: #d8741b } .t-range, .t-range-limit { color: #fea860 } .t-range { background: #fffbf8 } .t-range-limit { background: #ffedde } .t-range-limit.t-end, .t-range-limit.t-start { color: #fff; background: #fec392 } .t-check-in .t-end, .t-check-out .t-start, .t-check-out tr~.t-end { color: #fff; background: #d8741b } .t-hover-day, .t-hover-day-content, .t-hover-day:hover { color: #fff; background: #fea860 } .t-hover-day::after { border-color: #fea860 transparent transparent } .t-today, .t-today .t-hover-day-content { background: #aeaeae } .t-today::after { border-top-color: #aeaeae } .t-today:hover, .t-today:hover .t-hover-day-content { background: #fea860 } .t-today:hover::after { border-top-color: #fea860 } .t-end.t-today, .t-start.t-today { color: #fff } .t-end.t-today, .t-end.t-today .t-hover-day-content, .t-start.t-today, .t-start.t-today .t-hover-day-content { background: #d8741b } .t-end.t-today::after, .t-start.t-today::after { border-top-color: #d8741b } .soldOutDate { background: #f3f3f3 !important; color: #c7c7c7 !important; position: relative; cursor: not-allowed; opacity: 1 !important; } .checkOutDate .soldOutDate{ cursor:pointer; } .soldOutDate span.t-hover-day-content { display: none; } .soldOutDate::after { content: 'Sold Out'; position: absolute; z-index: 1; bottom: 4px; font-size: 8px; line-height: 8px; left: 50%; transform: translate(-50%,0); color: #999 !important; white-space: nowrap; } .soldOutDate.t-hover-day::after { border: none; right: auto; top: auto; } .marketingFlag { position: relative; } .marketingFlag::before { position: absolute; content: ' '; border-bottom: 2px solid #e09049; bottom: 5px; left: 50%; width: 13px; transform: translateX(-50%); } .calender-dynamic-text-ma { text-align: center; padding: 0 10px; font-size: 12px; width: 100%; position: absolute; top:20px; pointer-events: none; } .marketingAssetsMessage { text-align: center; padding: 0 10px; font-size: 12px; display: inline-block; } .calender-dynamic-text-ma span, .marketingAssetsMessage span { position: relative; padding-left: 20px; margin: 0 15px; } .calender-dynamic-text-ma span::before, .marketingAssetsMessage span::before { width: 13px; height: 2px; background: #e09049; content: ' '; position: absolute; left: 0px; top:6px; } .t-table-condensed .t-range-limit .date-price { color: #fea860; } .t-table-condensed .t-start.t-today .date-price, .t-table-condensed .t-start .date-price, .t-table-condensed .t-end .date-price, .t-table-condensed .t-hover-day .date-price { color: #fff; } .calender-price-msg { font-size: 10px; padding: 5px; line-height: 10px; bottom: 0px; width: 100%; text-align: center; position: absolute; right: 0px; color: #787878; font-weight: 400; } @media only screen and (max-width: 991px) { .calender-price-msg { display: none; } } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle; font-size:0.9em; width:100%;}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block; padding-left:5px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none; margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border-bottom:1px solid #cfcfcf;border-radius:0px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#3f3f3f;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .select2-search--dropdown{ position:relative; } .select2-search--dropdown:after{ content:" "; background:url(../rev-images/css_sprites.png) -9px -47px no-repeat; position:absolute; right:10px; top:9px; height:18px; width:18px; z-index:4; } .select2-search--dropdown .select2-search__field{ padding-right:28px; } .accordion-component{margin-bottom:50px}.accordion-component .emb-details{margin-top:50px;width:100%;float:left}.accordion-component .emb-details h2{margin:0 0 30px;font-size:2.2em;font-weight:500;font-family:EB Garamond}.accordion-component .accordion-colm1{float:left;margin-right:4%;width:57%}.accordion-component .accordion-colm2{float:left;width:39%}.accordion-component .accordion-colm2 img{width:100%;height:auto;max-width:100%}.accordion-component .accordion-section{font-family:"Roboto",sans-serif;margin-bottom:10px}.accordion-component .accordion-section .offertabs .tabs{list-style:none;width:100%;float:left;margin:10px 0 20px 0}.accordion-component .accordion-section .offertabs .tabs li{float:left;margin-right:20px;cursor:pointer}.accordion-component .accordion-section .offertabs .tabs .active{color:#d8741b}.accordion-component .accordion-section .tab-content{width:100%;float:left}.accordion-component .accordion-section .tab-content h4{font-size:.9375em;background:#ebebeb;padding:10px;margin-top:30px}.accordion-component .accordion-section .tab-content h4 span{font-weight:normal;font-size:.83em;color:#2c2c2c}.accordion-component .accordion-section .tab-content table{width:100%}.accordion-component .accordion-section .tab-content table td{padding:5px 7px}.accordion-component .accordion-section:last-child{margin-bottom:0}.accordion-component .accordion-heading{background:#f6f6f6;cursor:pointer;font-size:.9375em;font-weight:300;font-family:roboto;padding:5px 10px;position:relative}.accordion-component .accordion-heading.active:after{margin-top:-6px;transform:rotate(45deg)}.accordion-component .accordion-heading:after{border-bottom:1px solid #ebb98c;border-right:1px solid #ebb98c;content:"";height:8px;margin-top:-4px;position:absolute;right:12px;top:50%;transform:rotate(-45deg);transition:all 0.3s ease 0s;width:8px}.accordion-component .accordion-seprator{margin-bottom:25px}.accordion-component .accordion-seprator:last-child{margin-bottom:0}.accordion-component .accordion-content{display:none;font-family:"Roboto",sans-serif;font-weight:300;padding:10px}.accordion-component .accordion-content .accodion-table{font-size:0.9375em;width:100%}.accordion-component .accordion-content .accodion-table strong{font-weight:400}.accordion-component .accordion-content .accodion-table td:first-child{width:30%}.accordion-component .accordion-content .accodion-table td:nth-child(2n){width:20%;text-align:center}.accordion-component .accordion-content p{margin-bottom:10px}.accordion-component .schedule-list li{list-style:outside none none;margin-bottom:10px;padding-left:15px;font-size:.9375em;position:relative}.accordion-component .schedule-list li:last-child{margin-bottom:0}.accordion-component .schedule-list li:before{background-color:#000000;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;content:"";height:3px;left:0;position:absolute;top:8px;width:3px}.accordion-component .col-1-content .itnary-list-style{height:auto;margin-bottom:25px}.accordion-component .col-1-content .itnary-list-style li{margin:0 0 6px;float:none;line-height:24px;list-style:disc outside}.accordion-component .col-1-content,.accordion-component .emb-details{width:100%;float:left;font-family:"Roboto",sans-serif}.accordion-component .col-1-content h4,.accordion-component .emb-details h4{font-size:.9375em;margin:40px 0 15px 0;padding-bottom:15px;border-bottom:1px solid #f2f2f2;width:50%}.accordion-component .col-1-content h5,.accordion-component .emb-details h5{font-size:0.91em;color:#404040;padding:15px 0;margin-top:25px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;font-weight:normal}.accordion-component .col-1-content .emb-arrival,.accordion-component .emb-details .emb-arrival{width:50%;float:left;margin-top:50px;padding-right:40px}.accordion-component .col-1-content .emb-departure,.accordion-component .emb-details .emb-departure{width:50%;float:left;margin-top:50px;padding-left:40px;border-left:1px solid #e5e5e5}.accordion-component .col-1-content ul,.accordion-component .emb-details ul{list-style:none;height:1.5em;font-weight:300;width:100%}.accordion-component .col-1-content ul li,.accordion-component .emb-details ul li{margin-top:20px;float:left;width:100%}.accordion-component .emb-details{margin-top:50px;width:100%;float:left}.accordion-component .emb-details h2{margin:30px 0}.itiner-main-tabs{margin-bottom:10px}.itiner-main-tabs li{cursor:pointer;font-size:1.13em;font-family:"EB Garamond",serif;display:inline-block;margin-right:15px}.itiner-main-tabs li.active{color:#d8741b}.itiner-maintab-content,.itiner-subtab-content{display:none}.itiner-maintab-content .table-wrap{margin-bottom:50px;width:100%;overflow:auto}.itiner-maintab-content table{border-collapse:collapse;width:100%}.itiner-maintab-content table tr:nth-child(2n) td,.itiner-maintab-content table tr:nth-child(2n) th{background-color:#f6f6f6}.itiner-maintab-content table th{font-weight:400}.itiner-maintab-content table th,.itiner-maintab-content table td{border:1px solid #cccccc;padding:5px;text-align:left;font-size:.9375em}.itiner-maintab-content table .highlght{font-weight:300}.itiner-subtab-content p{font-size:0.938em;margin-bottom:5px}.itiner-sub-tabs{margin-bottom:15px}.itiner-sub-tabs li{cursor:pointer;display:inline-block;font-size:14px;margin-right:15px}.itiner-sub-tabs li.active{color:#d8741b}.itiner-sub-tabs-slct{background:url("/images/oberoihotels/common/arrow-bottom2.png") no-repeat right 8px center;border:1px solid #ccc;display:none;font-family:roboto;font-size:14px;margin-bottom:15px;padding:5px 10px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 991px){.itiner-sub-tabs{display:none}.itiner-sub-tabs-slct{display:block}.accordion-component .accordion-colm1{width:100%;margin-right:0}.accordion-component .accordion-colm2{width:100%;margin-top:25px}.accordion-component .accordion-content .accodion-table{font-size:0.9em}.accordion-component .col-1-content h4,.accordion-component .emb-details h4{width:100%}.accordion-component .col-1-content .emb-arrival,.accordion-component .emb-details .emb-arrival{width:100%}.accordion-component .col-1-content .emb-departure,.accordion-component .emb-details .emb-departure{width:100%;border:none;padding:0px}} /*# sourceMappingURL=accordion-component.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .side-colm { float: left; width: 57%; } .accordion-list-component { font-family: "Roboto", sans-serif; font-weight: 300; } .accordion-list-component .accordion-list-heading { border-bottom: 1px solid #f2f2f2; font-family: eb garamond; font-size: 1.6em; margin-bottom: 10px; padding: 0 15px 10px 7px; } .accordion-list-component .accordion-list-heading span { cursor: pointer; display: inline-block; padding-right: 25px; position: relative; } .accordion-list-component .accordion-list-heading span:before { border-bottom: 2px solid #ebb98c; border-right: 2px solid #ebb98c; content: " "; height: 7px; margin-top: 0; position: absolute; right: 0; top: 50%; transform: rotate(226deg); width: 7px; z-index: 2; } .accordion-list-component .accordion-list-heading .active:before { margin-top: -6px; transform: rotate(45deg); } .accordion-list-component .accordion-section-type2 { margin-bottom: 10px; } .accordion-list-component .accordion-section-type2:last-child { margin-bottom: 0; } .accordion-list-component .accordion-heading-type2 { background-color: #f6f6f6; cursor: pointer; padding: 5px 10px; font-size: 0.9375em; position: relative; } .accordion-list-component .accordion-heading-type2:after { border-bottom: 1px solid #ebb98c; border-right: 1px solid #ebb98c; content: ""; height: 8px; margin-top: -4px; position: absolute; right: 12px; top: 50%; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 8px; } .accordion-list-component .accordion-heading-type2.active:after { margin-top: -6px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .accordion-list-component .accordion-content-type2 { display: none; padding: 10px 10px 20px; } .accordion-list-component .accordion-content-type2 p { font-size: 0.9375em; } .accordion-list-component .accodion-table { font-family: "Roboto", sans-serif; font-size: 0.9375em; font-weight: 300; width: 100%; } .accordion-list-component .accodion-table td { padding: 3px 0; font-size: 0.9375em; vertical-align: top; width: 30%; } .accordion-list-component .accordion-sepration { margin-bottom: 35px; } .accordion-list-component .accordion-sepration:last-child { margin-bottom: 0; } .accordion-list-component .accordion-hdng { font-size: 1.500em; font-weight: 400; line-height: 100%; margin-bottom: 12px; } @media (max-width: 1024px) { .side-colm { width: 100%; float: none; } } @media (max-width: 767px) { .accordion-list-component .accordion-heading-type2 { padding-right: 20px; } .accordion-list-component .accordion-list-heading { font-size: 1.2em; } } /*# sourceMappingURL=accordion-list-component.css.map */ .gallery-type{font-size:0.875em;margin-bottom:20px}.gallery-page2 .filter-component{padding:0 20px}.gallery-label{display:inline-block;vertical-align:middle}.gallery-label span{font-weight:500;margin-right:40px}.gallery-filter{display:inline-block;vertical-align:middle}.gallery-filter li{background:url("/images/OberoiHotels/filter-component/arrow-bottom.png") no-repeat scroll right 6px;cursor:pointer;display:inline-block;font-weight:300;margin-right:30px;padding-right:35px}.gallery-filter li.active{background:url("/images/OberoiHotels/filter-component/arrow-top.png") no-repeat scroll right 6px;color:#d8741b;font-weight:500}.gallery-catgry{display:none}.gallery-input-list{border-top:1px solid #ebebeb;margin-top:20px;padding:20px 5px 0}.gallery-input-list li{float:left;font-size:0.938em;font-weight:300;list-style:outside none none;margin-bottom:15px;width:33.3%}.gallery-input-list li label{position:relative;display:block}.gallery-input-list li input{height:20px;left:0;opacity:0;position:absolute;top:0;width:20px}.gallery-input-list li input:checked+span::before{background-position:0 -22px}.gallery-input-list li span{padding-left:30px}.gallery-input-list li span:before{background:transparent url("/images/OberoiHotels/filter-component/tick-boxes.png") no-repeat scroll 0 0;content:"";height:19px;left:0;position:absolute;top:0;width:19px}.gallery-component-style2{padding-bottom:120px;position:relative}.gallery-component-style2 .grid-item{float:left;margin:0 1%;width:31%;margin-bottom:25px}.gallery-component-style2 .grid-item img{max-width:100%;width:100%}.gallery-component-style2 .grid-item a{text-decoration:none;display:block;color:inherit}.gallery-component-style2 .grid-item .gallery-thumb-dtls p{font-size:0.9375em}.gallery-component-style2 .grid-sizer{float:left;margin:0 1%;width:31%}.gallery-component-style2 .filters-main-category{margin-bottom:0}.gallery-component-style2 .filter-popup{padding:0 50px}.gallery-component-style2 .gallery-thumbs-list .gallery-thumb-block{margin:0 1% 20px 1%;width:31%;display:inline-block;vertical-align:top}.gallery-component-style2 .gallery-thumbs-list .gallery-thumb-block a{color:inherit;font-family:"Roboto",sans-serif;text-decoration:none}.gallery-component-style2 .gallery-thumbs-list .gallery-thumb-block .gallery-thumb-dtls{min-height:44px}.gallery-component-style2 .gallery-thumbs-list .gallery-thumb-block .gallery-thumb-img{margin-bottom:15px;position:relative; min-height: 227px;}.gallery-component-style2 .gallery-thumbs-list .gallery-thumb-block .gallery-thumb-img .play{background:url("../images/gallery-component-style2/play-icon.png") no-repeat center center;position:absolute;display:block;right:10px;top:10px;width:24px;height:24px}.gallery-component-style2 .gallery-thumbs-list .gallery-thumb-block .gallery-thumb-img img{width:100%;max-width:100%}.gallery-component-style2 .gallery-thumbs-list .gallery-thumb-block .gallery-thumb-dtls p{font-size:0.9375em}.fancybox-content .share-list{left:auto;position:fixed;right:93px;top:12px;z-index:999}.sharePopup .fancybox-bg{background:none}.sharePopup .fancybox-content{padding:0}.magazine-details-page .gallery-page2 .container-1270px{max-width:1270px}@media only screen and (max-width: 1280px){.gallery-page2 .filter-component{padding:0}}@media only screen and (min-width: 768px) and (max-width: 900px){.gallery-component-style2 .gallery-thumbs-list .gallery-thumb-block{width:46%}}@media only screen and (max-width: 1024px){.gallery-component-style2{padding-bottom:50px}}@media only screen and (max-width: 991px){.gallery-component-style2 .grid-item{width:48%}.gallery-component-style2 .grid-sizer{width:48%}}@media only screen and (max-width: 767px){.gallery-component-style2{margin-top:10px;padding-bottom:40px}.gallery-component-style2 .grid-item{float:left;margin:0 1%;width:31%;margin:0 0 20px;width:100%}.gallery-component-style2 .grid-sizer{float:left;margin:0 1%;width:31%}.gallery-component-style2 .filters-main-category{margin-bottom:20px}.gallery-component-style2 .gallery-thumbs-list .gallery-thumb-block{margin:0 0 20px 0;width:100%}.gallery-component-style2 .filter-toggle{font-size:0.9375em;top:0}.gallery-component-style2 .filter-popup{padding:0}.gallery-input-list li{width:100%}} /*# sourceMappingURL=gallery-component-style2.css.map */ .default-container{margin:0 auto;max-width:1270px}.article-wrap{padding-bottom:90px;display:flex;justify-content:space-around;align-items:stretch}.article-col1,.article-col2{float:left}.article-col1{margin-right:2.6%}.article-item{padding-bottom:20px;border-bottom:1px solid #6ab8d9;margin-bottom:20px;font-family:"Roboto",sans-serif}.article-item h3,.article-item h4{font-weight:300}.article-item h4{font-size:14px}.article-item h3{font-size:1.5em;margin:15px 0px}.article-item h3 a{color:#000;text-decoration:none;border-bottom:1px solid #f2f2f2}.article-item h3 a:hover{border-bottom:none}.article-item p{font-size:.9375em}.article-item p strong{font-weight:500}.article-item p a{color:#66b6d8 !important;text-decoration:none !important}.info-box{background:#f2f2f2;padding:30px 23px;font-family:"Roboto",sans-serif}.info-box h3{margin-bottom:15px}.info-box h3 span{display:block;margin-top:5px}.info-box h3,.info-box h4,.info-box p,.info-box strong{font-size:.9375em;font-weight:300}.info-box p{margin-top:5px;white-space:nowrap}.info-box p strong{font-weight:300}.info-box h4{text-decoration:underline}@media only screen and (max-width: 1199px){.article-col1,.article-col2{padding:0px 15px}}@media only screen and (max-width: 767px){.article-wrap{display:block;padding-bottom:0px}.article-col1,.article-col2{width:100%;margin-right:0px;padding:0}.article-col2{padding:0 0 50px}.article-item h3{font-size:1.1em}.info-box{width:100%}} /*# sourceMappingURL=article-component.css.map */ .destination-component{float:left;padding:40px 0 140px;width:100%}.destination-component h1{font-family:"EB Garamond",serif;font-size:2.188em;font-style:italic;font-weight:300;margin-bottom:20px;line-height:100%}.destination-component .container{margin:0 auto;max-width:1270px}.destination-component .destination-wrapper{float:left;width:100%}.destination-component .destination-component-col2{width:58%;border:1px solid #f8f8f8}.destination-component .destination-component-col2 #map-canvas img{max-width:100%;height:auto}.destination-component .destination-component-col1,.destination-component .destination-component-col2{float:left}.destination-component .destination-component-col1{width:42%;border-top:1px solid #f8f8f8}.destination-component .destination-component-col1 .destination-country-list{border-left:1px solid #f8f8f8;float:left;width:36%}.destination-component .destination-component-col1 .destination-country-list ul li{background-color:#f8f8f8;cursor:pointer;display:block;font-family:"Roboto",sans-serif;font-size:.9375em;line-height:100%;list-style:outside none none;padding:20px}.destination-component .destination-component-col1 .destination-country-list ul li.active{background-color:#ffffff;color:#d8741b;font-weight:600;border-left:2px solid #d8741b}.destination-component .destination-component-col1 .destination-hotels-list{float:left;padding:20px 45px;width:64%}.destination-component .destination-component-col1 .destination-hotels-list ul{display:none}.destination-component .destination-component-col1 .destination-hotels-list li{font-family:"Roboto",sans-serif;font-size:.9375em;font-weight:300;line-height:24px;list-style:outside none none;margin-bottom:10px;position:relative}.destination-component .destination-component-col1 .destination-hotels-list li:last-child{margin-bottom:0}.destination-component .destination-component-col1 .destination-hotels-list li a{color:#000;cursor:pointer;display:block;text-decoration:none}.destination-component .destination-component-col1 .destination-hotels-list li a.dhover{background:#d8741b;color:#fff !important;padding:2px 7px;position:absolute;z-index:12;right:-42px;top:-6px;display:none; font-size: 13px;}.destination-component .destination-component-col1 .destination-hotels-list li:hover a.dhover{display:block; padding: 2px 7px; right: -42px; font-size: 13px;}.destination-component .destination-component-col1 .destination-hotels-list ul li.active a{color:#d8741b}.destination-component #destination-country-dropdown{display:none}.destination-component .destination-component-col1 .destination-hotels-list .omo-destination-map-menu ul{margin-bottom:10px}.destination-component .destination-component-col1 .destination-hotels-list .omo-destination-map-menu ul.active{display:block}.destination-component .destination-component-col1 .destination-hotels-list .omo-destination-map-menu .mo-continent-name{padding:5px 0px;cursor:pointer;position:relative;color:#d8741b;margin-bottom:5px}.destination-component .destination-component-col1 .destination-hotels-list .omo-destination-map-menu .mo-continent-name:after{position:absolute;content:'';border:solid #d8741b;border-width:0 2px 2px 0;display:inline-block;padding:4px;right:0px;top:6px;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all 0.3s linear}.destination-component .destination-component-col1 .destination-hotels-list .omo-destination-map-menu .mo-continent-name.active:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);top:10px}.destination-component .destination-component-col1 .destination-hotels-list .omo-destination-map-menu .mo-continent-name.active{color:#d8741b}.destination-component .destination-component-col1 .destination-hotels-list .omo-destination-map-menu{display:none}.omo-map-text-Wrap{font-family:"Roboto",sans-serif;font-size:.9375em;font-weight:300;line-height:24px;list-style:outside none none;margin-bottom:30px;position:relative;padding:10px 15px 0px;display:none}.omo-map-text-Wrap .omo-map-explore-btn{padding:0px 15px 0px 0px;margin-right:2%;margin-top:-15px;float:right;text-decoration:none;text-transform:uppercase;position:relative;font-family:"Roboto",sans-serif;font-weight:400;line-height:100%;font-size:.9375em;color:#da7b26;-webkit-transition:0.5s all ease-in-out;-ms-transition:0.5s all ease-in-out;-o-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out}.omo-map-text-Wrap .omo-map-explore-btn:after{content:" ";border-bottom:2px solid #da7b26;border-right:2px solid #da7b26;top:50%;margin-top:-4px;height:7px;right:0px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}@media only screen and (max-width: 1199px){.destination-component .destination-component-col1{width:50%}.destination-component .destination-component-col2{width:50%}}@media only screen and (max-width: 800px){.destination-component{padding:35px 15px 60px}.destination-component #destination-country-dropdown{background:url("../images/destination-component/arrow-bottom.png") no-repeat right 15px center;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:1px solid #828282;display:block;font-family:"Roboto",sans-serif;font-size:1.125em;padding:10px 14px;width:100%}.destination-component .destination-component-col1,.destination-component .destination-component-col2{width:100%}.destination-component .destination-component-col1 .destination-country-list,.destination-component .destination-component-col1 .destination-hotels-list{width:100%}.destination-component .destination-component-col1 .destination-hotels-list{padding:20px 5px 0 15px}.destination-component .destination-component-col1 .destination-hotels-list li:hover a.dhover{display:none}.destination-country-list ul{display:none}} /*# sourceMappingURL=destination-component.css.map */ .request-a-proposal-form{float:left;width:70%;margin:0 15%;font-family:"Roboto",sans-serif;font-size:.9375em;display:none}.request-a-proposal-form .noDisplay{display:none}.request-a-proposal-form .timelineWrap{float:left;width:100%;height:20px;margin:0 0 70px 0;background:#f5f5f5;position:relative}.request-a-proposal-form .timelineWrap .filler{position:absolute;width:0%;height:100%;background:#d8741b}.request-a-proposal-form .timelineWrap ul{list-style-type:none;display:flex;flex-wrap:nowrap;justify-content:space-between;margin-top:-30px;transform:translate(0, 10px);width:102%;margin-left:-1%}.request-a-proposal-form .timelineWrap ul li{float:left;width:60px;height:60px;background:#f5f5f5;border-radius:50%;text-align:center;line-height:60px;color:#7a7a7a;font-size:1.5em;position:relative}.request-a-proposal-form .timelineWrap ul li.active{color:#fff;background:#d8741b}.request-a-proposal-form .timelineWrap ul li.active svg{fill:#fff !important}.request-a-proposal-form .timelineWrap ul li.active span{color:#d8741b}.request-a-proposal-form .timelineWrap ul li.completed .iconWrap{display:none}.request-a-proposal-form .timelineWrap ul li.completed .iconActiveWrap{display:inline !important}.request-a-proposal-form .timelineWrap ul li .iconWrap{float:left;width:100%;height:60px;line-height:60px;padding:0}.request-a-proposal-form .timelineWrap ul li .iconWrap .fa{margin-top:5px}.request-a-proposal-form .timelineWrap ul li .iconWrap svg{width:50%;fill:#7a7a7a;margin-top:15px}.request-a-proposal-form .timelineWrap ul li .iconActiveWrap{display:none}.request-a-proposal-form .timelineWrap ul li .iconActiveWrap svg{max-width:30px;position:absolute;top:50%;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;fill:#fff}.request-a-proposal-form .timelineWrap ul li span{position:absolute;width:auto;bottom:-50px;font-size:16px;white-space:nowrap;color:#000;left:30px;transform:translate(-50%, 0);font-family:"Roboto",sans-serif}.request-a-proposal-form .sectionFormWrap{float:left;width:100%;margin:40px 0 0 0}.request-a-proposal-form .sectionFormWrap .formWrap{float:left;width:100%}.request-a-proposal-form .sectionFormWrap .formWrap .label{float:left;width:100%;margin:0 0 10px 0}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails{float:left;width:60%}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName{float:left;width:calc(50% - 20px);margin:0 20px 20px 0;position:relative;height:40px;display:flex;align-items:center}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelLabel{float:left;width:100%;padding:10px;cursor:pointer;border:#f3f3f3 solid 1px}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelLabel .name{float:left;width:95%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#949494;font-weight:300}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelLabel .arrowWrap{float:left;width:5%;padding:1px 0 0 0}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown{position:absolute;width:700px;background:#fff;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);padding:10px;left:0px;top:40px;z-index:1;display:none}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .mobileHeader{display:none}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels{float:left;width:100%}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList{float:left;width:50%;padding:10px 20px;border-left:#ebebeb solid 1px}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList:first-child{border:0 !important}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock{float:left;width:100%;margin:0 0 15px 0}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock:last-child{margin:0}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .heading{float:left;width:100%;color:#d8741b;font-weight:700;margin:0 0 10px 0}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list{float:left;width:100%}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul{list-style:none}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li{float:left;width:auto;margin:0 0 10px 0;cursor:pointer;transition:all 0.3s ease-in-out;position:relative;clear:both}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li:hover,.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li.active{color:#d8741b}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .label{float:left;width:100%;margin:0}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav{position:absolute;width:220px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);color:#000;margin:0px 0 0 0;left:0;top:100%;z-index:2;background:#fff;display:none}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head{float:left;width:100%;padding:10px;border-top:#e6e6e6 solid 1px}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head:hover{color:#d8741b}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head:first-child{border:0}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head .arrowWrap{float:right;transition:all 0.3 ease-in-out}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head.active .arrowWrap{transform:rotate(180deg)}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content{float:left;width:100%;padding:0;display:none}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values{float:left;width:100%;padding:5px 10px;margin:0}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values:hover,.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values.active{color:#d8741b}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values:first-child{padding-top:0}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap{float:left;width:100%;padding:10px;border-top:#e6e6e6 solid 1px}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap:hover,.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap.active{color:#d8741b}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap .button{float:left;width:auto;font-size:0.95em}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li:hover .subNav{display:inline}.request-a-proposal-form .sectionFormWrap .formWrap .seatingStyleWrap{float:left;width:40%;padding:0 0 0 5%}.request-a-proposal-form .sectionFormWrap .formWrap .seatingStyleWrap .heading{float:left;width:100%;font-weight:500;margin:0 0 10px 0}.request-a-proposal-form .sectionFormWrap .formWrap .seatingStyleWrap .optionsWrap{float:left;width:100%}.request-a-proposal-form .sectionFormWrap .formWrap .seatingStyleWrap .optionsWrap ul{list-style-type:none}.request-a-proposal-form .sectionFormWrap .formWrap .seatingStyleWrap .optionsWrap ul li{float:left;width:70px;margin:0 10% 10px 0;opacity:0.5;cursor:pointer}.request-a-proposal-form .sectionFormWrap .formWrap .seatingStyleWrap .optionsWrap ul li.active{opacity:1}.request-a-proposal-form .sectionFormWrap .formWrap .seatingStyleWrap .optionsWrap ul li .iconWrap{float:left;width:100%}.request-a-proposal-form .sectionFormWrap .formWrap .seatingStyleWrap .optionsWrap ul li .text{float:left;width:100%;text-align:center;font-size:0.8em}.request-a-proposal-form .sectionFormWrap .formWrap .formWrap{float:left;width:calc(50% - 20px);margin:0 20px 20px 0;position:relative}.request-a-proposal-form .sectionFormWrap .formWrap .formWrap .errorMsg{float:left;width:100%;color:#f00;font-size:12px}.request-a-proposal-form .sectionFormWrap .formWrap .formWrap .titleWrap{float:left;width:80px;margin:0 10px 0 0}.request-a-proposal-form .sectionFormWrap .formWrap .formWrap .firstName{float:left;width:calc(100% - 90px);position:relative}.request-a-proposal-form .sectionFormWrap .formWrap .formWrap .label{float:left;width:100%;margin:0 0 5px 0}.request-a-proposal-form .sectionFormWrap .formWrap .formWrap .input{float:left;width:100%;height:40px;padding:10px;border:#f3f3f3 solid 1px;font-size:1em;background:#fff}.request-a-proposal-form .sectionFormWrap .formWrap .formWrap .select{float:left;width:100%;height:40px;padding:10px;border:#f3f3f3 solid 1px;font-size:1em;background:#fff url(/images/OberoiHotels/request-a-proposal-form/select-arrow.png) 94% center no-repeat;background-size:9px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;color:#949494}.request-a-proposal-form .sectionFormWrap .formWrap .formWrap .titleWrap .select{background-position:84% center}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap{float:left;width:calc(100% - 20px);border:#f3f3f3 solid 1px}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .noOfGuestWrap{float:left;width:33.33%;padding:5px 10px;text-align:center;border-right:#f3f3f3 solid 1px}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .noOfGuestWrap .label{float:left;width:100%;font-size:11px;color:#989898;margin:0}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .noOfGuestWrap .input{float:left;width:100%;text-align:center;font-family:"Roboto",sans-serif;font-size:35px;padding:0;margin:0;color:#000;font-weight:500;border:0}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut{float:left;width:66.66%;color:#242424;flex-wrap:nowrap;position:relative !important;clear:none}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-mobile-heading{display:none;position:fixed;left:0;top:0;width:100%;text-align:center;font-weight:600;padding:0 0;z-index:10000;visibility:hidden;padding:0 0 5% 0;box-shadow:0px 2px 25px 0px rgba(0,0,0,0.05)}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-mobile-heading .backWrap{float:left;width:100%;text-align:left;padding:5% 5% 10px 5%}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-mobile-heading .backWrap svg{width:15px;fill:#000}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-mobile-heading .dateWrap{float:left;width:100%}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut{float:left;width:50%;padding:0 5%;text-align:left}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .label{color:#9b9b9b;font-size:10px;float:left;width:100%;font-weight:normal}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .dates{float:left;width:100%;font-weight:700;border:0;height:20px;font-size:1.4em}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .dates .t-dates{padding:0;height:auto}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-mobile-heading .close{float:right;width:60px;height:60px;line-height:60px;text-align:center;background:#d8741b;border-radius:50%;color:#fff;right:0;font-size:15px;font-weight:700;position:fixed;left:50%;bottom:20px;transform:translate(-50%, 0);z-index:10000;box-shadow:0px 5px 25px 0px rgba(0,0,0,0.25)}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-arrow-top{top:44px}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap{float:left;width:50%;padding:5px 10px;border-right:#f3f3f3 solid 1px}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap:last-child{border:0}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .label{float:left;width:100%;white-space:nowrap;font-size:11px;color:#989898;padding:0 0 0 10%;margin:0}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap{float:left;width:100%;background-size:13px;border:0;position:static}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-arrow-top{display:none !important}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{left:0;top:65px;padding-top:25px}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .cico-identification{position:absolute;width:100%;text-align:center;color:#d8741b;font-weight:600;top:10px;display:none}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates{padding:5px 10%;height:auto;border:0;position:relative}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out{text-align:center;font-family:"Roboto",sans-serif;font-size:35px;color:#000;font-weight:500}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out{position:absolute;left:42%;top:-2px;font-size:12px}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out{position:absolute;left:42%;bottom:2px;font-size:12px}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-date-info-title,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-date-info-title{display:none}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .fa{opacity:0}.request-a-proposal-form .sectionFormWrap .statusWrap{float:left;width:100%;padding:5% 0;text-align:center}.request-a-proposal-form .sectionFormWrap .statusWrap .iconWrap{display:inline-block;width:60px;margin:0 0 5% 0}.request-a-proposal-form .sectionFormWrap .statusWrap .iconWrap svg{width:100%;fill:#079300}.request-a-proposal-form .sectionFormWrap .statusWrap .statusMessage{float:left;width:100%;padding:0 0 20px 0}.request-a-proposal-form .sectionFormWrap .accomodationWrap{float:left;width:100%;margin:0 0 30px 0}.request-a-proposal-form .sectionFormWrap .accomodationWrap .label{float:left;width:100%;margin:20px 0}.request-a-proposal-form .sectionFormWrap .accomodationWrap .label label{font-family:"Roboto", sans-serif;font-size:14px;margin-left:15px;position:relative}.request-a-proposal-form .sectionFormWrap .accomodationWrap .label label:after{position:absolute;content:" ";height:10px;width:10px;border-radius:50%;border:1px solid #000;top:2px;left:0px}.request-a-proposal-form .sectionFormWrap .accomodationWrap .label label input[type="radio"]{opacity:0}.request-a-proposal-form .sectionFormWrap .accomodationWrap .label label span{display:inline-block;margin-left:5px}.request-a-proposal-form .sectionFormWrap .accomodationWrap .label label.active:after{border:5px solid #d8751d;height:6px;width:6px;top:0px}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm{float:left;width:100%;display:none}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm{float:left;width:60%}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut{float:left;width:100%;color:#242424;flex-wrap:nowrap;position:relative !important;clear:none}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-arrow-top{top:20px}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-mobile-heading{display:none;position:fixed;left:0;top:0;width:100%;text-align:center;font-weight:600;padding:0 0;z-index:10000;background:#fff;padding:0 0 5% 0;box-shadow:0px 2px 25px 0px rgba(0,0,0,0.05)}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-mobile-heading .backWrap{float:left;width:100%;text-align:left;padding:5% 5% 10px 5%}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-mobile-heading .backWrap svg{width:15px;fill:#000}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-mobile-heading .dateWrap{float:left;width:100%}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut{float:left;width:50%;padding:0 5%;text-align:left}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .label{color:#9b9b9b;font-size:10px;float:left;width:100%;font-weight:normal;margin:0}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .dates{float:left;width:100%;font-weight:700;border:0;height:20px;font-size:1.4em}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .dates .t-dates{padding:0;height:auto}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-mobile-heading .close{float:right;width:60px;height:60px;line-height:60px;text-align:center;background:#d8741b;border-radius:50%;color:#fff;right:0;font-size:15px;font-weight:700;position:fixed;left:50%;bottom:20px;transform:translate(-50%, 0);z-index:10000;box-shadow:0px 5px 25px 0px rgba(0,0,0,0.25)}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap{float:left;width:calc(50% - 20px);padding:5px 10px 0 10px;margin:0 20px 20px 0;border:#f3f3f3 solid 1px}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .label{float:left;width:30%;white-space:nowrap;font-size:11px;color:#989898;padding:6px 0 0 10px;margin:0}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap{float:left;width:110px;background-size:13px;border:0;position:static}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-arrow-top{display:none !important}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{left:0;padding-top:25px}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .cico-identification{position:absolute;width:100%;text-align:center;color:#d8741b;font-weight:600;top:10px;display:none}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-dates{padding:5px 15%;height:auto;border:0;position:relative}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out{text-align:center;font-family:"Roboto",sans-serif;font-size:35px;color:#000;font-weight:500}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out{position:absolute;left:60%;top:-2px;font-size:12px}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out{position:absolute;left:60%;bottom:2px;font-size:12px}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-dates .t-date-info-title,.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-dates .t-date-info-title{display:none}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-dates .fa{opacity:0}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .rightForm{float:left;width:40%;padding:0 0 0 5%;position:relative}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .rightForm .errorMsg{position:absolute;color:#f00;font-size:12px;top:100%}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .rightForm .label{float:left;width:100%;margin:0 0 5px 0}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .rightForm .textArea{float:left;width:100%;height:90px;padding:10px;border:#f3f3f3 solid 1px;resize:none;font-size:1em;font-family:"Roboto",sans-serif}.request-a-proposal-form .sectionFormWrap .footerButtonsWrap{float:left;width:100%;border-top:#ebebeb solid 1px;padding:28px 0}.request-a-proposal-form .sectionFormWrap .footerButtonsWrap .button{float:right;width:auto;border:#d8741b solid 1px;color:#fff;padding:8px 15px;background:#d8741b;font-family:"Roboto",sans-serif;cursor:pointer}.request-a-proposal-form .sectionFormWrap .footerButtonsWrap .button.back{float:left;background:#f3f3f3;color:#000;border:#f3f3f3 solid 1px}.custom-pop-up{display:none;position:fixed;z-index:4;padding:3% 0px;left:0;top:0;width:100%;height:100%;overflow:auto}.custom-pop-up-overlay{height:100%;width:100%;position:fixed;top:0px;left:0px;background-color:#000;background-color:rgba(0,0,0,0.8);z-index:5}.custom-pop-up-content{background-color:#fefefe;margin:auto;padding:15px 20px 0px;border:1px solid #888;width:90%;max-width:1050px;overflow:auto;height:100%;position:relative;z-index:6}.custom-pop-up-close{color:#aaaaaa;float:right;font-size:28px;font-weight:bold}.custom-pop-up-close:hover,.custom-pop-up-close:focus{color:#000;text-decoration:none;cursor:pointer}.errorMsg{float:left;width:100%;color:#f00;font-size:12px}.custom-pop-up .request-a-proposal-form{width:92%;margin:0px 4%}@media only screen and (min-width: 1400px){.custom-pop-up{padding:8.5% 0px}}@media only screen and (max-width: 1199px){.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .noOfGuestWrap .input{font-size:30px}}@media only screen and (min-width: 960px) and (max-width: 1024px){.request-a-proposal-form{width:90%;margin:0 5%}}@media only screen and (max-width: 991px){.custom-pop-up .request-a-proposal-form{width:90%;margin:0px 5%}.custom-pop-up-content{width:96%;padding:15px 10px}}@media only screen and (min-width: 768px) and (max-width: 959px){.request-a-proposal-form{width:90%;margin:0 5%}}@media only screen and (max-width: 768px){.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .noOfGuestWrap{width:100%;border-bottom:#f3f3f3 solid 1px}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut{width:100%}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out{left:50%}}@media only screen and (max-width: 767px){.request-a-proposal-form{width:100%;margin:0}.request-a-proposal-form .timelineWrap{margin:0 5% 70px 5%;width:90%}.request-a-proposal-form .timelineWrap ul li span{font-size:12px}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails{width:100%}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName{width:100%}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown{position:fixed;width:100%;height:100%;left:0;top:0;padding:50px 0 0 0;overflow:auto}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList{width:100%;font-weight:300}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list li{font-family:"Roboto", sans-serif;font-size:0.9375em}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .mobileHeader{display:block;width:100%;text-align:center;position:fixed;left:0;top:0;padding:0px;font-weight:1em;font-weight:700;background:#fff;z-index:2;box-shadow:0px 2px 25px 0px rgba(0,0,0,0.05)}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .mobileHeader .close{float:left;width:auto;line-height:38px;text-align:center;color:#000;right:0;top:0;font-size:20px;padding:5%}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .hotelName .hotelListDropDown .mobileHeader .close svg{width:15px;fill:#000}.request-a-proposal-form .sectionFormWrap .formWrap .eventDetails .calenderWrap{width:100%}.request-a-proposal-form .sectionFormWrap .formWrap .formWrap{width:100%;margin:0 0 10px 0}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .noOfGuestWrap{width:100%;border:0;border-bottom:#f3f3f3 solid 1px}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut{width:100%}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out{left:50%}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-mobile-heading{background:#fff;visibility:visible}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .t-arrow-top{display:none !important}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .label{padding:0 0 0 25px}.request-a-proposal-form .sectionFormWrap .formWrap .calenderWrap .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{position:fixed;left:0;top:110px;z-index:100;width:100%;height:calc(100% - 100px);overflow:auto;padding:0 0 100px 0}.request-a-proposal-form .sectionFormWrap .formWrap .seatingStyleWrap{width:100%;padding:0;margin:10% 0 0 0}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm{width:100%}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .t-arrow-top{display:none !important}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap{height:auto;padding:5px 10px;width:50%;margin:0 0px 20px 0}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .label{padding:0 0 0 25px}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .leftForm .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{position:fixed;left:0;top:110px;z-index:100;width:100%;height:calc(100% - 100px);overflow:auto;padding:0 0 100px 0}.request-a-proposal-form .sectionFormWrap .accomodationWrap .accomodationForm .rightForm{width:100%;padding:0}.custom-pop-up .request-a-proposal-form{width:100%;margin:0px}.custom-pop-up-content{width:96%;padding:15px 10px}} /*# sourceMappingURL=request-a-proposal-form.css.map */ .image-with-description{margin-bottom:25px;display:flex;align-items:center}.image-with-description .img-col{float:left;margin-right:4%;position:relative;width:62%}.image-with-description .img-col>img{max-width:100%;vertical-align:middle;width:100%}.image-with-description .description-col{float:left;width:34%}.image-with-description p{margin-bottom:20px;font-family:"Roboto",sans-serif;font-size:.938em}.image-with-description p:first-child{margin-top:-4px}.image-with-description h2{font-family:"EB Garamond",serif;font-size:1.75em;font-style:italic;font-weight:400;line-height:110%;margin-bottom:12px;margin-top:-5px}.image-with-description h2 span{font-style:normal}.image-with-description .contact-details-wrap{margin-top:10px;list-style:none;float:left}.image-with-description .contact-details-wrap li{font-family:"Roboto",sans-serif;font-size:.938em;font-weight:300;margin-bottom:15px}.image-with-description .contact-details-wrap li span{display:inline-block;vertical-align:top;line-height:24px}.image-with-description .contact-details-wrap li span.contact-heading{width:140px}.image-with-description .contact-details-wrap li span.contact-details>span{font-size:80%;display:block;margin-top:4px}.image-with-description .contact-details-wrap li span strong{font-weight:700}@media only screen and (max-width: 1199px){.image-with-description .sign-up-form .sign-up-form-wrap .form-field .form-field-col.title-filed{width:20%;max-width:65px}.image-with-description .sign-up-form .sign-up-form-wrap .form-field .form-field-col.name-field1,.image-with-description .sign-up-form .sign-up-form-wrap .form-field .form-field-col.name-field2{width:38.3%}.image-with-description .sign-up-form .sign-up-form-wrap .form-tnc-box label .form-tnc-txt{width:92%;float:left}}@media only screen and (max-width: 991px){.image-with-description{margin-bottom:25px;display:block;float:left;width:100%}.image-with-description .img-col{width:100%;margin-right:0;margin-bottom:15px}.image-with-description .description-col{width:100%}.image-with-description p:first-child{margin-top:0px}.image-with-description .contact-details-wrap li span.contact-heading{width:105px}}@media only screen and (max-width: 480px){.image-with-discription .description-col .contact-details-wrap li span.contact-heading{width:100px}.image-with-discription .description-col .contact-details-wrap li{font-size:12px}}@media only screen and (max-width: 359px){.image-with-discription .description-col .contact-details-wrap li span.contact-heading{display:block}} /*# sourceMappingURL=image-with-description.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .sign-up-form { max-width: 450px; font-family: "Roboto", sans-serif; margin-top: 20px; } .sign-up-form .queries-btn label { font-family: "Roboto", sans-serif; font-size: 14px; margin-right: 35px; position: relative; } .sign-up-form .queries-btn label:after { position: absolute; content: " "; height: 10px; width: 10px; border-radius: 50%; border: 1px solid #000; top: 2px; left: 0px; } .sign-up-form .queries-btn label input[type="radio"] { opacity: 0; } .sign-up-form .queries-btn label span { display: inline-block; margin-left: 15px; } .sign-up-form .queries-btn label.active:after { border: 5px solid #d8751d; height: 6px; width: 6px; top: 0px; } .sign-up-form .sign-up-form-wrap { margin-top: 0px; } .sign-up-form .sign-up-form-wrap .form-field-container { margin-bottom: 8px; width: 100%; float: left; } .sign-up-form .sign-up-form-wrap .form-field-container .field-col1 { width: 58%; float: left; padding-right: 2%; } .sign-up-form .sign-up-form-wrap .form-field-container .field-col1 .label-content { width: 44.6%; } .sign-up-form .sign-up-form-wrap .form-field-container .field-col1 .form-field { width: 100%; } .sign-up-form .sign-up-form-wrap .form-field-container .field-col2 { width: 42%; float: left; } .sign-up-form .sign-up-form-wrap .form-tnc-box label { width: 100%; float: left; margin-bottom: 10px; margin-top: 5px; font-size: 11px; font-family: "Roboto", sans-serif; } .sign-up-form .sign-up-form-wrap .form-tnc-box label span { float: left; width: auto; } .sign-up-form .sign-up-form-wrap .form-tnc-box label span a { color: #40c3e5; text-decoration: none; } .sign-up-form .sign-up-form-wrap .form-tnc-box label .form-tnc-txt { margin-left: 10px; } .sign-up-form .sign-up-form-wrap .form-button-section { width: 100%; float: left; margin-bottom: 12px; } .sign-up-form .sign-up-form-wrap .form-button-section.submit-btn-section { text-align: center; position: relative; } .sign-up-form .sign-up-form-wrap .form-button-section.login-btn-section { text-align: right; font-size: 13px; font-weight: 300; } .sign-up-form .sign-up-form-wrap .form-button-section .submit-btn { min-width: 84px; font-size: 13px; text-transform: uppercase; background: #d8751b; font-family: "Roboto", sans-serif; font-weight: 300; padding: 5px; color: #fff; text-align: center; display: inline-block; cursor: pointer; } .sign-up-form .sign-up-form-wrap .form-button-section .submit-btn:focus, .sign-up-form .sign-up-form-wrap .form-button-section .submit-btn:active { outline: none; } .sign-up-form .sign-up-form-wrap .form-button-section .login-btn { width: 76px; font-size: 13px; text-transform: uppercase; font-family: "Roboto", sans-serif; font-weight: 600; padding: 5px 0px; color: #000; text-align: center; display: inline-block; border: 1px solid #a0a0a0; text-decoration: none; margin-left: 20px; } .sign-up-form .sign-up-form-wrap .label-content { width: 25%; font-size: 14px; float: left; font-family: "Roboto", sans-serif; font-weight: 300; margin-top: 5px; } .sign-up-form .sign-up-form-wrap .form-field { width: 100%; float: left; } .sign-up-form .sign-up-form-wrap .form-field input[type="text"], .sign-up-form .sign-up-form-wrap .form-field input[type="password"], .sign-up-form .sign-up-form-wrap .form-field select, .sign-up-form .sign-up-form-wrap .form-field textarea { font-size: 14px; font-weight: 300; border: 1px solid #ebebeb; padding: 5px 10px; color: #000; font-weight: 300; font-family: "Roboto", sans-serif; } .sign-up-form .sign-up-form-wrap .form-field .form-field-col { width: auto; float: left; } .sign-up-form .sign-up-form-wrap .form-field .form-field-col.title-filed { width: 15%; float: left; /* select{ padding:4px 10px; }*/ } .sign-up-form .sign-up-form-wrap .form-field .form-field-col.name-field1, .sign-up-form .sign-up-form-wrap .form-field .form-field-col.name-field2 { width: 40.5%; float: left; margin-left: 2%; } .sign-up-form .sign-up-form-wrap .form-field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/contact-us-form/select-arrow.png) right 10px center no-repeat #fff; border-radius: 0; } .sign-up-form .sign-up-form-wrap .form-field textarea { width: 100%; resize: none; height: 86px; } .sign-up-form .sign-up-form-wrap .form-field .select-box { width: 100%; text-transform: capitalize; } .sign-up-form .sign-up-form-wrap .form-field .select-box.select-title { width: 15%; } .sign-up-form .sign-up-form-wrap .form-field .input-filed { width: 100%; } .sign-up-form .sign-up-form-wrap .form-field .input-filed.field-style1 { width: 39.6%; margin-left: 2%; } .sign-up-form .sign-up-form-wrap .form-field ::-webkit-input-placeholder { color: #000; opacity: 1 !important; /* for older chrome versions. may no longer apply. */ } .sign-up-form .sign-up-form-wrap .form-field :-moz-placeholder { /* Firefox 18- */ color: #000; opacity: 1 !important; } .sign-up-form .sign-up-form-wrap .form-field ::-moz-placeholder { /* Firefox 19+ */ color: #000; opacity: 1 !important; } .sign-up-form .sign-up-form-wrap .form-field :-ms-input-placeholder { color: #000; opacity: 1 !important; } .sign-up-form .sign-up-form-wrap .form-field .captcha-image { width: 30%; float: left; border: 1px solid #ebebeb; min-height: 29px; background: #fff; } .sign-up-form .sign-up-form-wrap .form-field .captcha-image img { width: 100%; margin-top: 2px; } .sign-up-form .sign-up-form-wrap .form-field .captcha-field { width: 35%; float: left; padding-left: 4%; } .sign-up-form .sign-up-form-wrap .form-field .reload-captcha { width: 35%; float: left; padding-left: 4%; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 300; text-align: right; margin-top: 5px; } .sign-up-form .sign-up-form-wrap .form-field .reload-captcha a { color: #000; } .sign-up-form .form-tnc { font-family: "Roboto", sans-serif; font-size: 14px; text-align: right; width: auto; float: right; } .sign-up-form .form-button { width: 25%; float: left; } .sign-up-form .form-button .submit-btn { float: right; } .sign-up-form .form-button .btn-style1, .sign-up-form .form-button .btn-style2 { text-transform: none; } .sign-up-form .error-message { font-size: 10px; color: red; margin-top: 4px; float: left; white-space: nowrap; display: none; } .sign-up-form .form-head-section { text-align: center; } .sign-up-form .form-head-section h3 { font-size: 13px; font-weight: 400; margin-bottom: 12px; } .sign-up-form .form-head-section h3 span { font-weight: 300; font-size: 17px; } .sign-up-form .form-head-section ul { list-style: none; margin-bottom: 12px; } .sign-up-form .form-head-section ul li { display: inline-block; /*font-weight:300;*/ padding: 0px 20px; font-size: 13px; border-right: 1px solid #999999; } .sign-up-form .form-head-section ul li a { color: #000; text-decoration: none; } .sign-up-form .form-head-section ul li span { margin-right: 5px; } .sign-up-form .form-head-section ul li:last-child { border: none; } #bck-btn { position: absolute; left: 0; } #bck-btn a { font-size: 15px; font-weight: 500; float: left; color: #000; width: auto; margin-top: 5px; position: relative; text-decoration: none; padding: 0 0 0 12px; } #bck-btn a:after { content: " "; border-bottom: 2px solid #000; border-right: 2px solid #000; top: 50%; margin-top: -5px; height: 7px; left: 0px; position: absolute; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(-45deg); transform: rotate(130deg); width: 7px; z-index: 2; } @media only screen and (max-width: 480px) { .sign-up-form { max-width: 100%; } .sign-up-form .sign-up-form-wrap .form-field-container { margin-bottom: 15px; } .sign-up-form .sign-up-form-wrap .form-field-container .field-col1 { width: 100%; padding-right: 0px; } .sign-up-form .sign-up-form-wrap .form-field-container .field-col1 .label-content { width: 33%; } .sign-up-form .sign-up-form-wrap .form-field-container .field-col1 .form-field { width: 100%; } .sign-up-form .sign-up-form-wrap .form-field-container .field-col2 { width: 100%; margin-top: 15px; } .sign-up-form .sign-up-form-wrap .form-field-container.captcha-container .label-content { width: 44%; } .sign-up-form .sign-up-form-wrap .form-field-container.captcha-container .form-field { width: 45%; } .sign-up-form .sign-up-form-wrap .form-field .form-field-col.title-filed { width: 19%; } .sign-up-form .sign-up-form-wrap .form-tnc-box label .form-tnc-txt { width: 92%; } .sign-up-form .sign-up-form-wrap .form-field .form-field-col.name-field1 { width: 79%; } .sign-up-form .sign-up-form-wrap .form-field .form-field-col.name-field2 { width: 100%; } .sign-up-form .sign-up-form-wrap .form-field .form-field-col.name-field2 { width: 100%; margin-top: 15px; margin-left: 0px; } } @media only screen and (max-width: 359px) { .sign-up-form .sign-up-form-wrap .form-field .form-field-col.title-filed { width: 22%; } .sign-up-form .sign-up-form-wrap .form-field .form-field-col.name-field1 { width: 76%; } .sign-up-form .sign-up-form-wrap .form-field .form-field-col.name-field2 { width: 100%; } } /*# sourceMappingURL=sign-up-form.css.map */ .webExclusivesPopup{display:none;position:absolute;z-index:1;top:24px;background:#fff;right:30px;width:325px;padding:10px 15px 0px 15px;box-shadow:0px 6px 6px #ccc}.webExclusivesPopup h2{font-family:"EB Garamond",serif;font-weight:400;margin-bottom:10px;font-size:18px}.webExclusivesPopup h2 a{color:#000 !important;border-bottom:1px solid #f2f2f2;display:inline-block;padding:0px 0px 2px !important}.webExclusivesPopup h2 a:hover{border-bottom:1px solid transparent}.webExclusivesUserDetails{text-align:center;font-size:13px;display:block;position:relative}.webExclusivesUserDetails .we-welcome{font-size:18px;font-family:"EB Garamond",serif;font-weight:400;margin-bottom:10px;display:block}.webExclusivesUserDetails .we-text{display:block}.webExclusivesUserDetails .we-text a{padding-left:0px !important}.webExclusivesUserDetails .we-text a.blue{color:#6ab8d9}.webExclusivesUserDetails .we-text a.orange{color:#d8741b}.webExclusivesUserDetails .we-logout{display:block;margin-top:4px;position:absolute;right:0px;top:0px}.webExclusivesUserDetails .we-logout a{color:#82c3e1 !important;text-decoration:none !important;text-transform:uppercase;font-size:15px}.webExclusivesUserDetails .check-web-ex-offer-btn{display:block;text-align:center;margin-top:10px;font-size:13px}.webExclusivesUserDetails .check-web-ex-offer-btn a{color:#6ab8d9 !important;font-size:13px;padding-left:0px !important}.webExclusiveTriger.active .webExclusivesPopup{display:block}.login-form{max-width:450px;font-family:"Roboto", sans-serif;margin-top:20px;background:url(/images/oberoihotels/solar-star.png) no-repeat center center #fff;background-size:100%}.login-form .queries-btn label{font-family:"Roboto", sans-serif;font-size:14px;margin-right:35px;position:relative}.login-form .queries-btn label:after{position:absolute;content:" ";height:10px;width:10px;border-radius:50%;border:1px solid #000;top:2px;left:0px}.login-form .queries-btn label input[type="radio"]{opacity:0}.login-form .queries-btn label span{display:inline-block;margin-left:15px}.login-form .queries-btn label.active:after{border:5px solid #d8751d;height:6px;width:6px;top:0px}.login-form .login-form-wrap .form-field-container{margin-bottom:8px;width:100%;float:left}.login-form .login-form-wrap .form-field-container .field-col1{width:58%;float:left;padding-right:2%}.login-form .login-form-wrap .form-field-container .field-col1 .label-content{width:44.6%}.login-form .login-form-wrap .form-field-container .field-col1 .form-field{width:100%}.login-form .login-form-wrap .form-field-container .field-col2{width:42%;float:left}.login-form .login-form-wrap .form-tnc-box label{width:100%;float:left;margin-bottom:15px;font-size:11px;font-family:"Roboto", sans-serif}.login-form .login-form-wrap .form-tnc-box label span{float:left;width:auto}.login-form .login-form-wrap .form-tnc-box label span a{color:#40c3e5;text-decoration:none}.login-form .login-form-wrap .form-tnc-box label .form-tnc-txt{margin-left:10px}.login-form .login-form-wrap .form-button-section{width:100%;float:left;margin-bottom:12px}.login-form .login-form-wrap .form-button-section.submit-btn-section{text-align:left}.login-form .login-form-wrap .form-button-section .forgetPasswordBtn{float:left}.login-form .login-form-wrap .form-button-section .forgetPasswordBtn a{text-decoration:none;font-family:"Roboto", sans-serif;color:#000;font-size:13px;padding:0}.login-form .login-form-wrap .form-button-section .forgetPasswordBtn a:hover{text-decoration:underline}.login-form .login-form-wrap .form-button-section.login-btn-section{text-align:left;font-size:13px;font-weight:300}.login-form .login-form-wrap .form-button-section.check-web-ex-offer-btn-sec{text-align:center}.login-form .login-form-wrap .form-button-section .submit-btn{width:84px;font-size:13px;text-transform:uppercase;background:url(/images/oberoihotels/login-loading.gif) -99px -99px #d8751b no-repeat;font-family:"Roboto", sans-serif;font-weight:300;padding:5px 0px;color:#fff;text-align:center;display:inline-block;cursor:pointer;float:right;background-image:none}.login-form .login-form-wrap .form-button-section .submit-btn.active{background:url(/images/oberoihotels/login-loading.gif) center center #d8751b no-repeat;text-indent:-9999px}.login-form .login-form-wrap .form-button-section .submit-btn:focus,.login-form .login-form-wrap .form-button-section .submit-btn:active{outline:none}.login-form .login-form-wrap .form-button-section .signUp-btn{width:76px;font-size:14px;text-transform:uppercase;font-family:"Roboto", sans-serif;font-weight:400;padding:5px 0px;color:#000;text-align:center;display:inline-block;text-decoration:none;margin-left:5px;text-decoration:underline}.login-form .login-form-wrap .form-button-section .check-web-ex-offer-btn{font-size:13px;font-family:"Roboto", sans-serif;color:#000;text-align:center;display:inline-block;text-decoration:none;padding:0px 0px 2px !important;border-bottom:1px solid #f2f2f2;display:inline-block;font-weight:400}.login-form .login-form-wrap .form-button-section .check-web-ex-offer-btn:hover{border-bottom:1px solid transparent}.login-form .login-form-wrap .label-content{width:25%;font-size:14px;float:left;font-family:"Roboto", sans-serif;font-weight:300;margin-top:5px}.login-form .login-form-wrap .form-field{width:100%;float:left}.login-form .login-form-wrap .form-field input[type="text"],.login-form .login-form-wrap .form-field input[type="password"],.login-form .login-form-wrap .form-field select,.login-form .login-form-wrap .form-field textarea{font-size:14px;font-weight:300;border:1px solid #ebebeb;padding:5px 10px;color:#000;font-weight:300;font-family:"Roboto", sans-serif}.login-form .login-form-wrap .form-field .form-field-col{width:auto;float:left}.login-form .login-form-wrap .form-field .form-field-col.title-filed{width:15%;float:left}.login-form .login-form-wrap .form-field .form-field-col.name-field1,.login-form .login-form-wrap .form-field .form-field-col.name-field2{width:40.5%;float:left;margin-left:2%}.login-form .login-form-wrap .form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/images/oberoihotels/contact-us-form/select-arrow.png) right 10px center no-repeat #fff}.login-form .login-form-wrap .form-field textarea{width:100%;resize:none;height:86px}.login-form .login-form-wrap .form-field .select-box{width:100%}.login-form .login-form-wrap .form-field .select-box.select-title{width:15%}.login-form .login-form-wrap .form-field .input-filed{width:100%}.login-form .login-form-wrap .form-field .input-filed.field-style1{width:39.6%;margin-left:2%}.login-form .login-form-wrap .form-field ::-webkit-input-placeholder{color:#000;opacity:1 !important}.login-form .login-form-wrap .form-field :-moz-placeholder{color:#000;opacity:1 !important}.login-form .login-form-wrap .form-field ::-moz-placeholder{color:#000;opacity:1 !important}.login-form .login-form-wrap .form-field :-ms-input-placeholder{color:#000;opacity:1 !important}.login-form .login-form-wrap .form-field .captcha-image{width:30%;float:left;border:1px solid #ebebeb;min-height:29px;background:#fff}.login-form .login-form-wrap .form-field .captcha-image img{width:100%;margin-top:2px}.login-form .login-form-wrap .form-field .captcha-field{width:35%;float:left;padding-left:4%}.login-form .login-form-wrap .form-field .reload-captcha{width:35%;float:left;padding-left:4%;font-family:"Roboto", sans-serif;font-size:14px;font-weight:300;text-align:right;margin-top:5px}.login-form .login-form-wrap .form-field .reload-captcha a{color:#000}.login-form .form-tnc{font-family:"Roboto", sans-serif;font-size:14px;text-align:right;width:auto;float:right}.login-form .form-button{width:25%;float:left}.login-form .form-button .submit-btn{float:right}.login-form .form-button .btn-style1,.login-form .form-button .btn-style2{text-transform:none}.login-form .error-message{font-size:10px;color:red;margin-top:4px;float:left;white-space:nowrap}.login-form .form-head-section{text-align:center}.login-form .form-head-section h3{font-size:13px;font-weight:400;margin-bottom:9px}.login-form .form-head-section h3 span{font-weight:300;font-size:17px}.login-form .form-head-section .login-txt{font-size:13px;margin:15px 0px;text-align:center}.login-form .form-head-section ul{list-style:none;margin-bottom:12px;float:none !important}.login-form .form-head-section ul li{display:inline-block;float:none !important;padding:0px 20px;font-size:13px;border-right:1px solid #999999;width:134px}.login-form .form-head-section ul li a{color:#000 !important;text-decoration:none;font-size:13px;font-family:"Roboto", sans-serif}.login-form .form-head-section ul li a.fbLoginBtn{background:url(/images/oberoihotels/sprites-icons.png) no-repeat;width:67px;height:15px;display:inline-block;background-position:-186px -148px;padding:0px 16px}.login-form .form-head-section ul li a.googleLoginBtn{background:url(/images/oberoihotels/sprites-icons.png) no-repeat;width:67px;height:15px;background-position:-241px -102px;padding:0px 16px}.login-form .form-head-section ul li span{margin-right:5px}.login-form .form-head-section ul li:last-child{border:none}.sign-up-form .form-head-section ul li{width:134px}.sign-up-form .form-head-section ul li a.fbLoginBtn{background:url(/images/oberoihotels/sprites-icons.png) no-repeat;width:67px;height:15px;background-position:-186px -148px;padding:0px 16px;display:inline-block}.sign-up-form .form-head-section ul li a.googleLoginBtn{background:url(/images/oberoihotels/sprites-icons.png) no-repeat;width:67px;height:15px;background-position:-241px -102px;padding:0px 16px;display:inline-block}.login-form .webExclusivesUserDetails,.login-form .webExclusivesUserDetails .check-web-ex-offer-btn{text-align:left}@media only screen and (max-width: 480px){.login-form{max-width:100%}}@media only screen and (max-width: 480px){.login-form .login-form-wrap .form-field-container{margin-bottom:15px}.login-form .login-form-wrap .form-field-container .field-col1{width:100%;padding-right:0px}.login-form .login-form-wrap .form-field-container .field-col1 .label-content{width:33%}.login-form .login-form-wrap .form-field-container .field-col1 .form-field{width:100%}.login-form .login-form-wrap .form-field-container .field-col2{width:100%;margin-top:15px}.login-form .login-form-wrap .form-field-container.captcha-container .label-content{width:44%}.login-form .login-form-wrap .form-field-container.captcha-container .form-field{width:45%}.login-form .login-form-wrap .form-field .form-field-col.title-filed{width:22%;max-width:64px}.login-form .login-form-wrap .form-tnc-box label .form-tnc-txt{width:92%}.login-form .login-form-wrap .form-field .form-field-col.name-field1,.login-form .login-form-wrap .form-field .form-field-col.name-field2{width:76%}.login-form .login-form-wrap .form-field .form-field-col.name-field2{width:100%;margin-top:15px;margin-left:0px}} /*# sourceMappingURL=login-form.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .page-top-margin { margin-top: 40px; } .offer-table { margin-bottom: 40px; } .offer-table-wrap { overflow: auto; } .offer-table h2 { font-weight: 500; margin-bottom: 15px; font-size: 1.750em; color: #d9bf61; font-family: "EB Garamond",serif; } .offer-table table { width: 100%; border-collapse: collapse; text-align: left; } .offer-table th, .offer-table td { padding: 10px; vertical-align: middle; font-size: 0.938em; border: 1px solid #d5d5d5; width: 30%; } .login-page-option2 { margin-bottom: 50px; } .login-page-option2 .login-left-col { float: left; margin-right: 4%; position: relative; width: 62%; } .login-page-option2 .login-left-col { float: left; margin-right: 4%; position: relative; width: 62%; } .login-page-option2 .login-right-col { float: left; width: 34%; } .login-page-option2 .login-content-box h3 { font-size: 1.750em; color: #d9bf61; margin-bottom: 20px; font-weight: 500; font-family: "EB Garamond",serif; } .login-page-option2 .login-content-box .login-content-description { margin-bottom: 15px; } .login-page-option2 .login-content-box .login-content-description h4 { font-size: 15px; color: #000; font-weight: 500; font-family: "Roboto", sans-serif; } .login-page-option2 .login-content-box .login-content-description p { font-size: 15px; color: #000; font-family: "Roboto", sans-serif; } .login-page-option2 .login-content-box .login-content-description a { color: #40c3e4; text-decoration: none; } @media only screen and (max-width: 991px) { .login-page-option2 .login-left-col { width: 100%; margin-right: 0px; } .login-page-option2 .sign-up-form, .login-page-option2 .login-form { max-width: 100%; margin-top: 40px; padding: 0 10%; } .login-page-option2 .login-right-col { width: 100%; } .login-page-option2 .login-content-box h3 { margin-bottom: 20px; } .login-content-box { padding-bottom: 15px; } .login-page-option2 .sign-up-form, .login-page-option2 .login-form { margin-top: 0px; } } @media only screen and (max-width: 767px) { .offer-table th, .offer-table td { font-size: 0.813em; } .page-top-margin { margin-top: 40px; margin-bottom: 15px; } .login-page-option2 .sign-up-form, .login-page-option2 .login-form { padding: 0px; } .image-with-description .sign-up-form .sign-up-form-wrap .form-field .form-field-col.name-field1 { width: 78%; } .image-with-description .sign-up-form .sign-up-form-wrap .form-field .form-field-col.name-field2 { width: 100%; margin-left: 0px; } } /*# sourceMappingURL=login-page-option2.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .feature-offer { font-family: "Roboto", sans-serif; margin-bottom: 15px; max-width: 350px; } .feature-offer h2 { font-size: 20px; font-weight: 600; margin-bottom: 15px; font-family: "EB Garamond",serif; } .feature-offer ul { list-style: none; } .feature-offer ul li { width: 48%; float: left; margin-right: 4%; position: relative; margin-bottom: 18px; } .feature-offer ul li a { display: block; } .feature-offer ul li:nth-child(2n) { margin-right: 0%; } .feature-offer ul li img { width: 100%; vertical-align: middle; } .feature-offer ul li .feature-offer-txt { position: absolute; font-size: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; left: 0px; z-index: 2; color: #fff; font-family: "EB Garamond",serif; width: 100%; } .offr-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); } @media only screen and (max-width: 991px) { .feature-offer { max-width: 100%; float: left; width: 100%; margin-top: 30px; } } /*# sourceMappingURL=feature-offer.css.map */ .staticPage { margin: 30px 0 60px 0; /*font-family: "Roboto", sans-serif;*/ font-family: "Verdana", sans-serif; margin-top: 70px !important; } .staticPage a { color: #d8741b; } .staticPage h1 { /*font-size: 1.8em; font-family: "EB Garamond", serif; font-weight: 500; margin-bottom: 20px; font-style: italic;*/ font-family: "optimanormal"; font-size: 2.563em; line-height: 100%; margin-bottom: 20px; font-weight: 400; color: #606161; font-style: normal; } .staticPage h1 strong { font-weight: 500; } .staticPage h1 span { font-style: normal; } .staticPage h2 { /* font-size: 1.4em; font-family: "EB Garamond", serif; margin-bottom: 15px; font-weight: 500;*/ font-family: "verdanaBold"; font-size: 1.188em; font-weight: 300; margin: 15px 0; color: #606161; } .staticPage h2 strong { font-weight: 500; } .staticPage h3 { /*font-size: 1.25em; font-family: "EB Garamond", serif; margin-bottom: 10px; font-weight: 500;*/ font-family: "verdanaBold"; color: #606161; font-size: 1.25em; font-weight: 400; } .staticPage h3 strong { font-weight: 400; } .staticPage p { margin-bottom: 10px; font-weight: 300; } .staticPage p strong { font-weight: 400; } .staticPage ul { margin-bottom: 15px; } .staticPage ul li { font-family: "Verdana", sans-serif; margin-left: 20px; font-size: 1.125em; font-weight: 300; margin-bottom: 5px; } .staticPage ul li strong { font-weight: 400; } .staticPage ol { margin-bottom: 15px; } .staticPage ol li { font-family: "Verdana", sans-serif; font-size: 1.125em; margin-left: 20px; font-weight: 300; margin-bottom: 5px; color: #606161; } .staticPage ol li strong { font-weight: 400; } .Com_terms_condition_container.container-1270px{ max-width: 92.2%; } .staticPage strong{ color: #606161; } @media screen and (max-width: 1599px){ .staticPage h2, h3{ font-size: 0.937em !important; } .staticPage h1{ font-size: 1.875em; } } @media screen and (min-width: 1921px) and (max-width: 2561px){ .staticPage{ margin-top: 110px !important; } } @media (max-width: 767px) { .staticPage ol li, .staticPage ul li { font-size: 13px; line-height: 1.5em; } .staticPage{ margin: 5px 0 60px 0; } } /*# sourceMappingURL=staicpage.css.map */ .hotels-tab-select{display:none}.hotels-and-offices-dtls-wrap .map-destination .map-destination-wrap .map-detail img{width:100%}.our-hotel-and-office{margin:30px 0px;width:100%;float:left}.our-hotel-and-office ul{list-style:none}.our-hotel-and-office .our-hotel-and-office-tab{width:100%;float:left}.our-hotel-and-office .our-hotel-and-office-tab ul li{font-size:15px;margin-right:46px;float:left;font-family:"Roboto", sans-serif;font-weight:600;cursor:pointer}.our-hotel-and-office .our-hotel-and-office-tab ul li.active{color:#d8741b}.our-hotel-and-office .our-hotel-and-office-sub-tab{margin-top:20px;width:100%;float:left}.our-hotel-and-office .our-hotel-and-office-sub-tab ul{display:block;clear:both;margin-bottom:20px}.our-hotel-and-office .our-hotel-and-office-sub-tab ul li{font-size:15px;margin-right:30px;float:left;font-family:"Roboto", sans-serif;font-weight:300;cursor:pointer}.our-hotel-and-office .our-hotel-and-office-sub-tab ul li.active{color:#d8741b}.our-hotel-and-office .hotels-and-offices-dtls-wrap{margin-top:30px;width:100%;float:left}.our-hotel-and-office .hotels-and-offices-dtls-wrap>ul{margin:0 -1.5%}.our-hotel-and-office .hotels-and-offices-dtls-wrap>ul>li{width:49%;margin:0 10px 0 0;border:1px solid #ebebeb;margin-bottom:40px;float:left}.our-hotel-and-office #offices .hotels-and-offices-dtls-wrap li.box{width:30%;min-height:230px}.our-hotel-and-office #offices .hotels-and-offices-dtls-wrap li.box .hotel-dtls{width:100%}.our-hotel-and-office #regOffice table{background:#f1f1f1;border:1px solid #f1f1f1}.our-hotel-and-office #regOffice table tr th{font-weight:500;padding:3px;background:#f1f1f1}.our-hotel-and-office #regOffice table tr td{background:#f1f1f1;padding:3px}.our-hotel-and-office #regOffice table tr td a{color:inherit;text-decoration:none}.our-hotel-and-office #regOffice table tr:nth-child(2n) td{background:#fff}.our-hotel-and-office .hotel-info-box{position:relative;align-items:center;min-height:270px;display:flex}.our-hotel-and-office .hotel-info-box .hotel-image{width:36%;float:left}.our-hotel-and-office .hotel-info-box img{max-width:100%;vertical-align:middle;width:100%}.our-hotel-and-office .hotel-info-box .hotel-dtls{width:64%;float:left;padding:17px 0px 0px 0px}.our-hotel-and-office .hotel-info-box .hotel-dtls h3{font-size:18px;margin-bottom:10px;font-family:"EB Garamond", serifserif;padding-left:15px;font-weight:400;overflow:hidden;width:90%}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box{margin-top:10px;list-style:none;padding-left:10px;width:100%;float:left}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box li{font-family:"Roboto",sans-serif;font-size:.938em;font-weight:300;margin-bottom:8px;float:left;width:100%}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box li:first-child span.h-details{min-height:40px;}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box li a{color:inherit;text-decoration:none}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box li span{display:inline-block;vertical-align:top;line-height:20px}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box li span.h-heading{width:30%;float:left}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box li span.h-details{width:70%;float:right}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box li span strong{font-weight:500}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-btn-wrap{margin-top:10px;width:100%;float:left}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-col-50{width:50%;float:left;padding:11.5px 15px}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-col-50.active{background:#f7f7f7}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-col-50.h-form-btn{text-align:center}.our-hotel-and-office .hotel-info-box .share-component{top:10px;right:10px}.our-hotel-and-office .hotel-info-box .share-component .share-toggle{color:#000}.our-hotel-and-office .hotel-info-box .h-direction .btn-style1{background-image:url("/images/oberoihotels/common/arrow-up5.png");padding-right:20px}.our-hotel-and-office .hotel-info-box .h-direction.active .btn-style1{background-image:url("/images/oberoihotels/common/arrow-up4.png")}.our-hotel-and-office .hotel-info-box .h-form-btn .btn-style2{background-image:url("/images/oberoihotels/common/arrow-up6.png");padding-right:20px}.our-hotel-and-office .hotel-info-box .h-form-btn.active .btn-style2{background-image:url("/images/oberoihotels/common/arrow-down3.png")}.our-hotel-and-office .contact-us-form,.our-hotel-and-office .map-destination{width:100%;float:left;padding:30px 15px 15px;background:#f7f7f7;margin:0px;max-width:100%}.our-hotel-and-office .map-destination{padding:30px 0px 0px}.our-hotel-and-office .contact-us-form .contact-us-form-wrap .form-field .reload-captcha{font-size:13px}.our-hotel-and-office .map-destination .map-destination-wrap .map-detail{height:auto}@media only screen and (max-width: 1199px){.our-hotel-and-office .hotels-and-offices-dtls-wrap>ul>li{width:100% !important;margin:0 0 40px}.our-hotel-and-office .hotel-info-box{display:flex}.our-hotel-and-office .hotel-info-box .hotel-dtls{position:relative}.our-hotel-and-office #offices .hotels-and-offices-dtls-wrap li .box{width:100% !important}}@media only screen and (max-width: 767px){.hotels-tab-select{display:block}.our-hotel-and-office{width:100%}.our-hotel-and-office .hotels-and-offices-dtls-wrap>ul>li{margin:0px 0px 30px}.our-hotel-and-office .hotel-info-box{display:block}.our-hotel-and-office .hotel-info-box .hotel-image{width:100%}.our-hotel-and-office .hotel-info-box .hotel-dtls{width:100%;padding:10px}.our-hotel-and-office .hotel-info-box .hotel-dtls h3{padding-left:10px}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-btn-wrap{position:static}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-col-50{padding:11.5px 10px}.our-hotel-and-office .hotel-info-box .hotel-dtls .h-details-box li span br{display:none}.our-hotel-and-office .hotel-info-box .btn-style1,.our-hotel-and-office .hotel-info-box .btn-style2{font-size:13px}.our-hotel-and-office .our-hotel-and-office-sub-tab>select{padding:5px 10px;border:1px solid #dcdcdc;color:#d8741b;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/images/oberoihotels/contact-us-form/select-arrow.png) right 10px center no-repeat #fff;width:100%;outline:none;font-family:"Roboto", sans-serif;font-weight:600}.selectBoxInMob{display:none !important}.filter-margin{position:relative;top:-75px}.article-components-list .filter-component{padding-bottom:0 !important}}@media only screen and (max-width: 360px){.contact-us-form .contact-us-form-wrap .form-field input[type="text"],.contact-us-form .contact-us-form-wrap .form-field select,.contact-us-form .contact-us-form-wrap .form-field textarea{padding:5px !important}} /*# sourceMappingURL=our-hotel-and-office.css.map */ .rooms-and-suits-page .contact-us-toll-free .contact-info,.exprience-details-main-wrap .contact-us-toll-free .contact-info{margin-bottom:0}.contact-us-toll-free .contact-info{font-family:"Roboto", sans-serif;margin-bottom:15px;font-size:15px}.contact-us-toll-free .contact-info a{text-decoration:none;color:inherit}.contact-us-toll-free .contact-info select{width:150px;vertical-align:top;display:inline-block;font-size:15px;border:1px solid #ebebeb;padding:5px 10px;font-family:"Roboto", sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/images/contact-us-form/select-arrow.png) right 10px center no-repeat;margin-right:10px}.contact-us-toll-free .contact-info strong{font-weight:600}.contact-us-toll-free .contact-info span{font-weight:300;display:inline-block;padding-top:7px}.contact-us-toll-free .contact-info span a{text-decoration:none;font-weight:300;font-family:"Roboto", sans-serif;border-bottom:1px solid #000;font-size:15px;color:#000}.contact-us-toll-free .contact-info .zone-country,.contact-us-toll-free .contact-info .zone-country span{border:0 none;font-weight:400}.contact-us-toll-free .contact-info span.zone-country{width:50%;display:inline-block;vertical-align:top}.contact-us-toll-free .contact-info span.zone-country a{text-decoration:underline;display:inline-block}.image-and-description-with-legend-attributes-option-3 .contact-us-toll-free .contact-info span.toll-free-no a,.image-and-description-with-legend-attributes-option-2 .contact-us-toll-free .contact-info span.toll-free-no a{display:inline-block}@media only screen and (max-width: 480px){.contact-us-toll-free{max-width:100%}.contact-us-toll-free .contact-info{font-size:13px}.contact-us-toll-free .contact-info select{margin-right:8px;padding:5px;font-size:13px;width:200px}.contact-us-toll-free .contact-info span.zone-country{width:100%;margin-top:15px;display:block}} /*# sourceMappingURL=contact-us-toll-free.css.map */ .query-form .query-form-heading{font-size:15px;font-family:"Roboto", sans-serif;margin-bottom:40px;font-weight:600}.query-form .query-form-heading span{display:inline-block;position:relative;padding-right:40px;cursor:pointer}.query-form .query-form-heading span:after{content:" ";border-bottom:2px solid #1c1c1c;border-right:2px solid #1c1c1c;top:50%;margin-top:-6px;height:7px;right:0px;position:absolute;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:7px;z-index:2}.query-form .query-form-heading.active span:after{-moz-transform:rotate(224deg);-webkit-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg);margin-top:-2px}@media only screen and (max-width: 991px){.query-form .query-form-heading{margin-bottom:0px}} /*# sourceMappingURL=query-form.css.map */ .tariff-page p{margin-bottom:10px}.tariff-page p a.btn-style2{text-transform:none}.tariff-page table{font-family:"Roboto",sans-serif;background:#808080;font-size:.938em;margin-bottom:70px}.tariff-page table tr th{padding:5px 10px;background:#fff;font-weight:400;text-align:center}.tariff-page table tr th:first-child{text-align:left}.tariff-page table tr th h2{padding:5px 10px;background:#fff;font-size:.938em;font-weight:400;text-align:center}.tariff-page table tr td{padding:5px 10px;background:#fff;font-weight:300;text-align:center}.tariff-page table tr td:first-child{text-align:left}.tariff-page table tr td h2{padding:5px 10px;background:#fff;font-size:.938em;font-weight:300;text-align:center}.tariff-page .accordion{overflow:hidden;max-width:61%;margin-bottom:70px}.tariff-page .accordion table{margin-bottom:30px}.tariff-page .accordion .acco-box{margin-bottom:20px}.tariff-page .accordion .header{width:100%;text-align:left;background:#fff;color:#000;font-size:14px;border-bottom:1px solid #ababab;position:relative;font-weight:500;padding:5px;cursor:pointer;margin:0px !important}.tariff-page .accordion .header:after{content:" ";border-bottom:2px solid #d8741b;border-right:2px solid #d8741b;top:50%;margin-top:-5px;height:7px;right:10px;position:absolute;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:7px;z-index:2}.tariff-page .accordion .header.active{margin-bottom:0px}.tariff-page .accordion .header.active:after{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.tariff-page .accordion .level-box{overflow:hidden;display:none;padding-top:20px}.tariff-page .accordion .level-box h1 span{font-style:normal}.tariff-page .accordion .box-a1{height:auto;overflow:hidden;margin:5px 0px}@media only screen and (max-width: 991px){.tariff-page .tariff{overflow-x:scroll}.tariff-page .accordion{max-width:100%}.tariff-page .accordion .level-box{overflow-x:scroll}} /*# sourceMappingURL=tariff.css.map */ .policy-box{margin-bottom:10px}.policy-box h2{font-family:"EB Garamond",serif;font-size:1.875em;margin-bottom:15px;font-weight:400;font-style:italic}.policy-box h2 span{font-style:normal}.policy-box p{margin-bottom:10px}.policy-box p strong{font-weight:400}.policy-box .hr{height:1px;background:#66b6d8} /*# sourceMappingURL=policies.css.map */ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; background: #fff; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebebeb; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #d8741b; width:6px; border-radius:5px; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #d8741b; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #d8741b } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } div#mCSB_1_dragger_vertical {height:60px !important} .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ @charset "UTF-8";.mb_YTPBar,.mb_YTPBar span.mb_YTPUrl a{color:#fff}@font-face{font-family:ytpregular;src:url(font/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(font/ytp-regular.ttf)format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.YTPWrapper{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{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}.YTPFullscreen,.inline_YTPlayer img{border:none!important;padding:0!important}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.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;opacity:1!important;background-color:#000!important}.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,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{margin:0!important;transform:none!important}.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{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:.1}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px Calibri;position:absolute;top:-30px;height:40px}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.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_OnlyYT,.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 span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlaypause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img{cursor:pointer}.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}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#bb110e;bottom:0;left:0;box-shadow:rgba(82,82,82,.47)1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:"flat";box-sizing:border-box}.YTPOverlay.raster{background:url(images/raster.png)}.YTPOverlay.raster.retina{background:url(images/raster@2x.png)}.YTPOverlay.raster-dot{background:url(images/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(images/raster_dot@2x.png)}.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.compact .simpleSlider{width:40px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.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%} .gallery-component-style1{padding-bottom:120px}.gallery-component-style1 .selectedCountry{display:none}.gallery-component-style1 .filters-sub-category{border-bottom:1px solid #ebebeb;margin-bottom:50px;padding-bottom:10px}.gallery-component-style1 .gallery-list{display:none}.gallery-component-style1 .gallery-list.tarrif-list>li{min-height:350px}.gallery-component-style1 .gallery-list>li{float:left;list-style:outside none none;margin-bottom:60px;margin-right:8%;width:28%}.gallery-component-style1 .gallery-list>li:nth-child(3n){margin-right:0}.gallery-component-style1 .gallery-list>li .gallery-image{margin-bottom:15px}.gallery-component-style1 .gallery-list>li .gallery-image img{max-width:100%;vertical-align:middle;width:100%}.gallery-component-style1 .gallery-list>li .gallery-dtls .gallery-share-toggle{position:relative;float:right}.gallery-component-style1 .gallery-list>li .gallery-dtls p{font-family:"EB Garamond",serif;font-size:1.375em !important;line-height:100%;margin-bottom:15px}.gallery-component-style1 .gallery-list>li .gallery-dtls h2{font-family:"EB Garamond",serif;font-size:1.375em !important;line-height:100%;margin-bottom:15px;font-weight:400}.gallery-component-style1 .gallery-list>li .gallery-dtls>ul>li{color:#000;font-size:.9375em;float:left;font-family:"Roboto",sans-serif;font-weight:300;list-style:outside none none;text-transform:uppercase;width:50%;position:relative}.gallery-component-style1 .gallery-list>li .gallery-dtls>ul>li .share-component .share-toggle{color:#000;font-weight:500}.gallery-component-style1 .gallery-list>li .gallery-dtls>ul>li .gallery-share-toggle a i{margin-right:10px}.gallery-component-style1 .gallery-list>li .gallery-dtls>ul>li:last-child{text-align:right}.gallery-component-style1 .gallery-list>li .gallery-dtls>ul>li:first-child a{background:url("/images/OberoiHotels/common/arrow-right4.png") no-repeat right center;padding-right:20px}.gallery-component-style1 .gallery-list>li .gallery-dtls>ul>li a{color:inherit;text-decoration:none}@media only screen and (max-width: 991px){.gallery-component-style1{padding-bottom:50px}.gallery-component-style1 .gallery-list>li{margin-right:8%;width:46%}.gallery-component-style1 .gallery-list>li:nth-child(2n){margin-right:0 !important}.gallery-component-style1 .gallery-list>li:nth-child(3n){margin-right:8%}}@media only screen and (max-width: 767px){.gallery-component-style1 .gallery-list.tarrif-list>li{min-height:auto}.gallery-component-style1 .gallery-list>li{width:100%;margin-bottom:40px;margin-right:0 !important}.gallery-component-style1 .selectedCountry{background:url("/images/OberoiHotels/destination/drop-down-arrow.png") no-repeat scroll 92% center;border:1px solid #828282;color:#000000;cursor:pointer;display:block;font-family:"Roboto",sans-serif;font-size:0.9375em;padding:10px 15px;text-transform:uppercase;width:100%}.gallery-component-style1 .filters-sub-category{border-bottom:0 none;margin-bottom:20px;position:relative}.gallery-component-style1 .filters-sub-category ul{position:absolute;background:#fff;top:41px;left:0}.gallery-component-style1 .filters-sub-category ul>li{border-bottom:1px solid #505050;text-transform:uppercase;cursor:pointer;font-weight:300;margin-right:0;padding:10px 15px;width:100%}.gallery-component-style1 .filters-sub-category ul>li.active{font-weight:400}} /*# sourceMappingURL=gallery-component-style1.css.map */ .ev-review-dtls-visible .ev-main-tab{display:none}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .right-section .arrowWrap{display:none}.ev-common-messages{color:#ff0000;font-family:"Roboto",sans-serif;font-size:10px}.calender-dynamic-text{text-align:center;padding:9px 15px 2px 15px;white-space:initial}.calender-dynamic-text span{color:#d8741b}.booking-engine-ev.exotic-vacation{box-shadow:none;display:block;z-index:9;width:100%;margin:0 0 5% 0;background:#fff;font-weight:300;font-family:"Roboto",sans-serif;font-size:0.9375em;position:relative;text-align:left}.booking-engine-ev.exotic-vacation .sendQueryExtra{display:none}.booking-engine-ev.exotic-vacation #sendUsYourQuery .select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;width:50px;background:url(/images/OberoiHotels/common/arrow-dwn.png) no-repeat right center !important}.booking-engine-ev.exotic-vacation #sendUsYourQuery .select::-ms-expand{display:none}.booking-engine-ev.exotic-vacation #sendUsYourQuery .phoneNumber .select{width:60px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .bookAstay{display:none}.booking-engine-ev.exotic-vacation #sendUsYourQuery .checkInCheckOut{width:40%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .checkInCheckOut .datesWrap{display:block;padding:10px;min-height:59px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .addHotelButton{width:20%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .formCalSection{float:left;width:50%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .formfiledSec{width:50%;float:left;position:sticky;position:-webkit-sticky}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg{width:100%;position:relative}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .arrowWrap{display:inline-block}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right{width:100%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right .comment{float:left;width:63%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right .comment textarea{width:100%;resize:none;padding:5px;font-size:13px;font-family:roboto}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right .left-section{width:30%;float:left;margin-right:3%;margin-bottom:10px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right .left-section .row{width:100%;display:block;margin-bottom:10px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right .left-section .row .comment textarea{padding:5px;width:100%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right .right-section{width:67%;float:left}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .rommAndGuest{position:relative;z-index:2}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .sendQueryExtra{position:absolute;display:block;z-index:1;padding:60px 10px 10px 10px;background:#f9f9f9;width:100%;left:0px;top:0px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow{display:block;clear:both;margin-bottom:12px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow:last-child{margin-bottom:0px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .firstName{float:left;border-bottom:1px solid #cbcbcb;width:45%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .firstName .fname{max-width:85px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .lastName{float:left;border-bottom:1px solid #cbcbcb;margin-left:15px;width:50%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .lastName .lname{max-width:90px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .phoneNumber{float:left;border-bottom:1px solid #cbcbcb;width:45%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .phoneNumber .phone{max-width:105px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .email{float:left;border-bottom:1px solid #cbcbcb;margin-left:15px;width:50%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .ftrans{background:transparent;padding:10px 5px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .noOfRoomsWrap{width:100%;border-bottom:1px solid #ccc;background:transparent;padding-bottom:25px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .noOfGuestWrap{width:100%;border-bottom:1px solid #ccc;background:transparent;padding-bottom:25px}.booking-engine-ev.exotic-vacation #sendUsYourQuery .viewAvailabilityButtonEV{margin:0px 0 0 15px}.booking-engine-ev.exotic-vacation.overview-page{top:-30px}.booking-engine-ev.exotic-vacation.moveUp{transform:translate(0, -50%)}.booking-engine-ev.exotic-vacation.reverse .hotelName .hotelListDropDown{top:auto;bottom:50px;box-shadow:0px -10px 15px 0px rgba(0,0,0,0.05);z-index:99992}.booking-engine-ev.exotic-vacation.reverse .checkInCheckOut .t-datepicker-day{top:auto;bottom:50px;box-shadow:0px -10px 15px 0px rgba(0,0,0,0.05)}.booking-engine-ev.exotic-vacation.reverse .checkInCheckOut .t-arrow-top{display:none !important}.booking-engine-ev.exotic-vacation .book-your-stay-wrap{float:left;width:100%}.booking-engine-ev.exotic-vacation .bookYourStayDesk{float:left;width:100%;text-transform:uppercase;font-size:16px;margin:0 0 20px 0}.booking-engine-ev.exotic-vacation .bookYourStayDesk .button{float:left;width:auto;margin:0 20px 0 0;padding:0 10px 0 0;cursor:auto}.booking-engine-ev.exotic-vacation .bookYourStayDesk .button.active{font-weight:500}.booking-engine-ev.exotic-vacation .bookYourStayDesk .button i{margin:0 0 0 10px;color:#db7f2e;font-size:20px;transition:all 0.3s ease-in-out}.booking-engine-ev.exotic-vacation .bookYourStayDesk .button.active i{transform:rotate(90deg)}.booking-engine-ev.exotic-vacation .hotelAndNightsWrap{float:left;width:100%;margin:0px -20px;background:#fff;padding:15px 20px;position:static;top:194px;z-index:10}.booking-engine-ev.exotic-vacation .hotelAndNightsWrap ul{list-style:none}.booking-engine-ev.exotic-vacation .hotelAndNightsWrap ul li{float:left;width:auto;margin:0 30px 0 0;font-weight:500}.booking-engine-ev.exotic-vacation .bookYourStay{float:left;width:100%;font-weight:400;background:#ebebeb;color:#000;padding:5px 10px;font-size:0.8em;margin:0 0 10px 0;display:none}.booking-engine-ev.exotic-vacation .formCalSection{float:left;width:62%}.booking-engine-ev.exotic-vacation .formfiledSec{width:38%;float:left;position:-webkit-sticky;position:sticky;top:248px}.booking-engine-ev.exotic-vacation .greyRow{float:left;width:100%;margin:0 0 2px 0}.booking-engine-ev.exotic-vacation .greyBg{background:#f9f9f9;float:left;width:100%;padding:10px 5px 13px 10px}.booking-engine-ev.exotic-vacation .greyBg.right{width:100%;border-left:#fff solid 2px}.booking-engine-ev.exotic-vacation .hotelName{float:left;width:50%;padding:9px 10px;margin:0 10px 0 0;border:none;border-bottom:#cbcbcb solid 1px;position:relative;margin-top:20px}.booking-engine-ev.exotic-vacation .hotelName.NoClick{margin-top:22px}.booking-engine-ev.exotic-vacation .hotelName .hotelLabel{float:left;width:100%;cursor:pointer}.booking-engine-ev.exotic-vacation .hotelName .hotelLabel .name{float:left;width:95%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.booking-engine-ev.exotic-vacation .hotelName .hotelLabel .name abbr{font-weight:400;display:block}.booking-engine-ev.exotic-vacation .hotelName .hotelLabel .name .desktopN{display:inline}.booking-engine-ev.exotic-vacation .hotelName .hotelLabel .name .mobileN{display:none}.booking-engine-ev.exotic-vacation .hotelName .hotelLabel .arrowWrap{float:left;width:5%;padding:0;font-size:20px;line-height:10px}.booking-engine-ev.exotic-vacation .hotelName .hotelLabel .arrowWrap i.fa{transition:all 0.3s ease-in-out;transform-origin:center center}.booking-engine-ev.exotic-vacation .hotelName .hotelLabel.active i.fa{transform:rotate(180deg)}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown{position:absolute;width:700px;background:#fff;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);padding:10px;left:-10px;top:50px;z-index:2;display:none}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown.singleHotelList{width:100%}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown.singleHotelList .allHotels .hotelList{width:100%;border:none}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .mobileHeader{display:none}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels{float:left;width:100%}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList{float:left;width:50%;padding:10px 20px;border-left:#ebebeb solid 1px}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList:first-child{border:0 !important}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock{float:left;width:100%;margin:0 0 15px 0}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock:last-child{margin:0}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .heading{float:left;width:100%;color:#d8741b;font-weight:400;margin:0 0 10px 0}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list{float:left;width:100%}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul{list-style:none}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li{float:left;width:auto;margin:0 0 10px 0;cursor:pointer;transition:all 0.3s ease-in-out;white-space:normal;position:relative;clear:both}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li:hover,.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li.active{color:#d8741b}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .label{float:left;width:100%}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav{position:absolute;width:220px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);color:#000;margin:0px 0 0 0;left:0;top:100%;z-index:2;background:#fff;display:none}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head{float:left;width:100%;padding:10px;border-top:#e6e6e6 solid 1px}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head:hover{color:#d8741b}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head:first-child{border:0}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head .arrowWrap{float:right;transition:all 0.3 ease-in-out}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .head.active .arrowWrap{transform:rotate(180deg)}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content{float:left;width:100%;padding:0;display:none}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values{float:left;width:100%;padding:5px 10px;margin:0}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values:hover,.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values.active{color:#d8741b}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .values:first-child{padding-top:0}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap{float:left;width:100%;padding:10px;border-top:#e6e6e6 solid 1px}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap:hover,.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap.active{color:#d8741b}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li .subNav .content .actionWrap .button{float:left;width:auto;font-size:0.95em}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList .hotelBlock .list ul li:hover .subNav{display:inline}.booking-engine-ev.exotic-vacation .checkInCheckOut{display:flex;float:left;width:46%;padding:0;color:#242424;flex-wrap:nowrap;position:relative !important;clear:none;border:none;white-space:nowrap}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading{display:none;position:fixed;left:0;top:0;width:100%;text-align:center;font-weight:600;padding:0 0;z-index:10000;visibility:hidden;padding:25px 0 20px 0;box-shadow:0px 2px 25px 0px rgba(0,0,0,0.05)}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile{text-align:center;padding:9px 0px 2px 20px;white-space:initial;position:absolute;top:20px;font-weight:normal}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile span{color:#d8741b}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .backWrap{float:left;width:100%;text-align:left;padding:5% 5% 10px 5%}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .backWrap svg{width:15px;fill:#000}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .dateWrap{float:left;width:100%}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut{float:left;width:50%;padding:0 5%;text-align:left;position:relative}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut.active:before{content:'';position:absolute;width:100%;height:3px;background:#d8741b;left:0;bottom:-20px}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .label{color:#9b9b9b;font-size:10px;float:left;width:100%;font-weight:normal}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .dates{float:left;width:100%;font-weight:700;border:0;height:20px;font-size:1.4em}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut .dates .t-dates{padding:0;height:auto}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .close{float:right;width:60px;height:60px;line-height:60px;text-align:center;background:#d8741b;border-radius:50%;color:#fff;right:0;font-size:15px;font-weight:700;position:fixed;left:50%;bottom:20px;transform:translate(-50%, 0);z-index:10000;box-shadow:0px 5px 25px 0px rgba(0,0,0,0.25)}.booking-engine-ev.exotic-vacation .checkInCheckOut .calenderWrap{position:absolute;width:700px;left:0px;padding:10px;top:49px;background:#fff;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);z-index:1}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-datepicker-day{top:50px}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-datepicker-day .calender-dynamic-text{text-align:center;padding:9px 15px 2px 15px;white-space:initial}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-datepicker-day .calender-dynamic-text span{color:#d8741b}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap{width:50%;display:flex;margin:0 5px;padding:10px;border-bottom:1px solid #ccc}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap.disableCheckout:before{content:"";position:absolute;right:0;top:0;z-index:2;width:50%;height:38px}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .label{width:50px;white-space:nowrap;padding:0 10px 0 0;font-size:10px;line-height:13px}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap.disabled .label{opacity:0.3}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap{float:left;width:90px;background-size:10px;border:0}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap.t-check-in,.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap.t-check-out{position:static}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{left:0px;padding-top:25px}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .cico-identification{position:absolute;width:100%;text-align:center;color:#d8741b;font-weight:600;top:10px;display:none}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .calender-dynamic-text{text-align:center;padding:9px 15px 2px 15px;white-space:initial}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day .calender-dynamic-text span{color:#d8741b}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates{padding:0;height:auto;border:0;position:relative}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out{font-size:25px;font-weight:500}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out{position:absolute;width:50%;font-size:10px;line-height:10px;top:0;left:45%}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out{position:absolute;width:50%;font-size:10px;line-height:10px;bottom:3px;left:45%}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-date-info-title,.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-date-info-title{top:0;left:0;opacity:0;position:relative}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .fa{opacity:0}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap.disabled .dateWrap .t-dates{opacity:0.3}.booking-engine-ev.exotic-vacation.reverse .noOfRoomsWrap .addRoomDropDown{top:auto;bottom:50px;box-shadow:0px -10px 15px 0px rgba(0,0,0,0.05)}.booking-engine-ev.exotic-vacation .addHotelButton{float:right;width:15%;background:#f9f9f9;border:#f8f8f8 solid 1px;padding:13px 10px;margin:0 0 0 5px;text-transform:uppercase;color:#383838;cursor:pointer;font-weight:500;text-align:center}.booking-engine-ev.exotic-vacation .closeHotelButton{float:right;width:35px;height:35px;line-height:35px;background:#e0e0e0;border:#d4d4d4 solid 1px;padding:0;margin:5px 5px 0 5px;text-transform:uppercase;color:#383838;cursor:pointer;font-weight:500;text-align:center}.booking-engine-ev.exotic-vacation .closeHotelButton.hideClose{display:none}.booking-engine-ev.exotic-vacation .noOfRoomsWrap{width:30%;padding:15px 0px 15px 10px;margin:0 10px 15px 0px;position:relative;background:#fff;border:none}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel{float:left;width:100%;cursor:pointer}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .deskTop{float:left;width:100%}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .deskTop .roomsCount{float:left;position:relative;top:-5px;width:80%}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .deskTop .arrowWrap{float:left;width:5%;font-size:20px;line-height:10px}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .deskTop .arrowWrap i.fa{transition:all 0.3s ease-in-out;transform-origin:center center}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile{float:left;width:100%}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.lbl{width:40%;height:30px;float:left;padding:12px 0 0 0}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value{font-size:16px;padding:10px 0 0 0;float:left;width:60%;align-items:center;display:flex}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .counter{text-align:center}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner{font-weight:normal;font-size:13px;line-height:14px;width:25px;height:25px;border-radius:50%;display:inline-block;text-align:center;text-indent:-100px;overflow:hidden}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.minus{margin-right:3px;background:url(../images/booking-engine/mobile-minus-wb.png) center 45% no-repeat;background-size:60%}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.plus{margin-right:3px;background:url(../images/booking-engine/mobile-plus-wb.png) center 45% no-repeat;background-size:60%}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel.active i.fa{transform:rotate(180deg)}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown{position:absolute;width:200px;background:#fff;padding:20px 20px 10px 20px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);z-index:1;top:50px;left:0;display:none;z-index:9}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .mobileHeader{display:none}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .block{float:left;width:100%;padding:0 0 10px 0;position:relative}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption{float:left;width:100%;padding:10px 0;border-bottom:#d7d7d7 solid 1px;cursor:pointer}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption.extraRoom{display:none}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption:first-child{padding-top:0}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption:last-child{border:0;padding-bottom:0}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption.active,.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .block .roomSelectOption:hover{color:#d8741b}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .actionWrap{float:left;width:100%;border-top:#d7d7d7 solid 1px;display:none}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .actionWrap .addRoomButton{float:left;width:auto;text-transform:uppercase;cursor:pointer;border:#a1a1a1 solid 1px;padding:8px 10px}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .actionWrap .addRoomButton:hover{background:#d8741b;color:#fff;border-color:#d8741b}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .actionWrap .actionButton{float:right;width:auto;padding:8px 0px;cursor:pointer}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .actionWrap .actionButton:hover{color:#d8741b}.booking-engine-ev.exotic-vacation.reverse .noOfGuestWrap .addGuestDropDown{top:auto;bottom:50px;box-shadow:0px -10px 15px 0px rgba(0,0,0,0.05)}.booking-engine-ev.exotic-vacation .noOfGuestWrap{width:30%;padding:12px 10px 11px 10px;margin:0 10px 0 0;position:relative;background:#fff}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestLabel{float:left;width:100%;cursor:pointer}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestLabel.active i.fa{transform:rotate(180deg)}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestLabel .guestCount{float:left;width:80%;position:relative;top:-5px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestLabel .arrowWrap{text-align:center;width:16%;font-size:20px;line-height:10px;padding:1px 0 0 0}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestLabel .arrowWrap .plusMinus{float:left;width:15px;height:15px;background:url(../images/booking-engine/plus-icon.png) left top no-repeat;background-size:100%}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestLabel .arrowWrap i.fa{transition:all 0.3s ease-in-out;transform-origin:center center}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestLabel.active .plusMinus{background-position:left -15px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown{position:absolute;width:280px;background:#fff;padding:20px 20px 10px 20px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);z-index:1;top:50px;left:0;display:none}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .guest-dropdown-message{color:#000}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .mobileHeader{display:none}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper{float:left;width:100%}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block{float:left;width:100%;padding:0 0 10px 0;margin:10px 0 0 0;border-bottom:#d7d7d7 solid 1px;position:relative}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block:first-child{margin-top:0}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock{position:absolute;width:auto;right:0;top:0}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock .edit{float:left;color:#d8741b;cursor:pointer;font-size:0.92em;border-right:#b1b1b1 solid 1px;padding:0 5px 0 0}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock .closeIcn{float:left;width:13px;height:13px;border:#b1b1b1 solid 1px;border-radius:50%;text-align:center;color:#b1b1b1;font-size:9px;font-family:"Roboto",sans-serif;margin:2px 0 0 5px;cursor:pointer;line-height:10px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .editBlock .closeIcn:hover{background:#d8741b;color:#fff;border:#d8741b solid 1px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomsIndividualCount{float:left;width:100%;font-weight:700;margin:0 0 10px 0}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount{float:left;width:100%;white-space:nowrap}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose{float:left;width:40%}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose.greyed-out{pointer-events:none;opacity:0.4}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .label{float:left;width:100%;margin:0 0 5px 0}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number{float:left;width:auto}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul{list-style-type:none}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul li{float:left;width:20px;height:20px;line-height:20px;text-align:center;font-size:0.8em;margin:0 0 0 0;cursor:pointer}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul li.active,.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .choose .number ul li:hover{background:#d8741b;color:#fff}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .closeIcn{float:left;width:15px;height:15px;border:#b1b1b1 solid 1px;border-radius:50%;text-align:center;color:#b1b1b1;font-size:11px;font-family:"Roboto",sans-serif;margin:2px 0 0 10px;cursor:pointer;display:none}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .closeIcn:hover{background:#d8741b;color:#fff;border:#d8741b solid 1px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap{float:left;width:100%;margin:15px 0 0 0;display:none}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .label{float:left;width:100%;margin:0 0 5px 0}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList{float:left;width:100%}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul{list-style-type:none}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li{float:left;width:20px;height:20px;line-height:20px;text-align:center;font-size:0.8em;margin:0 0px 0 0;cursor:pointer}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active,.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover{background:#d8741b;color:#fff}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .actionWrap{float:left;width:100%;padding:10px 0 0}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .actionWrap .addRoomButton{float:left;width:auto;text-transform:uppercase;cursor:pointer;border:#a1a1a1 solid 1px;padding:8px 15px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .actionWrap .addRoomButton:hover{background:#d8741b;color:#fff;border-color:#d8741b}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .actionWrap .actionButton{float:right;width:auto;padding:8px 0px;cursor:pointer}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .actionWrap .actionButton:hover{color:#d8741b}.booking-engine-ev.exotic-vacation .viewAvailabilityButtonEV{float:left;width:auto;background:#d8741b;color:#fff;padding:12px 15px 10px 15px;cursor:pointer}.booking-engine-ev.exotic-vacation .viewAvailabilityButtonEV:hover{background:#c36512}.booking-engine-ev.exotic-vacation .plusIcon{float:left;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;cursor:pointer;margin:10px 0 0 25px;position:relative}.booking-engine-ev.exotic-vacation .plusIcon .imgIconWrap{float:left;width:20px;height:20px;background:url(../images/booking-engine/plus-icon.png) left top no-repeat;background-size:100%}.booking-engine-ev.exotic-vacation .plusIcon.active .imgIconWrap{background-position:left -20px}.booking-engine-ev.exotic-vacation .plusIcon .toolTipWrap{position:absolute;width:auto;padding:2px 5px;background:#fff;left:33px;top:50%;transform:translate(0, -50%);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.15);white-space:nowrap;font-size:11px;display:none}.booking-engine-ev.exotic-vacation .plusIcon .toolTipWrap:before{content:"";width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #fff;position:absolute;left:-10px;top:0px;z-index:2}.booking-engine-ev.exotic-vacation .plusIcon .toolTipWrap:after{content:"";width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-right:13px solid rgba(0,0,0,0.05);position:absolute;left:-12px;top:-1px;z-index:1}.booking-engine-ev.exotic-vacation .plusIcon:hover .toolTipWrap{display:inline}.booking-engine-ev.exotic-vacation .promocodeDropDown{position:absolute;width:240px;background:#fff;padding:20px;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);z-index:1;top:60px;right:0;display:none}.booking-engine-ev.exotic-vacation .promocodeDropDown .input{float:left;width:160px;height:30px;line-height:30px;border:#c8c9ce solid 1px;padding:0 10px;font-size:.9375em}.booking-engine-ev.exotic-vacation .promocodeDropDown .submit{float:left;width:40px;height:30px;line-height:30px;background:#d7d7d7;padding:0 10px;font-size:.9375em;cursor:pointer}.booking-engine-ev.exotic-vacation .promocodeDropDown .submit:hover{background:#d8741b;color:#fff}.booking-engine-ev.exotic-vacation .promocodeDropDown .errorMsg{float:left;width:100%;color:#f00;font-size:11px;padding:5px 0 0 0}.booking-engine-ev.exotic-vacation .offerMsgWrap{float:left;width:100%;font-size:0.8em;margin:10px 0 0 0;text-align:center;display:none}.booking-engine-ev.exotic-vacation.layout2.left .hotelName .hotelListDropDown{right:auto;left:0}.booking-engine-ev.exotic-vacation.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{right:auto;left:0px}.booking-engine-ev.exotic-vacation.layout2.left .noOfGuestWrap .addGuestDropDown{left:0px;right:auto}.booking-engine-ev.exotic-vacation.layout2{width:100%;margin:0;box-shadow:none;border:1px solid #ebebeb;padding:0px}.booking-engine-ev.exotic-vacation.layout2 .bookYourStay{padding:10px 15px;font-family:"Roboto",sans-serif;font-size:.938em}.booking-engine-ev.exotic-vacation.layout2.moveUp{transform:none}.booking-engine-ev.exotic-vacation.layout2 .bookYourStay{display:inline}.booking-engine-ev.exotic-vacation.layout2 .hotelName{width:100%;height:auto;border:0;padding:10px 0;position:relative}.booking-engine-ev.exotic-vacation.layout2 .hotelName .name{text-align:center}.booking-engine-ev.exotic-vacation.layout2 .hotelName .hotelListDropDown{position:absolute;width:700px;background:#fff;box-shadow:0px 10px 15px 0px rgba(0,0,0,0.05);padding:10px;right:0px;left:auto;top:40px;z-index:1;display:none}.booking-engine-ev.exotic-vacation.layout2 .hotelName .hotelListDropDown .mobileHeader{display:none}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut{width:100%;height:auto;border:0;padding:0;max-width:100%;white-space:normal;position:relative}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .t-mobile-heading{background:#fff;visibility:visible;z-index:9999999}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile{text-align:center;padding:9px 15px 2px 50px;white-space:initial;position:absolute;top:26px;font-weight:normal}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile span{color:#d8741b}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap{border:#f3f3f3 solid 1px;border-bottom:0;border-left:0;padding:10px 12%;display:inline;position:static}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap:last-child{border-left:0;border-right:0}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap.disableCheckout:before{content:"";position:absolute;right:0;top:0;z-index:2;width:50%;height:100%}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap.active{background-color:#ebebeb}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap .label{width:100%;font-size:10px;padding:0;color:#afafaf}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap .dateWrap{background:none;padding:0}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{left:auto;right:0px;top:71px}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates{padding:0;position:relative}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .fa{display:none}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out{font-size:40px;line-height:30px;font-weight:400}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out{position:absolute;left:50%;top:-5px}.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.booking-engine-ev.exotic-vacation.layout2 .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out{position:absolute;left:50%;bottom:0}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap{width:50%;border:0;height:70px;padding:10px 4%;border:none;border:#f3f3f3 solid 1px;border-left:0}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomDropDown{display:none !important}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .deskTop{display:none}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .mobile{display:block;padding:0 10%;cursor:auto}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value{font-size:40px;line-height:50px;font-weight:400;display:flex;align-items:center}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .counter{text-align:center}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner{display:inline-block;width:15px;height:15px;line-height:15px;text-align:center;border-radius:50%;margin:0 5px;font-size:0.8em;cursor:pointer;user-select:none;font-weight:300;font-size:12px !important;line-height:15px;margin:0;text-indent:-100px;overflow:hidden}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.minus{margin-right:3px;background:url(../images/booking-engine/mobile-minus.png) right 45% no-repeat;background-size:100%}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.plus{margin-right:3px;background:url(../images/booking-engine/mobile-plus.png) left 45% no-repeat;background-size:100%}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.lbl{position:absolute;left:54%;top:50%;transform:translate(0, -50%)}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount{text-align:left}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .lbl{float:left;width:40%}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value{float:left;width:60%;padding:0 0 0 10px;white-space:nowrap;font-size:40px;line-height:50px;font-weight:400;display:flex;align-items:center}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .counter{text-align:center;padding:0 5px}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner{display:inline-block;width:15px;height:15px;line-height:15px;text-align:center;border-radius:50%;margin:0 5px;font-size:0.8em;cursor:pointer;user-select:none;font-weight:300;font-size:12px !important;line-height:15px;margin:0;text-indent:-100px;overflow:hidden}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.minus{margin-right:3px;background:url(../images/booking-engine/mobile-minus.png) right 45% no-repeat;background-size:60%}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.plus{margin-right:3px;background:url(../images/booking-engine/mobile-plus.png) left 45% no-repeat;background-size:60%}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl{position:absolute;left:65%;top:52%;transform:translate(0, -50%)}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .arrowWrap{display:none}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomDropDown{width:100%;height:100%;left:0;top:0;padding:50px 20px 20px 20px;position:fixed}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomDropDown .mobileHeader{cursor:pointer;display:block;width:100%;text-align:center;position:fixed;left:0;top:0;padding:0px;font-weight:1em;font-weight:700}.booking-engine-ev.exotic-vacation.layout2 .noOfRoomsWrap .addRoomDropDown .mobileHeader .close{float:right;width:38px;height:38px;line-height:38px;text-align:center;background:#d8741b;color:#fff;right:0;top:0;font-size:20px;font-weight:300}.booking-engine-ev.exotic-vacation.layout2 .noOfGuestWrap{width:50%;border:0;height:70px;padding:10px 12%;border:#f3f3f3 solid 1px;border-right:0;border-left:0}.booking-engine-ev.exotic-vacation.layout2 .noOfGuestWrap .guestCount{text-align:left}.booking-engine-ev.exotic-vacation.layout2 .noOfGuestWrap .guestCount span.value{font-size:40px;line-height:50px;font-weight:400}.booking-engine-ev.exotic-vacation.layout2 .noOfGuestWrap .guestCount span.lbl{position:absolute;left:50%;top:50%;transform:translate(0, -50%)}.booking-engine-ev.exotic-vacation.layout2 .noOfGuestWrap .arrowWrap{display:none}.booking-engine-ev.exotic-vacation.layout2 .noOfGuestWrap .addGuestDropDown{left:auto;right:0}.booking-engine-ev.exotic-vacation.layout2 .t-arrow-top{display:none !important}.booking-engine-ev.exotic-vacation.layout2 .viewAvailabilityButtonEV{margin:20px 0 20px 50%;transform:translate(-50%, 0)}.booking-engine-ev.exotic-vacation.layout2 .plusIcon{width:auto;text-align:center;margin:30px 0 0 -10%;height:auto}.booking-engine-ev.exotic-vacation.layout2 .plusIcon .toolTipWrap{left:50%;top:auto;bottom:100%;transform:translate(-50%, -50%)}.booking-engine-ev.exotic-vacation.layout2 .plusIcon .toolTipWrap:before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fff;left:50%;top:100%;transform:translate(-50%, 0)}.booking-engine-ev.exotic-vacation.layout2 .plusIcon .toolTipWrap:after{border-left:13px solid transparent;border-right:13px solid transparent;border-top:13px solid rgba(0,0,0,0.05);left:50%;top:100%;transform:translate(-50%, 0)}.booking-engine-ev.exotic-vacation.layout2 .promocodeDropDown{position:relative;width:300px;float:left;margin-left:50%;transform:translate(-50%, 0);top:auto;padding:10px;box-shadow:none}.booking-engine-ev.exotic-vacation.layout2 .promocodeDropDown .input{width:calc(100% - 50px);padding:0 10px;height:40px;line-height:40px}.booking-engine-ev.exotic-vacation.layout2 .promocodeDropDown .submit{width:50px;padding:0 10px;height:40px;line-height:40px}.booking-engine-ev.exotic-vacation.layout2 .offerMsgWrap{display:inline}.booking-engine-ev .send-query-wrap{float:left;width:50%}.booking-engine-ev .send-query-wrap .contact-us-form{display:inline}.boxColumn{float:right}.ev-booking-section .hotelAndNightsWrap{position:-webkit-sticky !important;position:sticky !important}.ev-booking-section .booking-engine-ev.exotic-vacation #sendUsYourQuery .viewAvailabilityButtonEV{margin-top:15px;float:right;display:none}.exotic-vacation .ev-booking-section .ev-currency-sec{float:right;margin-right:3px}#suggesteditineraries .full-image-gallery-with-text .suggested-iti-explore-cta-tn{display:inline-block;margin-left:0px;margin-bottom:20px}.suggestedItiInputBox{width:38%;position:absolute;left:49.5%;top:351px;display:none}.suggestedItiInputBox .t-datepicker-days{left:-211px}.suggestedItiInputBox .checkInCheckOut{padding:0px 10px 0px;float:left;width:37%;clear:initial}.suggestedItiInputBox.suggestedItiInputBoxInfoMsgDisplay{top:351px}.suggestedItiInputBox .t-arrow-top{display:none !important}.suggestedItiInputBox .t-check-in{width:100%;color:#808080;font-size:15px;border:none;border-bottom:1px solid #808080;line-height:100%;border-radius:0px}.suggestedItiInputBox .t-check-in .t-dates{height:30px;padding:5px 10px}.suggestedItiInputBox .checkInDate .label{margin-bottom:0px;padding:0px 10px 0px;color:#808080;font-size:15px;position:relative;top:20px}.suggestedItiInputBox .t-check-in .t-datepicker-day .cico-identification.CheckIn{position:absolute;width:100%;text-align:center;color:#d8741b;font-weight:600;top:10px;display:none !important}.suggestedItiInputBox .t-check-in .t-datepicker-day .cico-identification.CheckOut{position:absolute;width:100%;text-align:center;color:#d8741b;font-weight:600;top:10px;display:none !important}.fullImageGalleryEV{position:relative}.suggestedItiInputBox .t-mobile-heading{display:none}.suggestedItiInputBox .datesWrap.checkOutDate{display:none}.suggeted-iti-map-icon a{color:#000;vertical-align:middle;font-size:24px}#suggesteditineraries .ev-reserve-itinerary-btn.active{background-image:url(/images/oberoihotels/common/down-arrow8.png)}#suggesteditineraries .full-image-gallery-with-text .ev-suggested-iti-send-request-btn{background:url(/images/oberoihotels/common/arrow-right-7.png) no-repeat right center;font-family:"Roboto",sans-serif;text-decoration:none;text-transform:uppercase;padding-right:15px;font-size:1em;color:#d8741b;font-weight:400;margin-left:20px}#suggesteditineraries .full-image-gallery-with-text .ev-suggested-iti-send-request-btn.active{background-image:url(/images/oberoihotels/common/arrow-up6.png)}.ev-booking-section .book-itineraries-email{width:48%;float:left;margin-right:4%;border-bottom:1px solid #cbcbcb}.ev-booking-section .book-itineraries-email .ftrans{background:transparent;padding:10px 5px;width:100%}.ev-booking-section .ev-book-itineraries .viewAvailabilityButtonEV{display:block !important}#suggesteditineraries .itineraries-block{margin-top:25px}.location-specific-content-slider .closeIcon{width:33px}.suggested-itinerary-error-msg,.suggested-itinerary-date-selected-msg{color:#ff0000;font-size:15px;width:100%;float:left;margin-top:5px;font-family:"Roboto", sans-serif}.suggested-itinerary-date-selected-msg{color:green}@media only screen and (min-width: 1025px){.global-header-pages{top:26px}}@media only screen and (min-width: 1199px) and (max-width: 1400px){#scrollToTop{bottom:0px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li,.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li{width:18px;height:18px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown{width:265px}.ev-exp-section .ev-view-all-exp-btn{right:8% !important}.booking-engine .noOfGuestWrap .addGuestDropDown .blockWrapper .block{padding:0 0 5px 0}}@media only screen and (min-width: 1199px) and (max-width: 1280px){.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown{width:240px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li{width:15px;height:15px}}@media only screen and (max-width: 1199px){.suggestedItiInputBox{position:static;margin-left:10%;max-width:510px;width:auto;margin-top:20px}.exotic-vacation .ev-booking-section .ev-book-itineraries.booking-engine-ev.exotic-vacation #sendUsYourQuery .viewAvailabilityButtonEV{margin:10px 0px 0px 0px !important}.exotic-vacation .ev-booking-section .ev-currency-sec{width:152px}#scrollToTop{bottom:65px;right:4px}}@media only screen and (min-width: 960px) and (max-width: 1024px){.booking-engine-ev{width:100%;margin:0}.booking-engine-ev.moveUp{transform:translate(0, 0%)}.booking-engine-ev .hotelName{width:21%}.booking-engine-ev .checkInCheckOut{width:39%}.booking-engine-ev .checkInCheckOut .datesWrap{padding:0 5px 0 10px}.booking-engine-ev .checkInCheckOut .datesWrap:last-child{padding:0 0 0 5px}.booking-engine-ev .noOfRoomsWrap{width:11%}.booking-engine-ev .noOfGuestWrap{width:11%}.booking-engine-ev.layout2.left .hotelName .hotelListDropDown{left:auto;right:0}.booking-engine-ev.layout2.left .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{left:auto;right:0}.booking-engine-ev.layout2.left .noOfGuestWrap .addGuestDropDown{left:auto;right:0}.booking-engine-ev.layout2 .noOfRoomsWrap .addRoomLabel .mobile{cursor:auto}.booking-engine-ev .plusIcon{margin-left:10px}.booking-engine-ev .plusIcon .toolTipWrap{left:auto;right:33px}.booking-engine-ev .plusIcon .toolTipWrap:before{border-right:none;border-left:12px solid #fff;left:auto;right:-10px}.booking-engine-ev .plusIcon .toolTipWrap:after{border-right:0;border-left:13px solid rgba(0,0,0,0.05);left:auto;right:-12px}.booking-engine-ev.layout2 .checkInCheckOut .datesWrap{border:#f3f3f3 solid 1px;border-bottom:0;padding:10px 12%;display:inline;position:static}.booking-engine-ev.layout2 .checkInCheckOut .datesWrap .dateWrap .t-datepicker-day{right:0;left:auto}.booking-engine-ev.layout2 .noOfRoomsWrap .addRoomLabel .mobile span.lbl{left:60%}}.booking-engine-ev.ev-submit-request-form .hotelAndNightsWrap{top:145px}@media only screen and (min-width: 992px){.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestLabel .guestCount .value,.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .deskTop .roomsCount .value{font-size:25px;font-weight:500}}@media only screen and (max-width: 767px){.booking-engine-ev.exotic-vacation .hotelAndNightsWrap{top:206px}.booking-engine-ev.ev-submit-request-form .hotelAndNightsWrap{top:145px}}@media only screen and (max-width: 991px){.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .firstName,.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .phoneNumber{width:100%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .lastName,.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .email{margin-left:0;width:100%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg .formRow .lastName .lname{width:100%;max-width:100%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right .comment{width:100%;margin-top:12px}.booking-engine-ev.exotic-vacation.overview-page,.booking-engine-ev.exotic-vacation.homepage-booking-widgit{display:none}.booking-engine-ev.exotic-vacation #sendUsYourQuery .formCalSection{width:100%;position:relative}.booking-engine-ev.exotic-vacation #sendUsYourQuery .formfiledSec{width:100%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .checkInCheckOut{width:100%}.booking-engine-ev.exotic-vacation #sendUsYourQuery .addHotelButton{margin:10px 0px;position:static;width:auto}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right .left-section{width:100%;margin:0}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right .left-section .row{width:49%;display:inline-block}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right .left-section .row .addRoomLabel .deskTop{display:block}.booking-engine-ev.exotic-vacation #sendUsYourQuery .greyBg.right .right-section{width:100%}.banner-component-style1 .booking-engine-ev{top:-30px;display:none}.booking-engine-ev.exotic-vacation,.booking-engine-ev.layout2.exotic-vacation,.booking-engine-ev.reverse.exotic-vacation{width:100%;margin:0;position:static}.booking-engine-ev.exotic-vacation.moveUp,.booking-engine-ev.layout2.exotic-vacation.moveUp,.booking-engine-ev.reverse.exotic-vacation.moveUp{transform:none}.booking-engine-ev.exotic-vacation .bookYourStay,.booking-engine-ev.layout2.exotic-vacation .bookYourStay,.booking-engine-ev.reverse.exotic-vacation .bookYourStay{display:inline}.booking-engine-ev.exotic-vacation .bookYourStayDesk,.booking-engine-ev.layout2.exotic-vacation .bookYourStayDesk,.booking-engine-ev.reverse.exotic-vacation .bookYourStayDesk{display:none}.booking-engine-ev.exotic-vacation .greyRow,.booking-engine-ev.layout2.exotic-vacation .greyRow,.booking-engine-ev.reverse.exotic-vacation .greyRow{position:relative}.booking-engine-ev.exotic-vacation .greyRow .greyBg,.booking-engine-ev.layout2.exotic-vacation .greyRow .greyBg,.booking-engine-ev.reverse.exotic-vacation .greyRow .greyBg{width:100%;padding:0;background:none}.booking-engine-ev.exotic-vacation .greyRow .greyBg.right,.booking-engine-ev.layout2.exotic-vacation .greyRow .greyBg.right,.booking-engine-ev.reverse.exotic-vacation .greyRow .greyBg.right{width:100%;border:0}.booking-engine-ev.exotic-vacation .addHotelButton,.booking-engine-ev.layout2.exotic-vacation .addHotelButton,.booking-engine-ev.reverse.exotic-vacation .addHotelButton{position:absolute;width:auto;right:0;bottom:0;background:none}.booking-engine-ev.exotic-vacation .closeHotelButton,.booking-engine-ev.layout2.exotic-vacation .closeHotelButton,.booking-engine-ev.reverse.exotic-vacation .closeHotelButton{margin-right:0}.booking-engine-ev.exotic-vacation .hotelName,.booking-engine-ev.layout2.exotic-vacation .hotelName,.booking-engine-ev.reverse.exotic-vacation .hotelName{width:100%;height:auto;border:0;padding:10px 0;position:static;margin:0}.booking-engine-ev.exotic-vacation .hotelName .hotelLabel .name,.booking-engine-ev.layout2.exotic-vacation .hotelName .hotelLabel .name,.booking-engine-ev.reverse.exotic-vacation .hotelName .hotelLabel .name{text-align:center}.booking-engine-ev.exotic-vacation .hotelName .hotelLabel .name .desktopN,.booking-engine-ev.layout2.exotic-vacation .hotelName .hotelLabel .name .desktopN,.booking-engine-ev.reverse.exotic-vacation .hotelName .hotelLabel .name .desktopN{display:none}.booking-engine-ev.exotic-vacation .hotelName .hotelLabel .name .mobileN,.booking-engine-ev.layout2.exotic-vacation .hotelName .hotelLabel .name .mobileN,.booking-engine-ev.reverse.exotic-vacation .hotelName .hotelLabel .name .mobileN{display:inline}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown,.booking-engine-ev.layout2.exotic-vacation .hotelName .hotelListDropDown,.booking-engine-ev.reverse.exotic-vacation .hotelName .hotelListDropDown{position:fixed;width:100%;height:100%;left:0;top:0;padding:50px 0 0 0;overflow:auto;z-index:999999}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .mobileHeader,.booking-engine-ev.layout2.exotic-vacation .hotelName .hotelListDropDown .mobileHeader,.booking-engine-ev.reverse.exotic-vacation .hotelName .hotelListDropDown .mobileHeader{display:block;width:100%;position:fixed;cursor:pointer;left:0;top:0;padding:0px;font-weight:1em;font-weight:700;background:#fff;z-index:2;box-shadow:0px 2px 25px 0px rgba(0,0,0,0.05)}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .mobileHeader .close,.booking-engine-ev.layout2.exotic-vacation .hotelName .hotelListDropDown .mobileHeader .close,.booking-engine-ev.reverse.exotic-vacation .hotelName .hotelListDropDown .mobileHeader .close{float:left;width:100%;cursor:pointer;text-align:left;color:#000;right:0;top:0;font-size:20px;padding:20px}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .mobileHeader .close svg,.booking-engine-ev.layout2.exotic-vacation .hotelName .hotelListDropDown .mobileHeader .close svg,.booking-engine-ev.reverse.exotic-vacation .hotelName .hotelListDropDown .mobileHeader .close svg{width:15px;fill:#000}.booking-engine-ev.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList,.booking-engine-ev.layout2.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList,.booking-engine-ev.reverse.exotic-vacation .hotelName .hotelListDropDown .allHotels .hotelList{width:100% !important;border:0;padding:15px 20px 0 20px}.booking-engine-ev.exotic-vacation .checkInCheckOut,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut{width:100%;height:auto;border:0;padding:0;max-width:100%;white-space:normal}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .t-mobile-heading,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .t-mobile-heading{background:#fff;visibility:visible;z-index:9999999}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap{border:#f3f3f3 solid 1px;padding:5px 10%;display:inline;position:relative;margin:-1px 0 0 0}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap.disableCheckout:before,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap.disableCheckout:before,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap.disableCheckout:before{content:"";position:absolute;right:0;top:0;z-index:2;width:100%;height:100%}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap:last-child,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap:last-child,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap:last-child{border-left:0}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .label,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .label,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .label{width:100%;font-size:10px;padding:0;color:#afafaf}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .dateWrap,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .dateWrap{background:none;padding:0}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap.t-check-in,.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap.t-check-out,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .dateWrap.t-check-in,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .dateWrap.t-check-out,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .dateWrap.t-check-in,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .dateWrap.t-check-out{position:relative}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates{padding:0}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .fa,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .fa,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .fa{display:none}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-in,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-day-check-out{font-size:30px;font-size:30px;line-height:30px;font-weight:400}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-in,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-month-check-out{position:absolute;left:55%;top:-5px;font-size:12px;line-height:inherit}.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.booking-engine-ev.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-in,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .datesWrap .dateWrap .t-dates .t-year-check-out{position:absolute;left:55%;bottom:0;font-size:12px;line-height:inherit}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-datepicker-day,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .t-datepicker-day,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .t-datepicker-day{top:100px;z-index:99999}.booking-engine-ev.exotic-vacation .checkInCheckOut .t-datepicker-day .t-table-wrap,.booking-engine-ev.layout2.exotic-vacation .checkInCheckOut .t-datepicker-day .t-table-wrap,.booking-engine-ev.reverse.exotic-vacation .checkInCheckOut .t-datepicker-day .t-table-wrap{padding:0 5%}.booking-engine-ev.exotic-vacation .noOfRoomsWrap,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap{width:50%;border:0;height:70px;padding:10px 0%;border:#f3f3f3 solid 1px;margin:0;border-top:0}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .deskTop,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .deskTop,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .deskTop{display:none}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile{display:block;padding:0 5%;position:relative}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value{font-size:30px;line-height:50px;font-weight:400;display:flex;align-items:center;padding:0}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .counter,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .counter,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .counter{text-align:center}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner{font-weight:normal;font-size:13px;line-height:14px;width:25px;height:25px;border-radius:50%;display:inline-block;text-align:center;text-indent:-100px;overflow:hidden}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.minus,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.minus,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.minus{margin-right:3px;background:url(../images/booking-engine/mobile-minus.png) right 45% no-repeat;background-size:60%}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.plus,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.plus,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.value .spinner.plus{margin-right:3px;background:url(../images/booking-engine/mobile-plus.png) left 45% no-repeat;background-size:60%}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.lbl,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.lbl,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .mobile span.lbl{position:absolute;left:67%;top:17px;transform:translate(0, 0);left:60%;top:5px}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount{text-align:left}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .lbl,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .lbl,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .lbl{float:left;width:40%}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value{float:left;width:60%;padding:0 0 0 10px;white-space:nowrap;font-size:30px;line-height:50px;font-weight:400;display:flex;align-items:center}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value .counter,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value .counter,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value .counter{text-align:center;padding:0 5px}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner{display:inline-block;width:15px;height:15px;line-height:15px;text-align:center;border:#000 solid 1px;border-radius:50%;margin:0 5px;font-size:0.8em;cursor:pointer;user-select:none;font-weight:300;font-size:12px !important;line-height:15px;margin:0}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.plus,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.plus,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value .spinner.plus{margin-left:-3px}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl{position:absolute;left:65%;top:52%;transform:translate(0, -50%)}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .arrowWrap,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .arrowWrap,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .arrowWrap{display:none}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomDropDown,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomDropDown{width:100%;top:100%}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .mobileHeader,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomDropDown .mobileHeader,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomDropDown .mobileHeader{display:block;width:100%;text-align:center;position:fixed;left:0;top:0;padding:0px;font-weight:1em;font-weight:700}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomDropDown .mobileHeader .close,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomDropDown .mobileHeader .close,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomDropDown .mobileHeader .close{float:right;width:38px;height:38px;line-height:38px;text-align:center;background:#d8741b;color:#fff;right:0;top:0;font-size:20px;font-weight:300}.booking-engine-ev.exotic-vacation .noOfGuestWrap,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap{width:50%;border:0;height:70px;padding:10px 10%;border:#f3f3f3 solid 1px;border-left:#fff solid 1px;margin:0;border-top:0}.booking-engine-ev.exotic-vacation .noOfGuestWrap .guestCount,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .guestCount,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .guestCount{text-align:left}.booking-engine-ev.exotic-vacation .noOfGuestWrap .guestCount span.value,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .guestCount span.value,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .guestCount span.value{font-size:30px;line-height:50px;font-weight:400}.booking-engine-ev.exotic-vacation .noOfGuestWrap .guestCount span.lbl,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .guestCount span.lbl,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .guestCount span.lbl{position:absolute;left:50%;top:50%;transform:translate(0, -50%)}.booking-engine-ev.exotic-vacation .noOfGuestWrap .arrowWrap,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .arrowWrap,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .arrowWrap{display:none}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .addGuestDropDown,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .addGuestDropDown{width:100%;height:100%;left:0;top:0;padding:70px 20px 100px 20px;position:fixed;overflow:auto;z-index:999999}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList{overflow:auto}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul{float:left;width:540px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li{width:40px;height:40px;line-height:40px;border:#d8741b solid 1px;margin-right:5px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:hover{background:transparent;color:#000}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:last-child,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:last-child,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li:last-child{border-right:#d8741b solid 1px}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .addGuestDropDown .blockWrapper .block .roomGuestCount .childAgeWrap .ageList ul li.active{background:#d8741b;color:#fff}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .mobileHeader,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .addGuestDropDown .mobileHeader,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .addGuestDropDown .mobileHeader{display:block;width:100%;text-align:center;position:fixed;left:0;top:0;padding:0px;z-index:9999;cursor:pointer;padding:20px;box-shadow:0px 2px 25px 0px rgba(0,0,0,0.05);background:#fff}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .mobileHeader .close,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .addGuestDropDown .mobileHeader .close,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .addGuestDropDown .mobileHeader .close{float:left;width:100%;text-align:left}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestDropDown .mobileHeader .close svg,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .addGuestDropDown .mobileHeader .close svg,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .addGuestDropDown .mobileHeader .close svg{width:15px;fill:#000}.booking-engine-ev.exotic-vacation .t-datepicker-day,.booking-engine-ev.layout2.exotic-vacation .t-datepicker-day,.booking-engine-ev.reverse.exotic-vacation .t-datepicker-day{position:fixed;left:0 !important;top:0;width:100%;height:calc(100% - 100px);overflow:auto;padding:0 0 100px 0}.booking-engine-ev.exotic-vacation .t-arrow-top,.booking-engine-ev.layout2.exotic-vacation .t-arrow-top,.booking-engine-ev.reverse.exotic-vacation .t-arrow-top{display:none !important}.booking-engine-ev.exotic-vacation .viewAvailabilityButtonEV,.booking-engine-ev.layout2.exotic-vacation .viewAvailabilityButtonEV,.booking-engine-ev.reverse.exotic-vacation .viewAvailabilityButtonEV{margin:12px 0 0 0 !important;padding:10px}.booking-engine-ev.exotic-vacation .plusIcon,.booking-engine-ev.layout2.exotic-vacation .plusIcon,.booking-engine-ev.reverse.exotic-vacation .plusIcon{width:100%;text-align:center;margin:0;height:auto}.booking-engine-ev.exotic-vacation .plusIcon .imgIconWrap,.booking-engine-ev.layout2.exotic-vacation .plusIcon .imgIconWrap,.booking-engine-ev.reverse.exotic-vacation .plusIcon .imgIconWrap{display:none}.booking-engine-ev.exotic-vacation .plusIcon .toolTipWrap,.booking-engine-ev.layout2.exotic-vacation .plusIcon .toolTipWrap,.booking-engine-ev.reverse.exotic-vacation .plusIcon .toolTipWrap{display:inline;position:relative;left:auto;top:auto;transform:none;box-shadow:none;font-size:1em;font-size:700}.booking-engine-ev.exotic-vacation .plusIcon .toolTipWrap::before,.booking-engine-ev.exotic-vacation .plusIcon .toolTipWrap::after,.booking-engine-ev.layout2.exotic-vacation .plusIcon .toolTipWrap::before,.booking-engine-ev.layout2.exotic-vacation .plusIcon .toolTipWrap::after,.booking-engine-ev.reverse.exotic-vacation .plusIcon .toolTipWrap::before,.booking-engine-ev.reverse.exotic-vacation .plusIcon .toolTipWrap::after{display:none}.booking-engine-ev.exotic-vacation .promocodeDropDown,.booking-engine-ev.layout2.exotic-vacation .promocodeDropDown,.booking-engine-ev.reverse.exotic-vacation .promocodeDropDown{position:relative;width:100%;float:left;top:auto;padding:10px;box-shadow:none}.booking-engine-ev.exotic-vacation .promocodeDropDown .input,.booking-engine-ev.layout2.exotic-vacation .promocodeDropDown .input,.booking-engine-ev.reverse.exotic-vacation .promocodeDropDown .input{width:calc(100% - 50px);padding:5px 10px;height:42px;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;border-radius:0}.booking-engine-ev.exotic-vacation .promocodeDropDown .submit,.booking-engine-ev.layout2.exotic-vacation .promocodeDropDown .submit,.booking-engine-ev.reverse.exotic-vacation .promocodeDropDown .submit{width:50px;height:42px;padding:5px 10px}.boxColumn{width:100%;margin:0}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .deskTop .roomsCount{width:85%}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .deskTop .arrowWrap,.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestLabel .arrowWrap{line-height:50px;width:5%}.booking-engine-ev.exotic-vacation .noOfGuestWrap .guestCount span.lbl,.booking-engine-ev.layout2.exotic-vacation .noOfGuestWrap .guestCount span.lbl,.booking-engine-ev.reverse.exotic-vacation .noOfGuestWrap .guestCount span.lbl,.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount span.lbl{left:45%;top:52%;transform:translate(0, -50%)}.booking-engine-ev.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value,.booking-engine-ev.layout2.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value,.booking-engine-ev.reverse.exotic-vacation .noOfRoomsWrap .addRoomLabel .roomsCount .value{width:50%}.booking-engine-ev.exotic-vacation .noOfGuestWrap .addGuestLabel .guestCount{width:92%}.exotic-vacation .ev-booking-section .ev-currency-sec{width:173px}.suggestedItiInputBox .t-mobile-heading{display:none;position:fixed;left:0;top:0;width:100%;text-align:center;font-weight:600;padding:0 0;z-index:10000;visibility:hidden;padding:25px 0 20px 0;box-shadow:0px 2px 25px 0px rgba(0,0,0,0.05);background:#fff;visibility:visible;z-index:9999999}.suggestedItiInputBox .t-mobile-heading .backWrap{padding:3% 5% 0 5%;float:left;width:100%;text-align:left}.suggestedItiInputBox .t-mobile-heading .backWrap svg{width:15px;fill:#000}.suggestedItiInputBox .checkInCheckOut .t-mobile-heading .dateWrap,.suggestedItiInputBox .checkInCheckOut .t-mobile-heading .close{display:none}.suggestedItiInputBox .t-datepicker-day,.suggestedItiInputBox.reverse .t-datepicker-day{position:fixed;left:0 !important;top:76px;width:100%;height:calc(100% - 76px);overflow:auto;padding:0 0 100px 0;-webkit-overflow-scrolling:touch;z-index:99999;padding-top:25px}}@media only screen and (min-width: 768px) and (max-width: 959px){.booking-engine-ev.exotic-vacation .checkInCheckOut .t-mobile-heading .backWrap{padding:3% 5% 0 5%}.booking-engine-ev .bookYourStay,.booking-engine-ev.layout2 .bookYourStay{font-size:0.9375em}.booking-engine-ev .hotelName .hotelListDropDown .mobileHeader .close,.booking-engine-ev.layout2 .hotelName .hotelListDropDown .mobileHeader .close{padding:0 20px}.booking-engine-ev .checkInCheckOut,.booking-engine-ev.layout2 .checkInCheckOut{width:50%}.booking-engine-ev .checkInCheckOut .t-mobile-heading,.booking-engine-ev.layout2 .checkInCheckOut .t-mobile-heading{padding:0 0 20px 0}.booking-engine-ev .checkInCheckOut .t-mobile-heading .backWrap,.booking-engine-ev.layout2 .checkInCheckOut .t-mobile-heading .backWrap{padding:20px}.booking-engine-ev .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut,.booking-engine-ev.layout2 .checkInCheckOut .t-mobile-heading .dateWrap .mobCheckInCheckOut{padding:0 20px}.booking-engine-ev .checkInCheckOut .t-datepicker-day,.booking-engine-ev.layout2 .checkInCheckOut .t-datepicker-day{top:112px}.booking-engine-ev .checkInCheckOut .t-datepicker-day .t-table-wrap,.booking-engine-ev.layout2 .checkInCheckOut .t-datepicker-day .t-table-wrap{padding:0 20px;margin:0;width:50%}.booking-engine-ev .checkInCheckOut .datesWrap,.booking-engine-ev.layout2 .checkInCheckOut .datesWrap{border:#f3f3f3 solid 1px;height:70px;padding:0px 10% 10px 10%}.booking-engine-ev .checkInCheckOut .datesWrap:last-child,.booking-engine-ev.layout2 .checkInCheckOut .datesWrap:last-child{border-right:0}.booking-engine-ev .noOfRoomsWrap,.booking-engine-ev.layout2 .noOfRoomsWrap{width:25%;border-right:0}.booking-engine-ev .noOfGuestWrap,.booking-engine-ev.layout2 .noOfGuestWrap{width:25%;padding:10px 0}.booking-engine-ev .noOfGuestWrap .addGuestLabel .guestCount,.booking-engine-ev.layout2 .noOfGuestWrap .addGuestLabel .guestCount{width:100%;text-align:center}.booking-engine-ev .noOfGuestWrap .addGuestLabel .guestCount span.value,.booking-engine-ev.layout2 .noOfGuestWrap .addGuestLabel .guestCount span.value{position:relative}.booking-engine-ev .noOfGuestWrap .addGuestLabel,.booking-engine-ev.layout2 .noOfGuestWrap .addGuestLabel{text-align:center}.booking-engine-ev .noOfGuestWrap .addGuestDropDown .mobileHeader,.booking-engine-ev.layout2 .noOfGuestWrap .addGuestDropDown .mobileHeader{padding:20px}.booking-engine-ev .promocodeDropDown,.booking-engine-ev.layout2 .promocodeDropDown{width:300px;transform:translate(-50%, 0);margin-left:50%}.booking-engine-ev .plusIcon .toolTipWrap,.booking-engine-ev.layout2 .plusIcon .toolTipWrap{font-size:0.9375em;font-weight:700}}@media only screen and (max-width: 767px){.exotic-vacation .ev-booking-section .book-itineraries-email{margin-bottom:15px;margin-right:0px;width:100%;text-align:left}.exotic-vacation .ev-booking-section #suggesteditineraries .full-image-gallery-with-text .ev-suggested-iti-send-request-btn{font-size:0.8rem}.exotic-vacation .ev-booking-section .ev-book-itineraries.booking-engine-ev.exotic-vacation #sendUsYourQuery .viewAvailabilityButtonEV{margin-top:5px !important;float:none;display:inline-block !important;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.exotic-vacation .ev-booking-section .ev-currency-sec{margin-top:0px;float:none}.suggested-itinerary-error-msg,.suggested-itinerary-date-selected-msg{width:102%}#suggesteditineraries .full-image-gallery-with-text .ev-suggested-iti-send-request-btn{margin-left:10px}.location-specific-content-slider .closeIcon{top:-47px !important}#suggesteditineraries .full-image-gallery-with-text .ev-suggested-iti-send-request-btn{font-size:0.8em}#scrollToTop{bottom:58px}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.booking-engine-ev .checkInCheckOut .datesWrap .label{width:auto}} /*# sourceMappingURL=booking-engine-exotic-vacation.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .YTPOverlay { background: transparent; } .exotic-vacation-row { float: left; width: 100%; margin: 40px 0; } .exotic-vacation-top { float: left; width: 100%; } .exotic-vacation-top p { margin-bottom: 10px; } .exotic-vacation-top p a { color: #66b6d8; } .exotic-vacation-top .box-col-12 { float: left; width: 100%; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down { font-family: "Roboto", sans-serif; font-size: 0.938em; float: left; width: 57%; margin-right: 4%; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down.offerInclusions { width: 39%; margin-right: 0; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-heading { line-height: 100%; padding: 10px 15px; background: #ebebeb; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-heading span { font-weight: 300; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls { position: relative; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls.offer-detail-box { padding-bottom: 0px; border-bottom: none; margin-bottom: 40px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading { padding: 6px 0px 0px 15px; font-size: 15px; font-family: "Roboto", sans-serif; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading select { font-size: 14px; font-weight: 300; border: none; padding: 5px 10px; color: #000; font-weight: 300; font-family: "Roboto", sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/images/OberoiHotels/contact-us-form/select-arrow.png) right 10px center no-repeat #fff; width: 280px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading span { padding: 0px 30px 0px 15px; position: relative; cursor: pointer; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading span:after { content: " "; border-bottom: 2px solid #737373; border-right: 2px solid #737373; top: 50%; margin-top: -6px; height: 7px; right: 0px; position: absolute; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 7px; z-index: 2; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading.active span:after { -moz-transform: rotate(224deg); -webkit-transform: rotate(224deg); -ms-transform: rotate(224deg); -o-transform: rotate(224deg); transform: rotate(224deg); margin-top: -2px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-content-dtls { width: 100%; float: left; min-height: 280px; max-height: none; -moz-transition: max-height 1s ease-out; -webkit-transition: max-height 1s ease-out; -o-transition: max-height 1s ease-out; transition: max-height 1s ease-out; position: relative; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-content-dtls.active { max-height: 800px; -moz-transition: max-height 1s ease-in; -webkit-transition: max-height 1s ease-in; -o-transition: max-height 1s ease-in; transition: max-height 1s ease-in; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .down-arrow { content: " "; border-bottom: 2px solid #d97720; border-right: 2px solid #d97720; bottom: 10px; height: 10px; left: 50%; position: absolute; -moz-transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%); -ms-transform: rotate(45deg) translateX(-50%); -o-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); width: 10px; z-index: 2; cursor: pointer; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .down-arrow.active { -moz-transform: rotate(224deg); -webkit-transform: rotate(224deg); -ms-transform: rotate(224deg); -o-transform: rotate(224deg); transform: rotate(224deg); } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul { padding-left: 30px; margin-bottom: 35px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul li { font-size: 15px; font-family: "Roboto", sans-serif; margin-top: 10px; font-weight: 300; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap { width: 100%; float: left; padding-left: 15px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .box { padding-bottom: 25px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-heading { font-size: 15px; font-family: "Roboto", sans-serif; width: 100%; float: left; font-weight: 600; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec { width: 100%; float: left; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col { font-size: 15px; font-family: "Roboto", sans-serif; margin-top: 20px; font-weight: 300; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col span { display: block; font-weight: 300; font-size: 12px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col.col-big { float: left; width: 50%; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col.col-small { float: left; width: 25%; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table { width: 100%; margin-top: 22px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th, .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr td { text-align: left; padding: 10px 15px; font-size: 0.938em; vertical-align: top; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th { font-weight: 500; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th span { font-weight: 300; font-size: 80%; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .tnc-txt { margin: 15px 0px 5px 0px; text-align: right; font-size: 11px; font-weight: 300; font-family: "Roboto", sans-serif; float: left; width: 100%; position: absolute; bottom: 5px; right: 0px; padding: 10px 0; border-bottom: 1px solid #ebebeb; } .exotic-vacation-top .box-col12 { float: left; width: 100%; } .exotic-vacation-top .box-col2 { float: left; width: 39%; } @media only screen and (max-width: 991px) { .box-col2 { display: none; } .box-col1, .box-col2 { width: 100%; margin-right: 0px; } } @media only screen and (max-width: 767px) { .exotic-vacation-row { margin: 20px 0; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down { width: 100%; margin: 0; font-size: 0.8rem; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls.offer-detail-box { padding: 0; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .tnc-txt { position: relative; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col { font-size: 0.8rem; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down.offerInclusions { width: 100%; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down.offerInclusions .grey-box-info-dtls ul li { font-size: 0.8rem; } .exotic-vacation-top .grey-box-main-wrap { margin-bottom: 15px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-heading { padding: 10px 5px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table { margin-top: 22px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th, .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr td { padding: 10px 5px; font-size: 13px; } .exotic-vacation-top .box-col2 { text-align: center; } .exotic-vacation-top .booking-engine { margin-top: 20px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading select { font-size: 13px; padding: 5px 10% 5px 5px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading { font-size: 13px; padding: 6px 0px 0px 6px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading span { font-size: 13px; padding: 0px 15px 0px 5px; display: inline-block; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul { padding-left: 22px; } .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap { padding-left: 6px; } } @media only screen and (max-width: 359px) { .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col span { font-size: 11px; } } /*# sourceMappingURL=exotic-vacation-top.css.map */ .two-image-gallery-with-text h2{font-family:"EB Garamond",serif;font-size:1.75em;font-weight:400;line-height:100%;margin-bottom:28px}.two-image-gallery-with-text .slick-slider{padding:0 10%;overflow:hidden}.two-image-gallery-with-text .slick-slider .slick-list{overflow:visible}.two-image-gallery-with-text .slick-slide{opacity:0.5;padding:0 20px}.two-image-gallery-with-text .slick-slide.slick-current{opacity:1}.two-image-gallery-with-text .slick-slide.slick-active{opacity:1}.two-image-gallery-with-text .slick-slide .image-block{width:100%;float:left}.two-image-gallery-with-text .slick-slide .text-block{float:left;width:100%;padding:0% 3% 5% 3%;border-bottom:rgba(0,0,0,0.5) solid 1px}.two-image-gallery-with-text .slick-slide .text-block .cities-list{margin:0 0 30px 0}.two-image-gallery-with-text .slick-slide .text-block .cities-list .fa{margin:0 10px}.two-image-gallery-with-text .slick-arrow{background-color:#464646;height:50px;width:50px;transform:translate(0, -50%);z-index:1}.two-image-gallery-with-text .slick-arrow::before{display:none}.two-image-gallery-with-text .slick-prev,.two-image-gallery-with-text .slick-next{top:33%}.two-image-gallery-with-text .slick-prev{background:url("/images/oberoihotels/common/arrow-left2.png") no-repeat center center #e1e1e1;left:2%}.two-image-gallery-with-text .slick-prev:hover{background:url("/images/oberoihotels/common/arrow-left2.png") no-repeat center center #464646}.two-image-gallery-with-text .slick-next{background:url("/images/oberoihotels/common/arrow-right5.png") no-repeat center center #e1e1e1;right:2%}.two-image-gallery-with-text .slick-next:hover{background:url("/images/oberoihotels/common/arrow-right5.png") no-repeat center center #464646}.two-image-gallery-with-text .btn-style2{margin:0 0 0 30px}.two-image-gallery-with-text .btn-style3{font-family:"Roboto",sans-serif;text-decoration:none;text-transform:uppercase;padding-right:15px}.two-image-gallery-with-text .btn-style3.active{background-image:url(/images/oberoihotels/common/arrow-right7-down.jpg)}.two-image-gallery-with-text .btn-style3{background:url("/images/oberoihotels/common/arrow-right3.png") no-repeat right center;color:#d8741b}.two-image-gallery-with-text .btn-style3.active{background-image:url("/images/oberoihotels/common/arrow-up6.png")}.two-image-gallery-with-text .slider-style1-wrap h2{float:left}.two-image-gallery-with-text .slider-style1-wrap .btn-style2{float:right;margin-top:8px}.two-image-gallery-with-text .text-block-sub-hdng{font-size:14px;color:#7f7f7f;font-weight:300;margin-bottom:15px;font-family:"Roboto", sans-serif}.location-specific-content-slider{float:left;width:100%;padding:0px 6%;display:none;position:relative}.location-specific-content-slider .closeIcon{position:absolute;z-index:1;right:11%;top:-10px;line-height:6px;font-size:13px;font-family:"Roboto", sans-serif;cursor:pointer}.location-specific-content-slider .slider-div{visibility:hidden}.location-specific-content-slider .slider-div.slick-initialized{visibility:visible}.location-specific-content-slider .image-text-block-style1 .image-block{width:58%;float:left;padding:0 30px 0 0}.location-specific-content-slider .text-block{width:42%;float:left;padding:5% 0% 5% 2%}.location-specific-content-slider .text-block .btn-style2{margin:0 0 0 30px}.location-specific-content-slider .slick-arrow{background-color:#464646;height:50px;width:50px;transform:translate(0, -50%);z-index:1}.location-specific-content-slider .slick-arrow::before{display:none}.location-specific-content-slider .slick-prev{background:url("/images/oberoihotels/common/arrow-left2.png") no-repeat center center #464646;left:-6%}.location-specific-content-slider .slick-next{background:url("/images/oberoihotels/common/arrow-right5.png") no-repeat center center #464646;right:-6%}.location-specific-content-slider .location-details{margin:10px 0 30px 0;list-style:none;float:left;width:100%}.location-specific-content-slider .location-details li{font-family:"Roboto",sans-serif;font-size:.938em;font-weight:300;margin-bottom:8px}.location-specific-content-slider .location-details li span{margin-right:8px;display:inline-block;vertical-align:middle}.location-specific-content-slider .location-details li span.icon{margin-right:10px;width:16px}.location-specific-content-slider .location-details li span strong{font-weight:700}@media only screen and (max-width: 767px){.two-image-gallery-with-text .slick-slider{padding:0}.two-image-gallery-with-text .slick-slider .slick-slide{padding:0}.two-image-gallery-with-text .slick-slider .slick-slide .image-block{padding:0 10%}.two-image-gallery-with-text .slick-slider .slick-slide .text-block{padding:0 10%;border:0}.two-image-gallery-with-text .slick-slider .slick-slide .text-block .btn-style3{font-size:0.8rem}.two-image-gallery-with-text .slick-slider .slick-arrow{width:20px;height:20px;top:90px}.location-specific-content-slider .image-text-block-style1 .image-block{width:100%;padding:0}.location-specific-content-slider .image-text-block-style1 .text-block{width:100%}.location-specific-content-slider .slick-arrow{width:20px;height:20px;top:150px}.location-specific-content-slider .location-details li{font-size:0.8rem}.location-specific-content-slider .btn-style1{font-size:0.8rem}.location-specific-content-slider .btn-style2{font-size:0.8rem}.three-image-gallery h2{font-size:1.5em}.slider-style1-component{margin-bottom:50px}.slider-style1-component h2{font-size:1.65em;line-height:1.2em;margin-bottom:18px}.slider-style1-component .slider-div{padding:0}.slider-style1-component .slick-slide{margin:0}.slider-style1-component .slick-arrow{transform:translate(0px, -80px)}.slider-style1-component .slick-prev{left:-10px}.slider-style1-component .slick-next{right:-10px}.slider-style1-component .slider-style1-wrap h2{width:72%}.slider-style1-component .slick-slider{padding:0 20px}}@media only screen and (max-width: 359px){.three-image-gallery .slider-style1-wrap .btn-style2{font-size:13.5px}} /*# sourceMappingURL=two-image-gallery-with-text.css.map */ .three-image-gallery.type2 .slick-arrow{transform:translate(0, -50%)}.exotic-vacation-top .img-box img{max-width:100%;width:100%}.full-image-gallery-with-text h2{font-family:"EB Garamond",serif;font-size:1.75em;font-weight:400;line-height:100%;margin-bottom:28px}.full-image-gallery-with-text .slick-slider{padding:0 10% 0 0;overflow:hidden}.full-image-gallery-with-text .slick-slider .slick-list{overflow:visible}.full-image-gallery-with-text .slick-slide{opacity:0.5}.full-image-gallery-with-text .slick-slide.slick-current{opacity:1}.full-image-gallery-with-text .slick-slide .image-block{width:52%;float:left}.full-image-gallery-with-text .slick-slide .text-block{float:left;width:40%;padding:5% 3%}.full-image-gallery-with-text .slick-slide .text-block.extraPadRight{padding-right:10%}.full-image-gallery-with-text .slick-slide .text-block .cities-list{margin:0 0 15px 0}.full-image-gallery-with-text .slick-slide .text-block .cities-list .fa{margin:0 10px}.full-image-gallery-with-text .slick-arrow{background-color:#464646;height:50px;width:50px;transform:translate(0, -50%);z-index:1}.full-image-gallery-with-text .slick-arrow::before{display:none}.full-image-gallery-with-text .slick-prev{background:url("/images/oberoihotels/common/arrow-left2.png") no-repeat center center #e1e1e1;left:2%}.full-image-gallery-with-text .slick-prev:hover{background:url("/images/oberoihotels/common/arrow-left2.png") no-repeat center center #464646}.full-image-gallery-with-text .slick-next{background:url("/images/oberoihotels/common/arrow-right5.png") no-repeat center center #e1e1e1;right:2%}.full-image-gallery-with-text .slick-next:hover{background:url("/images/oberoihotels/common/arrow-right5.png") no-repeat center center #464646}.full-image-gallery-with-text .btn-style2{margin:0 0 0 30px}.full-image-gallery-with-text .btn-style2.active{background-image:url("/images/oberoihotels/common/arrow-up6.png")}.full-image-gallery-with-text .slider-style1-wrap h2{float:left}.full-image-gallery-with-text .slider-style1-wrap .btn-style2{float:right;margin-top:8px}.full-image-gallery-with-text .text-block-sub-hdng{font-size:14px;color:#7f7f7f;font-weight:300;margin-bottom:15px;font-family:"Roboto", sans-serif}.itineraries-block{float:left;width:100%;padding:0;font-family:"Roboto",sans-serif;display:none}.itineraries-block .head{float:left;width:100%;background:#f1f1f1;padding:30px;font-weight:300;text-align:center;display:flex;align-items:center;justify-content:center}.itineraries-block .head .blocks{width:auto;margin:0 10px}.itineraries-block .head .blocks .circle{display:inline-block;width:55px;height:55px;background:#fff;border-radius:50%;text-align:center;line-height:55px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.itineraries-block .head .blocks .circle.active{background:#d8751b;color:#fff}.itineraries-block .head .blocks .arrow{display:inline-block;min-width:100px;height:1px;border-bottom:#c3c2c2 dashed 1px;vertical-align:middle;position:relative}.itineraries-block .head .blocks .arrow:after{content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #c3c2c2;position:absolute;right:0;top:0;transform:translate(0, -50%)}.itineraries-block .day-wise-wrap{float:left;width:100%}.itineraries-block .day-wise-wrap .navigationTabsWrap{float:left;width:100%;display:flex;padding:10px 0;justify-content:center}.itineraries-block .day-wise-wrap .navigationTabsWrap ul li{display:inline-block;padding:10px 0;font-weight:300;margin:0 10px;cursor:pointer}.itineraries-block .day-wise-wrap .navigationTabsWrap ul li.active{border-bottom:#d8751b solid 1px}.itineraries-block .itineraries-slider{float:left;width:100%;visibility:hidden}.itineraries-block .itineraries-slider.slick-initialized{visibility:visible}.itineraries-block .itineraries-slider .heading{float:left;width:100%;margin:20px 0 0 0;padding:10px 0;border-bottom:#ebebeb solid 1px;position:relative}.itineraries-block .itineraries-slider .heading strong{display:inline-block;vertical-align:bottom}.itineraries-block .itineraries-slider .heading .pdf{float:right;width:30px;position:absolute;right:0;bottom:10px;display:none}.itineraries-block .itineraries-slider .heading .pdf img{width:100%}.itineraries-block .itineraries-slider .content{float:left;width:100%;padding:20px 0}.itineraries-block .itineraries-slider .content .imageContentWrap{float:left;width:100%;margin:0 0 20px 0}.itineraries-block .itineraries-slider .content .imageContentWrap .imgWrap{float:left;width:20%;padding:0 20px 0 0}.itineraries-block .itineraries-slider .content .imageContentWrap .imgWrap img{width:100%}.itineraries-block .itineraries-slider .content .imageContentWrap .textWrap{float:left;width:100%}.itineraries-block .itineraries-slider .content p{margin:0 0 15px 0}.itineraries-block .itineraries-slider .content p.small{font-size:12px}.itineraries-block .itineraries-slider .content .orange{color:#d8751b}.itineraries-block .itineraries-slider .content ul{padding:0 0 0 40px;list-style-position:outside}.itineraries-block .itineraries-slider .content ul li{font-weight:300;margin:0 0 10px 0}.itineraries-block .bottom-nav-wrap{float:left;width:100%;padding:10px 0;border-bottom:#acacac solid 1px}.itineraries-block .bottom-nav-wrap .prev{float:left;width:auto;color:#000;text-transform:uppercase;cursor:pointer}.itineraries-block .bottom-nav-wrap .next{float:right;width:auto;color:#000;text-transform:uppercase;cursor:pointer}@media only screen and (min-width: 768px) and (max-width: 1024px){.itineraries-block .head .blocks .arrow{min-width:50px}}@media only screen and (max-width: 1024px){.exotic-vacation .full-image-gallery-with-text .slick-slider .slick-slide .image-block,.exotic-vacation .full-image-gallery-with-text .slick-slider .slick-slide .text-block{width:100%;padding:0 10%}.exotic-vacation .full-image-gallery-with-text .slick-slider{padding:0}.itineraries-block{margin-top:20px}}@media only screen and (max-width: 767px){.full-image-gallery-with-text{padding:0}.full-image-gallery-with-text .slick-slider{padding:0}.full-image-gallery-with-text .slick-slider .slick-slide .image-block{width:100%;padding:0 10%}.full-image-gallery-with-text .slick-slider .slick-slide .text-block{width:100%;padding:0 10%}.full-image-gallery-with-text .slick-slider .slick-arrow{width:20px;height:20px;top:100px}.full-image-gallery-with-text .btn-style1{font-size:0.8rem}.full-image-gallery-with-text .btn-style2{font-size:0.8rem}.itineraries-block{width:100%;padding:0}.itineraries-block .head{padding:10px;display:inline}.itineraries-block .head .blocks{display:inline-block;margin:0 5px;vertical-align:middle}.itineraries-block .head .blocks .arrow{min-width:40px;border-color:#000}.itineraries-block .head .blocks .arrow:after{border-left-color:#000}.itineraries-block .itineraries-slider .content ul{padding:0 0 0 20px}.itineraries-block .itineraries-slider .content ul li{font-size:0.8rem}.itineraries-block .itineraries-slider .content .imageContentWrap{margin:0}.itineraries-block .itineraries-slider .content .imageContentWrap .imgWrap{width:100%;padding:0;margin:0 0 20px 0}.itineraries-block .itineraries-slider .content .imageContentWrap .textWrap{width:100%}.three-image-gallery h2{font-size:1.5em}.slider-style1-component{margin-bottom:50px}.slider-style1-component h2{font-size:1.65em;line-height:1.2em;margin-bottom:18px}.slider-style1-component .slider-div{padding:0}.slider-style1-component .slick-slide{margin:0}.slider-style1-component .slick-arrow{transform:translate(0px, -80px)}.slider-style1-component .slick-prev{left:-10px}.slider-style1-component .slick-next{right:-10px}.slider-style1-component .slider-style1-wrap h2{width:72%}.slider-style1-component .slick-slider{padding:0 20px}}@media only screen and (max-width: 359px){.three-image-gallery .slider-style1-wrap .btn-style2{font-size:13.5px}} /*# sourceMappingURL=full-image-gallery-with-text.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .exotic-vacation .tnc-details-box { margin-bottom: 0; } .exotic-vacation .booking-engine.exotic-vacation { margin: 0; } @media screen and (min-width: 1200px){ .exotic-vacation .tnc-details-box .tnc-details{ font-family:"Roboto",sans-serif; padding-left: 0px; position: relative; /* top: -58px; */ border-bottom:0px; } .exotic-vacation .tnc-details-box .tnc-details a{ font-size: 15px; font-family:"Roboto",sans-serif; padding-left:0px; } .exotic-vacation .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls.offer-detail-box, .exotic-vacation .grey-box-with-dropdown-with-slide-down{ margin-bottom:0px; } } @charset "UTF-8";@font-face{font-family:ytpregular;src:url(font/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(font/ytp-regular.ttf)format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.YTPWrapper{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{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.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!important;padding:0!important}.inlinePlayButton{font-family:ytpregular;font-size:45px;color:#fff;text-align:center;border-radius:100%;background-color:rgba(0,0,0,.4);position:absolute;width:80px;height:80px;line-height:80px;top:0;bottom:0;left:0;right:0;margin:auto;cursor:pointer;opacity:.8;transition:all .4s;transform:scale(1.3)}.mb_YTPlayer:hover .inlinePlayButton{opacity:1;transform:scale(1)}.inlinePlayButton:hover{background-color:rgba(0,0,0,1);transform:scale(1.3)!important}.mbYTP_wrapper iframe{max-width:8000px!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,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{border:none!important;margin:0!important;padding:0!important;transform:none!important}.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{transition:opacity .5s;display:block;height:10px;background:#333;position:fixed;bottom:0;text-align:left;z-index:1000;font:14px/16px sans-serif;color:#fff;opacity:.1}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px san-serif;position:absolute;top:-30px;height:40px}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.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 span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar span.mb_YTPUrl a{color:#fff}.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlayPause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img{cursor:pointer}.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}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#bb110e;bottom:0;left:0;box-shadow:rgba(82,82,82,.47)1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:"flat";box-sizing:border-box}.YTPOverlay.raster{background:url(images/raster.png)}.YTPOverlay.raster.retina{background:url(images/raster@2x.png)}.YTPOverlay.raster-dot{background:url(images/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(images/raster_dot@2x.png)}.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.compact .simpleSlider{width:40px}.mb_YTPBar.compact span.mb_OnlyYT{left:260px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.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%} /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .search-result-wrap { margin: 40px 0px 90px; } .search-result-text-rendering { font-family: "Verdana", sans-serif; width: 76%; padding-bottom: 30px; border-bottom: 1px solid #ebebeb; margin-top: 30px; padding-left: 0; } .search-result-text-rendering p { font-size: 0.9375em; margin-bottom: 7px; } .search-result-text-rendering h3 { font-family: "optimanormal"; font-size: 1.75em; font-style: normal; font-weight: 400; line-height: 100%; margin-bottom: 30px; color: #606161; } .search-result-text-rendering h3 span { font-style: normal; } .search-result-text-rendering .btn-style2 { display: inline-block; margin-top: 15px; } @media only screen and (max-width: 1199px) { .search-result-text-rendering { width: 100%; } } @media only screen and (max-width: 767px) { .search-result-text-rendering { padding: 0px 0px 30px 3%; } .search-result-text-rendering h3 { margin-top: 0px; margin-bottom: 15px; font-size: 1.45em; } } /*# sourceMappingURL=search-result-text-rendering.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .search-bar { border-top: 0px; padding: 60px 0% 22px 0%; -webkit-box-shadow: 0px 5px 9px 0px #ebebeb; -moz-box-shadow: 0px 5px 9px 0px #ebebeb; box-shadow: 0px 5px 9px 0px #ebebeb; margin-top: 30px; } .search-bar .search-field { margin: 0 auto; max-width: 490px; padding: 10px 5px 10px 30px; display: block; position: relative; } .search-bar .search-field input[type="text"] { border: none; /*background: url(../images/search-bar/search-icon.png) no-repeat 98% center;*/ padding: 5px 25px 5px 10px; width: 100%; font-size: 15px; color: #000; border-bottom: 2px solid #ebebeb; font-weight: 300; font-family: "Verdana", sans-serif; } .search-bar .search-field input[type="text"]::-webkit-input-placeholder { opacity: 1; } .search-bar .search-field input[type="text"]::-moz-placeholder { opacity: 1; } .search-bar .search-field input[type="text"]:-ms-input-placeholder { opacity: 1; } .search-bar .search-field input[type="text"]:-moz-placeholder { opacity: 1; } .search-bar .search-field .search-button { position: absolute; right: 10px; top: 15px; background: transparent; cursor: pointer; } .search-bar .search-nav { margin: 34px 0px 0px; } .search-bar .search-nav ul { list-style: none; } .search-bar .search-nav ul li { font-family: "Roboto", sans-serif; font-size: 15px; display: inline-block; margin-right: 35px; } .search-bar .search-nav ul li a { color: #000; text-decoration: none; } .search-bar .search-nav ul li a.active { color: #d8741b; } @media only screen and (max-width: 767px) { .search-bar { padding-top: 30px; } .search-bar .search-field { padding: 0px; } .search-bar .search-field input[type="text"] { padding: 5px 30px 5px 10px; } .search-bar .search-field .search-button { top: 6px; } .search-bar .search-nav ul li { margin-right: 30px; } } /*# sourceMappingURL=search-bar.css.map */ .sitemap-page{ margin-top: 80px; } /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .sitemap-page .heading-component { margin-top: 20px; } .sitemap-page .sitemap-head { font-size: 1.875em; font-family: "optimanormal"; border-bottom: 2px solid #000; color: #606161; } .sitemap-page .sitemap-heading-container { margin-bottom: 20px; clear: both; } .sitemap-page .sitemap-heading-container .sitemap-box { width: 33.33%; padding: 15px 15px 0 15px; display: inline-block; margin: 0px; float: left; min-height: 340px; } .sitemap-page .sitemap-heading-container .sitemap-box h4 { font-weight: 400; font-family: "optimanormal"; font-size: 18px; margin: 10px 0 10px 0; color: #606161; } .sitemap-page .sitemap-heading-container .sitemap-box ul li { margin-left: 20px; font-size: 13px; } .sitemap-page .sitemap-heading-container .sitemap-box ul li a { color: #606161; text-decoration: none; } @media screen and (max-width: 1599px){ .sitemap-page .sitemap-heading-container .sitemap-box{ min-height: 371px; } } @media screen and (max-width: 767px){ .sitemap-page .sitemap-heading-container .sitemap-box{ width: 48.33%; } .sitemap-page .sitemap-head{ font-size: 1em; } .sitemap-page{ margin-top: 20px; } } /*# sourceMappingURL=sitemap.css.map */ .author-list-page{padding-top:25px}.author-list-page .heading-component h1{font-size:2.188em}.author-list-page .content{margin-bottom:25px;font-size:.9375em}.author-list-page .author-list-section{margin-bottom:50px;width:100%;float:left}.author-list-page .author-list-section .author-list{text-align:center;padding-top:25px;width:48%;float:left;border:1px solid #ccc;margin:10px 10px;min-height:438px}.author-list-page .author-list-section .author-list:nth-child(odd){margin-left:0px}.author-list-page .author-list-section .author-list:nth-child(even){margin-right:0px}.author-list-page .author-list-section .author-list .author-img{max-width:160px;margin:0 auto}.author-list-page .author-list-section .author-list .author-img img{border-radius:50%;width:100%}.author-list-page .author-list-section .author-list .author-content{padding:0 10% 0 10%;margin-bottom:50px;font-size:.9375em}.author-list-page .author-list-section .author-list .author-content h2{font-size:2.188em;font-family:"EB Garamond",serif;color:#000;letter-spacing:1px;margin-top:20px;margin-bottom:20px;font-weight:400;line-height:100%;font-style:italic;padding-bottom:20px;position:relative}.author-list-page .author-list-section .author-list .author-content h2 span{font-style:normal}.author-list-page .author-list-section .author-list .author-content h2:after{width:100px;height:1px;background:#000;content:'';position:absolute;bottom:0px;left:50%;margin-left:-50px}.author-list-page .author-list-section .author-list .author-content p a{color:#000;text-decoration:none}.author-list-page .author-list-section .author-list .author-content h2 a{text-decoration:none;color:#000}@media only screen and (max-width: 1199px){.author-list-page .author-list-section .author-list{min-height:518px}}@media only screen and (max-width: 767px){.author-list-page .author-list-section .author-list{width:100%;float:none;margin:10px 0px;min-height:auto}.author-list-page .author-list-section .author-list:nth-child(odd){margin-left:0px}.author-list-page .author-list-section .author-list:nth-child(even){margin-right:0px}.author-list-page .author-list-section .author-list .author-content h2{font-size:1.8em}} /*# sourceMappingURL=author-list-page.css.map */ /* Scss Document */ /**/ /* screen resolutio*/ /* mixin start*/ .author-post-page .author-section { text-align: center; } .author-post-page .author-section .author-img { width: 230px; margin: 0 auto; } .author-post-page .author-section .author-img img { border-radius: 50%; width: 100%; } .author-post-page .author-section .author-content { padding: 0 20% 0 20%; margin-bottom: 50px; font-size: 0.9375em; } .author-post-page .author-section .author-content h1 { font-size: 2.188em; font-family: "EB Garamond", serif; color: #000; letter-spacing: 1px; margin-top: 20px; margin-bottom: 20px; font-weight: 400; line-height: 100%; font-style: italic; padding-bottom: 20px; position: relative; } .author-post-page .author-section .author-content h1 span { font-style: normal; } .author-post-page .author-section .author-content h1:after { width: 100px; height: 1px; background: #000; content: ''; position: absolute; bottom: 0px; left: 50%; margin-left: -50px; } /*# sourceMappingURL=author-post-page.css.map */ .read-moreCta { color: #000000; font-style: italic; text-decoration: none; } .travel-listdetail-page .heading-component{ padding-bottom: 0px;} .travel-listdetail-page .heading-component h1{ margin-bottom: 0px;} .full-width{ width: 100% !important;} .top-image{ padding: 0px !important;} .list-page-head{ padding-bottom: 22px;} .goldenTraingle{width:100%;display:flex;padding-bottom:30px;}.goldenTraingle .listicle-popup-map-image{display:none}.goldenTraingle .image-wrap{width:40%;margin-right:5%;position:relative}.goldenTraingle .image-wrap .map2{position:absolute;z-index:2;bottom:10px;right:10px;width:50px}.goldenTraingle .image-wrap ul li{width:49%;float:left;list-style:none}.goldenTraingle .image-wrap ul li:first-child{margin-right:1.5%}.goldenTraingle .image-wrap ul li:last-child{margin-top:5px;width:100%;position:relative}.goldenTraingle .image-wrap ul li:last-child .map{position:absolute;z-index:2;bottom:10px;right:5px;width:50px}.goldenTraingle .image-wrap .first-wrap ul li{list-style:none;width:31.8%}.goldenTraingle .image-wrap .first-wrap ul li:nth-child(2){margin:0 2%}.goldenTraingle .image-wrap .first-wrap ul li:last-child{margin-top:0}.goldenTraingle .image-wrap .first-wrap ul li:nth-child(1){margin:0}.goldenTraingle .image-wrap .first-wrap ul li img{max-width:100%}.goldenTraingle .image-wrap .second-wrap{clear:both;padding-top:1%}.goldenTraingle .image-wrap .second-wrap ul li{list-style:none;width:49%}.goldenTraingle .image-wrap .second-wrap ul li:first-child(2){margin-right:2%}.goldenTraingle .image-wrap .second-wrap ul li:last-child{margin-top:0}.goldenTraingle .image-wrap .second-wrap ul li img{max-width:100%}.goldenTraingle .text-wrap{width:55%}.goldenTraingle .text-wrap .text-block-hdng-style1{font-family:"EB Garamond",serif;font-size:1.3em;line-height:100%;margin-bottom:10px;font-style:italic}.goldenTraingle .text-wrap .text-block-hdng-style1 a{color:#000;text-decoration:none;font-weight:400}.goldenTraingle .text-wrap .text-block-hdng-style1 span{font-style:normal}.goldenTraingle .text-wrap p{font-family:"Roboto",sans-serif;font-size:.938em;margin-bottom:10px}.goldenTraingle .text-wrap .mrg-right{margin-right:25px}.goldenTraingle img{max-width:100%}.goldenTraingle.t-tour{border:none;margin-top:30px;align-items:center}@media only screen and (max-width: 767px){.goldenTraingle{display:block; float: left;}.t-tour{position:relative}.goldenTraingle .image-wrap{width:100% !important;padding-top:20px}.goldenTraingle .text-wrap{width:100% !important}.goldenTraingle .text-wrap .text-block-hdng-style1{position:absolute;top:-30px}.heading-component{padding-bottom:0px; margin-bottom: 20px;}.heading-component h1{padding-right:0px}}@media only screen and (max-width: 991px){.goldenTraingle.t-tour{align-items:flex-start}.goldenTraingle .image-wrap{width:50%;margin-right:2%}.goldenTraingle .text-wrap{width:48%}} /*# sourceMappingURL=listicles.css.map */ .text-block p a { text-decoration: none; } .mo-destination-component .mo-destination-tab{width:74%;margin:0px auto}.mo-destination-component .mo-destination-tab ul{list-style:none}.mo-destination-component .mo-destination-tab ul li{float:left;padding:10px 20px 10px 0px;cursor:pointer;text-transform:uppercase;font-size:0.9375em;font-family:"Roboto",sans-serif;font-weight:400;color:#000}.mo-destination-component .mo-destination-tab ul li.active{color:#e09049}.mo-destination-component .mo-destination-tab-details-conatiner{position:relative}.mo-destination-component .mo-destination-tab-details-conatiner .mo-destination-tab-details-wrap{position:relative;padding-bottom:10px}.mo-destination-component .mo-destination-tab-details-conatiner .mo-destination-tab-details-wrap.mo-destination-tab-wrap-active{position:absolute;top:0px;left:0px;width:100%;background:#fff;height:100%;z-index:10}.mo-destination-component .mo-destination-slider .slick-prev{width:45px;height:45px;left:13.5%;top:40%;z-index:9;background:url(/images/oberoihotels/sprites-icons.png) no-repeat left center;background-position:-10px -183px}.mo-destination-component .mo-destination-slider .slick-prev:before{display:none}.mo-destination-component .mo-destination-slider .slick-next{width:45px;height:45px;right:13.5%;top:40%;z-index:9;background:url(/images/oberoihotels/sprites-icons.png) no-repeat right center;background-position:-55px -183px}.mo-destination-component .mo-destination-slider .slick-next:before{display:none}.mo-destination-component .mo-destination-slide-banner-content-wrap{position:absolute;top:50%;left:5%;max-width:375px;z-index:992;opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all linear 0.5s;-ms-transition:all linear 0.5s;-o-transition:all linear 0.5s;transition:all linear 0.5s}.mo-destination-component .mo-destination-slide-banner-content-wrap img{max-width:100%;width:auto}.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-content p{color:#fff;font-size:15px;margin-top:15px;font-family:"Roboto",sans-serif}.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-content a{margin-top:15px;display:inline-block}.mo-destination-component .destination-slide{width:33.33%;float:left;padding:0 10px}.mo-destination-component .destination-slide .img-box{overflow:hidden;margin-bottom:15px;position:relative}.mo-destination-component .destination-slide .img-box img{max-width:100%;-webkit-transition:all linear 0.5s;-ms-transition:all linear 0.5s;-o-transition:all linear 0.5s;transition:all linear 0.5s}.mo-destination-component .destination-slide .slidesBtn.singleLine{top:0px}.mo-destination-component .destination-slide .slidesText p{width:100%;float:left;font-size:.9375em;font-family:"Roboto",sans-serif;color:#000;line-height:140%;margin-bottom:3px}.mo-destination-component .destination-slide .slidesText p strong{font-family:"EB Garamond",serif;font-weight:500}.mo-destination-component .destination-slide .slidesText p strong i{font-style:italic;font-size:1.25em}.mo-destination-component .destination-slide .slidesText p strong em{font-size:1.25em}.mo-destination-component .destination-slide .slidesBtn{width:auto;position:relative;float:right;top:-10px}.mo-destination-component .destination-slide .img-box img{opacity:0.5 !important}.mo-destination-component .mo-destination-slider .text-container{opacity:0}.mo-destination-component .mo-destination-slider .slick-active .text-container,.mo-destination-component .mo-destination-slider .slick-active .img-box img{opacity:1 !important}.mo-destination-component .mo-destination-slider .slick-active .mo-destination-slide-banner-content-wrap{opacity:1}.mo-menu-conatiner .mo-menu-tab{margin-bottom:10px}.mo-menu-conatiner .mo-menu-tab ul{list-style:none}.mo-menu-conatiner .mo-menu-tab ul li{display:inline-block;color:#000;font-family:"Roboto",sans-serif;font-size:.938em;font-weight:500;margin-bottom:10px;margin-right:20px;cursor:pointer}.mo-menu-conatiner .mo-menu-tab ul li.active{color:#d8741b}.mo-menu-conatiner .mo-menu-switch-tab{position:absolute;background:#D77600;right:-34px;height:100%;top:0px;color:#fff;font-family:"Roboto",sans-serif;font-size:.938em;width:36px}.mo-menu-conatiner .mo-menu-switch-tab .mo-menu-switch-tab-txt{writing-mode:vertical-lr;transform:rotate(180deg);text-align:center;padding:0px 5px 0px 15px;letter-spacing:2px;cursor:pointer;height:100%}.mo-menu-conatiner .mo-menu-switch-tab .mo-menu-switch-tab-txt::after{border-bottom:3px solid #fff;border-right:3px solid #fff;height:8px;left:0px;top:48%;position:absolute;-moz-transform:rotate(130deg);-webkit-transform:rotate(130deg);-ms-transform:rotate(130deg);-o-transform:rotate(130deg);transform:rotate(130deg);width:8px;cursor:pointer;margin-left:5px;content:""}.mo-menu-conatiner .mo-menu-list{display:none}.mo-menu-conatiner .mo-menu-list.mo-menu-list-active{display:block}.mo-menu-conatiner .mo-menu-info-box{font-size:.938em;font-family:"Roboto",sans-serif;padding:13px 7px;background:#fff;width:100%;line-height:22px;margin-bottom:25px;-webkit-box-shadow:-1px 3px 14px -4px rgba(0,0,0,0.82);-moz-box-shadow:-1px 3px 14px -4px rgba(0,0,0,0.82);box-shadow:-1px 3px 14px -4px rgba(0,0,0,0.82);font-weight:300}.mo-menu-conatiner .mo-menu-info-box .mo-menu-explore-btn{padding:0px 10px 0px 0px;margin-right:15px;text-decoration:none;font-family:"Roboto",sans-serif;font-weight:400;line-height:100%;font-size:.9375em;display:inline-block;color:#d8741b;margin-top:10px;position:relative}.mo-menu-conatiner .mo-menu-info-box .mo-menu-explore-btn:after{content:" ";border-bottom:2px solid #da7b26;border-right:2px solid #da7b26;top:50%;margin-top:-4px;height:5px;right:0px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:5px;z-index:2}.mo-menu-conatiner .mo-mob-menu{display:none !important}.mo-menu-conatiner .main-menu .menu-level-1 .menu-colm1:after,.mo-menu-conatiner .main-menu .menu-level-1 .menu-colm2:after{top:0px;height:100%}.oberoi-one-login-pop-up-close{display:none}.o-one-menu-wrap .o-one-login-menu .o-one-user-name-short{display:none}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-name .o-one-mob-edit-icon,.o-one-menu-wrap .o-one-login-menu .o-one-mob-menu-close-btn{display:none}.menu-o-one-login-details{display:none}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-log-out-btn a.mo-header-link-nodisplay-desktop{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mo-menu-conatiner .mo-menu-list{min-height:440px}.mo-menu-conatiner .mo-menu-switch-tab{position:absolute;background:#D77600;right:-34px;height:36px;top:0px;color:#fff;font-family:"Roboto",sans-serif;font-size:.938em;width:61%;transform:rotate(-90deg);transform-origin:bottom right;top:-28px;text-align:center}.mo-menu-conatiner .mo-menu-switch-tab .mo-menu-switch-tab-txt{writing-mode:horizontal-tb;transform:none;text-align:center;padding:5px 5px 0px 0;letter-spacing:2px;cursor:pointer;height:auto}.mo-menu-conatiner .mo-menu-switch-tab .mo-menu-switch-tab-txt::after{border-bottom:3px solid #fff;border-right:3px solid #fff;height:8px;left:48%;top:20px;position:absolute;-moz-transform:rotate(130deg);-webkit-transform:rotate(130deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:8px;cursor:pointer;margin-left:5px;content:""}}.hamburger-mob-menu-head-mo{display:none}.o-one-menu-nodisplay-desktop{display:none}@media only screen and (max-width: 1440px){.mo-menu-conatiner .main-menu .menu-list>li{margin-bottom:8px}.mo-destination-component .mo-destination-tab{width:72%}}@media only screen and (max-width: 1366px){.mo-destination-component .mo-destination-slider .slick-prev{left:13%}.mo-destination-component .mo-destination-slider .slick-prev{right:13%}}@media only screen and (max-width: 1024px) and (min-width: 768px){.destination .destination-slide .slidesBtn{top:0}}@media only screen and (max-width: 1199px){.mo-destination-component{top:20px}.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-logo img{max-width:90px}.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-content p{margin-top:10px}.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-content a{margin-top:10px}}@media only screen and (max-width: 991px){.mo-destination-component .mo-destination-tab ul{display:flex;white-space:nowrap}.bodyWrapMobile header #nav-icon{margin-top:-2px}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1{position:static;transform:none;visibility:visible;transition:all 0.5s ease 0s;top:41px;height:auto;max-height:0;visibility:hidden;overflow:hidden;transition:all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);-webkit-backface-visibility:hidden;backface-visibility:hidden}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1>div>div>div{padding-left:40px}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1>div>div.o-one-mob-menu-type1>a{padding-left:40px}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1>div>div:not(:first-child)>.menu-hdng{padding-left:40px}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1.actv{transform:none;visibility:visible;max-height:3000px;width:100%;transition:all 700ms cubic-bezier(0.57, 0.06, 0.05, 0.95)}.menu-container.mo-menu-conatiner .main-menu li.has-submenu>a{transition:all 0.5s ease 0s}.menu-container.mo-menu-conatiner .main-menu li.has-submenu>a.active{background-color:#fff;color:#da7b26}.menu-container.mo-menu-conatiner .main-menu li.has-submenu>a.active::before,.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1 .hamburger-mob-menu-head-mo>.menu-hdng.active:after{transform:rotate(45deg);top:43%}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1 .menu-list{top:158px}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1 .hamburger-mob-menu-head-mo>.menu-hdng{padding-left:30px}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1 .menu-list{height:200vh}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1 .mo-mendarin-menu .menu-list{position:fixed;top:158px}.menu-container .main-menu li.has-submenu>a:hover::before{transform:rotate(-45deg) translateY(-50%)}.menu-container.mo-menu-conatiner .main-menu li.has-submenu>a.active::before{transform:rotate(45deg) translateY(-50%)}.menu-container .main-menu li.has-submenu>a::before{transform:rotate(-45deg) translateY(-50%)}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1 .menu-list.menu-level-1-omo{transform:none;position:static;height:auto;height:auto;max-height:0;visibility:hidden;overflow:hidden;transition:all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all 0.5s ease 0s}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1 .menu-list.menu-level-1-omo.actv{transform:none;visibility:visible;max-height:3000px;width:100%;transition:all 700ms cubic-bezier(0.57, 0.06, 0.05, 0.95)}.mo-menu-conatiner .mo-mendarin-menu-list .mo-menu-info-box{margin-bottom:30px}.menu-container .main-menu .mo-mendarin-menu .menu-hdng{padding-left:40px}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1>div>div>div.mo-mendarin-menu{padding-left:0px}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1.oberoi-one-menu-level-1 .menu-list{position:static;height:auto;-webkit-transform:translate(0px);transform:translate(0px);height:auto;max-height:0;visibility:hidden;overflow:hidden;transition:all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);-webkit-backface-visibility:hidden;backface-visibility:hidden}.menu-container .main-menu .oberoi-one-menu-level-1 .menu-hdng.active:after{transform:rotate(45deg) translateY(-50%);top:45%}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1.oberoi-one-menu-level-1 .menu-list.actv{transform:none;visibility:visible;max-height:3000px;width:100%;transition:all 700ms cubic-bezier(0.57, 0.06, 0.05, 0.95)}.menu-container.mo-menu-conatiner .main-menu>li .menu-level-1.oberoi-one-menu-level-1 .menu-list>li a{padding-left:49px}.oberoi-one-login-details{padding-top:0px}.o-one-menu-nodisplay-desktop{display:block}header .header-right-unit .right-side-menu ul li.o-one-menu-wrap{display:block}header .header-right-unit .right-side-menu>ul>li{display:none}header .header-right-unit .right-side-menu>ul{display:block}header .header-right-unit .right-side-menu ul li.o-one-menu-wrap{position:absolute;right:0px;margin-right:0px}.o-one-menu-wrap .o-one-login-menu .o-one-login a{padding:0px}.o-one-login .oberoi-one-login-pop-up-wrapper{position:fixed;right:0;top:0px;max-width:100%;width:100%;padding-top:40px}.o-one-login .user-account-access-Oone .loginBox{width:110px}.oberoi-one-login-pop-up-close{display:block;height:30px;width:30px;border-radius:50%;font-size:18px;color:#000;border:1px solid #000;position:absolute;right:15px;top:10px;cursor:pointer;line-height:30px;text-align:center;font-family:"Roboto",sans-serif}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls{-webkit-transform:translateX(240px);transform:translateX(240px);-webkit-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls.active{-webkit-transform:translateX(0px);transform:translateX(0px)}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-name{position:relative;z-index:9;white-space:nowrap;font-size:1em;width:100%;background:#fff;right:-5px;padding-right:11px;border-radius:5px;z-index:9;padding:14px 15px 14px 60px;border-radius:8px;min-width:220px;-webkit-box-shadow:-1px 3px 5px -2px rgba(0,0,0,0.75);-moz-box-shadow:-1px 3px 5px -2px rgba(0,0,0,0.75);box-shadow:-1px 3px 5px -2px rgba(0,0,0,0.75);font-weight:500}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-header-menu-link-wrap{border-radius:5px;background:#fff;float:left;width:100%;padding:5px 0px;-webkit-box-shadow:-1px 3px 5px -2px rgba(0,0,0,0.75);-moz-box-shadow:-1px 3px 5px -2px rgba(0,0,0,0.75);box-shadow:-1px 3px 5px -2px rgba(0,0,0,0.75)}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-log-out-btn{position:fixed;top:-43px;right:-14px;background:#f6f6f6;height:100vh;width:240px;padding-top:115px;padding-left:10px;padding-right:10px;left:auto;z-index:8}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-log-out-btn a{font-size:1em;background:#fff;border-radius:5px;font-weight:500}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-log-out-btn a.o-one-header-menu-log-out-btn{background:#ca6e01;color:#fff;margin-top:20px;display:inline-block;text-align:center;margin-left:24%;line-height:100%;font-weight:500}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-name{display:none}.o-one-menu-wrap .o-one-login-menu .o-one-user-name-short{width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;display:block;background:#eeeeee;border:1px solid #c3bbaf;display:inline-block;margin-top:-14px;right:0px;position:absolute;font-weight:500}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-short-name2{left:10px;z-index:10;display:none;background:#f6f6f6;top:20px}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls.active .o-one-user-short-name2{display:block}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-name .o-one-login-icon{float:right;display:none}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-name .o-one-mob-edit-icon{float:right;display:block}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-name .o-one-mob-edit-icon i{border-bottom:1px solid #000}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-name .o-one-mob-edit-icon a{padding:0px}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-name .o-one-mob-edit-icon a img{vertical-align:middle}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-log-out-btn a{position:relative}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-log-out-btn a:after{content:" ";-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;border-bottom:2px solid #000;border-right:2px solid #000;top:50%;margin-top:-5px;height:8px;right:15px;position:absolute;-moz-transform:rotate(-44deg);-webkit-transform:rotate(-44deg);-ms-transform:rotate(-44deg);-o-transform:rotate(-44deg);transform:rotate(-44deg);width:8px;z-index:2}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-log-out-btn a.o-one-header-menu-log-out-btn:after{display:none}.o-one-menu-wrap .o-one-login-menu .o-one-mob-menu-close-btn{position:absolute;top:10px;right:15px;z-index:10;font-size:14px;font-family:"Roboto",sans-serif;display:block;font-weight:500}.menu-o-one-login-details{position:absolute;right:10px;top:10px;display:block;font-family:"EB Garamond",serif;font-size:1.125em;font-weight:500}.menu-o-one-login-details a{color:#000;text-decoration:none}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls{margin-top:10px}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-log-out-btn a:last-child{border-bottom:none}.o-one-login>a{white-space:nowrap}.o-one-menu-wrap .o-one-login-menu .o-one-login-user-dtls .o-one-user-log-out-btn a.mo-header-link-nodisplay-desktop{display:block}.o-one-login .password-recovery-popup .submit-or-back .sbmt-btn.sign-in-submit-popup,.o-one-login .oberoi-one-login-pop-up-wrapper .form-fields .submit-or-forgot .sbmt-btn.sign-in-submit.oberoi-one-sign-in-submit-btn{-webkit-appearance:none;appearance:none;background:url("/images/oberoihotels/white-arrow.png") center right 8px no-repeat #d8741b;box-shadow:0px 5px 5px #ccc;border-radius:5px}.o-one-user-name-short.o-one-user-short-name2{-webkit-pointer-events:none;pointer-events:none}.dashboard .members-benefits-form-wrapper .form-container .submit-btn-txt .otp-box #signUpCaseOtpVerification .resend-otp{display:flex}.dashboard .members-benefits-form-wrapper .form-container .submit-btn-txt .otp-box #signUpCaseOtpVerification .resend-otp .resendLoader{position:static}.menu-container .main-menu .hotel-menu-tab .hotel-menu-list .o-one-menu-wrap,.menu-container .main-menu .hotel-menu-tab .hotel-menu-list .webExclusiveTriger{display:none}.mo-menu-conatiner .main-menu .oberoi-one-menu-level-1 .menu-list>li{margin-bottom:0px}}@media only screen and (max-width: 1025px){.mo-menu-conatiner .mo-menu-tab{display:none}.mo-menu-conatiner .mo-mob-menu{display:block !important}.mo-menu-conatiner .mo-mob-menu .menu-level-1{position:fixed;top:161px}.mo-menu-conatiner .mo-mob-menu .menu-level-1 .menu-colm2{position:static}.mo-menu-conatiner .mo-menu-list{display:block}.mo-menu-conatiner .mo-menu-info-box{width:100%;float:left;background:#EEEEEE;width:90%;margin:20px 5% 0px}.mo-menu-conatiner .mo-menu-switch-tab{display:none}.hamburger-mob-menu-head-mo{display:block;clear:both;font-weight:500}}@media only screen and (min-width: 1025px){header .header-left-unit{width:43.8%}header .header-right-unit{width:46%}}@media only screen and (max-width: 767px){.mo-destination-component .destinationTabWrap{margin-top:5px}.mo-destination-component .destinationTab{top:2px}.mo-destination-component .mo-destination-slide-banner-content-wrap{height:100%;width:100%;max-width:100%;top:0px;padding:10px 10px 10px 0px;opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);left:10px}.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-logo img{max-width:55px}.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-content .mo-banner-txt-desk-display{display:none}.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-content p{margin-top:5px}.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-content .cta-box{margin-top:0px}.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-content a{margin-top:10px}.mo-destination-component .mo-destination-tab{width:100%;float:left;margin-top:15px}.mo-destination-component .mo-destination-tab ul{display:block;white-space:normal}.mo-destination-component .mo-destination-tab ul li{padding-right:8px;width:50%;font-size:13px}.mo-destination-component .mo-destination-tab-details-conatiner .mo-destination-tab-details-wrap.mo-destination-tab-wrap-active{z-index:991}.mo-destination-component .mo-destination-slider{padding:0px}.mo-destination-component .mo-destination-slider .destination-slide{padding:0}.mo-destination-component .mo-destination-slider .slidesText{width:100%;color:#000}.mo-destination-component .mo-destination-slider .slidesBtn{width:100%;float:left;margin-top:15px}.mo-destination-component .mo-destination-slider .slick-prev{top:20%;left:0px}.mo-destination-component .mo-destination-slider .slick-next{top:20%;right:0px}.mo-destination-component .mo-mandarin-destination-tab-details-wrap .destinationTab{width:305px;min-width:150px}.mo-destination-component .mo-mandarin-destination-tab-details-wrap .destinationTab .selectedCountry{padding-right:20px;background-position:97% center}.mo-destination-component .mo-mandarin-destination-tab-details-wrap .destination-slide .img-box{padding:0px}}@media only screen and (max-width: 359px){.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-logo img{width:35px}.mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-content a{margin-top:5px;font-size:13px}.mo-destination-component .mo-mandarin-destination-tab-details-wrap .destinationTab{width:280px}.dashboard .members-benefits-form-wrapper .form-container .submit-btn-txt .otp-box #signUpCaseOtpVerification .resend-otp .resendLoader{margin-left:58px}} /*# sourceMappingURL=mo-destination.css.map */ @media only screen and (max-width:991px){ .bodyWrapMobile p { font-size: 15px !important; line-height: 180% !important; } .bodyWrapMobile .cta-box a.style1, .bodyWrapMobile .cta-box a.style2, .bodyWrapMobile .cta-box a.style3, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1, .bodyWrapMobile .btns-list a.btn-style1, .bodyWrapMobile .btns-list a.btn-style2, .bodyWrapMobile .two-image-gallery-with-text .slick-slider .slick-slide .text-block .btn-style3{ font-size: 1em !important; } .contact-us-form .contact-us-form-wrap .form-field input[type="text"], .contact-us-form .contact-us-form-wrap .form-field select, .contact-us-form .contact-us-form-wrap .form-field textarea{ padding: 5px 5px 5px 15px !important; } .contact-us-form .contact-us-form-wrap .form-field-container .field-col2,.contact-us-form .contact-us-form-wrap .form-field-container .field-col1,.contact-us-form .contact-us-form-wrap .form-field-container .field-col1 .form-field,.contact-us-form .contact-us-form-wrap .form-field { width: 100% !important; } .captcha-image { width: 45% !important; float: left !important; } .captcha-field { width: 45% !important; margin-left: 3%; border:1px solid #000 !important; } .contact-us-form .contact-us-form-wrap .form-field input[type="text"], .contact-us-form .contact-us-form-wrap .form-field select, .contact-us-form .contact-us-form-wrap .form-field textarea{ padding-bottom: 10px !important; } .bodyWrapMobile .cta-box a.style1, .bodyWrapMobile .cta-box a.style3, .bodyWrapMobile .cta-box a.style2, .bodyWrapMobile .cta-box a.style4, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1, .bodyWrapMobile .btns-list a.btn-style1, .bodyWrapMobile .btns-list a.btn-style2{ padding: 12px 25px; } .bodyWrapMobile .leftsection .title, .bodyWrapMobile .left-section .title, .bodyWrapMobile .instagramStudio .textcont .title,.bodyWrapMobile .awards .title, .bodyWrapMobile .amenities .section-sub-heading, .bodyWrapMobile .two-image-gallery h2, .bodyWrapMobile .three-image-gallery h2, .bodyWrapMobile .heading-component h1, .bodyWrapMobile .offers .offersContentSec .leftsection .title,.bodyWrapMobile .descriptionSec .descriptionSec-wraper .title { font-size: 2em; } .bodyWrapMobile .experiences .experiences-wraper .text-container .title, .bodyWrapMobile .image-text-component-style1 h2, .bodyWrapMobile .image-text-block-style1 .text-block .text-block-hdng-style1 { font-size:27px; line-height: 35px; } .bodyWrapMobile .e-magazine .e-magazine-slide .text-container .title,.bodyWrapMobile .e-magazine .left-section .title span{ font-size: 18px; } .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style3 { color: #fff; display: block; margin-bottom: 22px; width: 60%; } .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style4 { color: #fff; } .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style3:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; right: 25%; } .bodyWrapMobile .descriptionSec .contact-details .map-area .map-detail-colm .travel-notes ul.travelcity li{ margin: 5px;} .bodyWrapMobile .offers .offers-slider .offers-slide .slide-text-box{} .bodyWrapMobile .offers .offers-slider .offers-slide .slide-text-box .offerTitle{ font-size: 22px; } .bodyWrapMobile .destination .destination-slider .slidesBtn{ margin-bottom: 6px; } .bodyWrapMobile .offers .offers-slider .offers-slide .slide-text-box .offerName, .bodyWrapMobile .e-magazine .e-magazine-slide .text-container .catogeory, .bodyWrapMobile .ev-booking-section .book-itineraries-email .ftrans, .bodyWrapMobile.two-image-gallery-with-text .btn-style3, .bodyWrapMobile #suggesteditineraries .full-image-gallery-with-text .btn-style2, .bodyWrapMobile .btns-list a.btn-style1, .bodyWrapMobile .btns-list a.btn-style2 { font-size: 1em; } .bodyWrapMobile .experiences .left-section .title span{line-height: 20%;} .bodyWrapMobile .e-magazine .left-section .title{ line-height: 100%; } .bodyWrapMobile .ev-btn-box-row span{ margin-bottom: 15px; } .bodyWrapMobile .date-box-heading select{ font-size: 13px; } .bodyWrapMobile .date-box-heading{ margin-top: 8px; } .bodyWrapMobile .exotic-vacation-top .grey-box-with-dropdown-with-slide-down, .bodyWrapMobile .exotic-vacation-top .grey-box-with-dropdown-with-slide-down.offerInclusions .grey-box-info-dtls ul li, .bodyWrapMobile .booking-engine-ev.exotic-vacation, .bodyWrapMobile .image-and-description-with-legend-attributes-option-2 .d-details-wrap li, .bodyWrapMobile .descriptionSec .contact-details .phone-email ul li,.bodyWrapMobile .phn-time li, .bodyWrapMobile .tnc-details-box .tnc-details-content ul li { font-size: 15px !important; } .bodyWrapMobile .heading-component h2,.bodyWrapMobile .featured-component .featured-col2 .text-block, .bodyWrapMobile .slick-active.image-text-block-style1 .text-block, .slick-active.image-text-block-style1 .image-block{ margin-bottom: 20px; } .bodyWrapMobile .btn-style1, .btn-style2{ font-size: 1em; margin-bottom: 10px;} .bodyWrapMobile .destination .selectedCountry{background: url(/images/oberoihotels/destination/drop-down-arrow.png) 92% center no-repeat !important;} .bodyWrapMobile .destination .selectedCountry.actv{background: url(/images/oberoihotels/destination/drop-down-arrow-up.png) 92% center no-repeat !important;} .bodyWrapMobile .three-image-gallery h2{ font-size: 32px !important; } .bodyWrapMobile .image-and-description-with-legend-attributes-option-2 .d-details-wrap li span.d-heading{ margin-bottom: 8px; } .bodyWrapMobile .rooms-and-suits-page .two-image-gallery{ margin-bottom: 10px; } .bodyWrapMobile .contact-details-box .contact-heading{ font-size: 15px; } .bodyWrapMobile .filter-component .offer-featured-hdng{ font-size: 16px;} .bodyWrapMobile .image-text-block-style1 .text-block p{ margin-bottom: 20px;} .bodyWrapMobile .cta-box a.style1, .bodyWrapMobile .cta-box a.style3, .bodyWrapMobile .cta-box a.style4, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1, .bodyWrapMobile .btns-list a.btn-style1{ background: #d57600; box-shadow: 0px 5px 5px #ccc; border-radius: 5px; color:#fff; border: 1px solid #d57600; } .bodyWrapMobile .cta-box a.style2, .bodyWrapMobile .btns-list a.btn-style2,.bodyWrapMobile .cta-box a.style2{ border: 1px solid #d57600; box-shadow: 0px 5px 5px #ccc; border-radius: 5px ; } .bodyWrapMobile .mobile-number.nnnnnnnnnnnnnnnnnnnnnnnnnnnnnn { margin-top: 45px; } .bodyWrapMobile a.style4.noMarginRight { background: #fff !important; color: #d57600 !important; } .bodyWrapMobile .cta-box a.style2:after, .bodyWrapMobile .btns-list a.btn-style2:after,.bodyWrapMobile .cta-box a.style2:after{ right:15px; margin-top:-5px; } .bodyWrapMobile .btns-list a.btn-style1, .bodyWrapMobile .btns-list a.btn-style2{ min-width:110px; display:inline-block; text-align:center; position: relative; background-image:none; } .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1{ position: relative; margin-top:15px; } .bodyWrapMobile .cta-box a.style1, .bodyWrapMobile .cta-box a.style3, .bodyWrapMobile .cta-box a.style4, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1, .bodyWrapMobile .btns-list a.btn-style1{ } .bodyWrapMobile .btns-list a.btn-style1:after, .bodyWrapMobile .btns-list a.btn-style2:after, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1:after, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style2:after { content: " "; border-bottom: 2px solid #d57600; border-right: 2px solid #d57600; top: 50%; margin-top: -4px; height: 7px; right: 15px; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; z-index: 2; } .bodyWrapMobile .btns-list a.btn-style1:after, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1:after { border-color:#fff; } .bodyWrapMobile .cta-box a.style1:after, .cta-box a.style3:after, .bodyWrapMobile .cta-box a.style4:after, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1:after, .bodyWrapMobile .btns-list a.btn-style1:after{ right:15px; border-color:#fff; margin-top:-5px; } .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1{ margin-top:15px; } .bodyWrapMobile .right-section a, .bodyWrapMobile .ev-exp-section .ev-view-all-exp-btn a, .bodyWrapMobile .offers .viewOffer a{ font-size: 1em; } .bodyWrapMobile .destination .destinationTab ul li{ padding: 10px 10px 10px 0px; } .bodyWrapMobile .date-box-heading select{ font-size:13px; } .bodyWrapMobile .heading-component h2{ margin-bottom:20px; } .bodyWrapMobile .destination .destination-slider .slidesBtn, .oberoiRooms .oberoiRooms-slider .slidesBtn { width: 100%; float: left; margin-top: 15px; top:0px; } .bodyWrapMobile .cta-box, .bodyWrapMobile .btns-list{ margin-top:15px; } .bodyWrapMobile .mo-destination-component{ padding-bottom:40px; } .bodyWrapMobile .destination .destination-slider .slidesBtn{ margin-top:0px; } .bodyWrapMobile .mo-destination-component .mo-destination-slide-banner-content-wrap .mo-destination-slide-banner-content p{ font-size:13px !important; line-height:18px !important; } .bodyWrapMobile .mo-destination-component .mo-destination-slide-banner-content .cta-box a.style1, .bodyWrapMobile .mo-destination-component .mo-destination-slide-banner-content .cta-box a.style2{ padding: 0px 15px 0px 0px; border:none; box-shadow:none; } .bodyWrapMobile a.style1, .bodyWrapMobile a.style2, .bodyWrapMobile a.style3, .bodyWrapMobile a.style4{ font-size:1em; } .bodyWrapMobile .mo-destination-component .mo-destination-slide-banner-content .cta-box a.style1:after, .bodyWrapMobile .mo-destination-component .mo-destination-slide-banner-content .cta-box a.style2:after{ right:0px !important; } .bodyWrapMobile .marketing-asset-offer-section .explore-btn a, .bodyWrapMobile .booking-engine .viewAvailabilityButton, .bodyWrapMobile .ev-btns-wrap a, .bodyWrapMobile .ev-main-tab ul li, .bodyWrapMobile .viewAvailabilityButtonEV{ border-radius: 5px; } .bodyWrapMobile .oberoiRooms .oberoiRooms-slider .text-container{ width:100%; float:left; margin-bottom:20px; } .bodyWrapMobile .mobile-number, .bodyWrapMobile .experiences .cta-box{ margin-top:30px; } .bodyWrapMobile.hotel-pages .destination{ margin-top:0px; } .bodyWrapMobile .awards{ width:100%; float: left; } .bodyWrapMobile .explore-secn.experiences .experiences-slider .exploreWrap .text-container{ width:100%; float:left; margin-bottom:20px; } } @media only screen and (max-width: 768px) { .magazine-page .filter-component .filter-results-list>li{ min-height: 480px; } } @media only screen and (max-width: 320px) { .bodyWrapMobile .offers .cta-box a.style1, .bodyWrapMobile .destination .cta-box a.style1,.bodyWrapMobile .experiences .cta-box a.style3{ padding: 12px 25px; font-size: 12px; } .bodyWrapMobile .offers .cta-box a.style2, .bodyWrapMobile .destination .cta-box a.style2{ padding: 10px 25px !important; font-size: 12px;} .bodyWrapMobile .date-box-heading select{ font-size: 11px; } .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style3:after{right: 20px} .booking-engine .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile, .booking-engine.layout2 .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile, .booking-engine.reverse .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile{ padding: 10px 6px 2px 25px; font-size: 13px !important; } /* .covid-band{ bottom: 41% !important; } .covid-update-info-wrapper{ bottom: 10% !important; } */ } @media only screen and (max-width: 359px) { .mobile-cta .chat-btn, .booking{ font-size: 13px; font-weight: 300; } .bodyWrapMobile .cta-box a.style1, .bodyWrapMobile .cta-box a.style3, .bodyWrapMobile .cta-box a.style2, .bodyWrapMobile .cta-box a.style4, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1, .bodyWrapMobile .btns-list a.btn-style1, .bodyWrapMobile .btns-list a.btn-style2{ font-size: 12px !important; } .offers .slick-slide{ margin: 0; } } /* @media only screen and (min-width:400px) and (max-width:450px) { .covid-band{bottom: 43.7% !important;} .covid-update-info-wrapper{bottom: 25% !important;} } */ @media only screen and (max-width: 767px) { body, html{ overflow-x: hidden; position: relative; } .tab-with-content .founder .content-box .cta-box{ float: left; } .tab-with-content .founder .content-box .content-expand{ height: 355px; } .destination .slick-list, .offers .slick-list, .oberoiRooms .slick-list{ padding-right:0; } .about-us-page { padding-top: 20px; } .heading-component{ margin-bottom: 5px; } .tab-with-content p img{ height: auto; } .down-arrow-button .cta-box .style4, .down-arrow-button .cta-box .style3{ display: block; margin: 0 auto; width: 140px; } .dashboard .my-profile .profile-form-fields .user-detail-box .save-details input[type=submit]{ margin-top: 15px; } .sitemap-page .sitemap-heading-container .sitemap-box{ min-height: 360px; } .bodyWrapMobile .offers .cta-box a.style1, .bodyWrapMobile .destination .cta-box a.style1, .bodyWrapMobile .experiences .cta-box a.style3, .bodyWrapMobile .cta-box a.style1, .bodyWrapMobile .cta-box a.style3, .bodyWrapMobile .cta-box a.style4, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1, .bodyWrapMobile .btns-list a.btn-style1{ padding: 12px 24px 12px 20px; } .bodyWrapMobile .cta-box a.style1:after, .cta-box a.style3:after, .bodyWrapMobile .cta-box a.style4:after, .bodyWrapMobile .image-text-block-style1 .text-block .btn-style1:after, .bodyWrapMobile .btns-list a.btn-style1:after{ right: 10px; } .captcha-field{ border: none !important; } .nWidth100{ display: block!important; } .nWidth60, .nWidth35{ width: 100% !important; } .nWidth35 a, .nWidth35 a img{ float: left; width: 100%; } .newspa-wraper .text-container p{ padding: 0 30px; } .newspa-slide .text-container .title{ padding-left: 30px; } .accordion-component .col-1-content .itnary-list-style{ padding-left: 20px; } .contact-us-form .contact-us-form-wrap .label-content{ width: 35%; margin-bottom: 5px; } .filter-component, .pb-20{ padding-bottom: 0!important; } .c-main-wrap .c-date{ width: 18px; font-size: 10px; } .heading-component h1{ padding-right: 60px; } .booking-engine .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile, .booking-engine.layout2 .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile, .booking-engine.reverse .checkInCheckOut .t-mobile-heading .calender-dynamic-text-mobile{padding-right:20px;} .newspa-slide .text-container .title{ line-height: 100% !important; } .bodyWrapMobile.body-fr-fr .slidesBtn .cta-box{ width: 100%; float: left; } .bodyWrapMobile.body-fr-fr .cta-box .style1, .bodyWrapMobile.body-fr-fr .slidesBtn .cta-box .style3{ width: 35%; padding: 12px 10px 12px 0 !important; text-align: center; margin-right: 5px; float: left; font-size: 12px !important; font-weight: 300; } .bodyWrapMobile.body-fr-fr .offers .cta-box a.style2, .bodyWrapMobile.body-fr-fr .destination .cta-box a.style2, .bodyWrapMobile.body-fr-fr .slidesBtn .cta-box .style4{ padding: 12px 20px 12px 0 !important; width: 60%; float: right; text-align: center; font-size: 12px !important; font-weight: 300; } .bodyWrapMobile.body-fr-fr .slidesBtn .cta-box .style4:after{ border-color:#da7b26; } .global-offers .image-text-block-style1 .text-block .text-block-duration{ margin-bottom: 40px; } .offers{ padding: 10px 15px 45px; } .experiences-wraper .text-container .cta-box .style4{ color: #da7b26; background: #fff; border-color: #da7b26; } .experiences-wraper .text-container .cta-box .style4:after{ border-color: #da7b26; } .oberoiRooms .oberoiRooms-slide .slidesText p{ margin-bottom: 10px; } .tab-with-content .mission-content-box li, .tab-with-content .tab-bullet-list li{ font-size: 15px; line-height: 180%; } .bodyWrapMobile .mo-destination-component{ padding-bottom: 0px; } .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style3{ width: 59%; } .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style3:after{ right: 25%; } .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style4{ background: #fff; color: #da7b26; border-color: #da7b26; } .bodyWrapMobile .descriptionSec .contact-details .cta-box a.style4:after{ border-color: #da7b26; } .experiences{ margin-top: 20px; } .filter-component .filter-results-list>li .text-block .btn-style1{ float: left; } .filter-toggle.actv:before{ display: none; } .policy-box .itiner-maintab-content .table-wrap{ width: 100% !important; } .policy-box .itiner-maintab-content .table-wrap table td, .policy-box .itiner-maintab-content .table-wrap table td ul li { font-size: 15px; font-family: Roboto, sans-serif; line-height: 150%; } .c-policy .itiner-maintab-content table th, .itiner-maintab-content table td{ padding: 15px !important; } .travel-info ul li{ font-size: 15px; line-height: 180%; } .bodyWrapMobile .right-section a, .bodyWrapMobile .ev-exp-section .ev-view-all-exp-btn a, .bodyWrapMobile .offers .viewOffer a{ text-transform: uppercase; } .ohr-immunity-building-page .main-box .dish-name{ font-size: 18px !important; } .ohr-immunity-building-page .main-box.main-box ul li{ font-size: 15px; font-family: Roboto, sans-serif; margin-bottom: 0; margin-left: 5%; width: 95%; } .ev-booking-section .submitYourRequest{ display: inline-block; float: left; background: #d8751b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 20px !important; box-shadow: 0px 5px 5px #ccc; padding: 12px 24px 12px 20px; } .request-a-proposal-form .sectionFormWrap .footerButtonsWrap .button{ box-shadow: 0px 5px 5px #ccc; padding: 12px 24px 12px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ohr-immunity-building-page .main-box .desc-col{ line-height: 180% !important; font-size: 15px !important; } .search-result-wrap .search-result-box .search-result-text-rendering .btn-style2{ background: #d57600; box-shadow: 0px 5px 5px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; border: 1px solid #d57600; padding: 12px 24px 12px 20px; position: relative; } .search-result-wrap .search-result-box .search-result-text-rendering .btn-style2:after{ content: " "; border-bottom: 2px solid #fff; border-right: 2px solid #fff; top: 50%; margin-top: -5px; height: 7px; position: absolute; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; z-index: 2; right:10px; } #loadMoreRecords{ margin-bottom: 20px; } .share-component .share-toggle{ margin-right: 0; } .contact-us-form .form-button{ width: 100% !important; } .contact-us-form .form-tnc{ margin-top: 10px; } .oberoiRooms .oberoiRooms-slider .slidesText{ float: left; } .slidesText .mob-hide{ float: left; } .bodyWrapMobile .oberoiRooms .oberoiRooms-slider .slick-list { min-height:360px !important; } .covid-band { top: 90px; padding: 13px 0; width: 110px; font-size: 13px; letter-spacing: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 999; } .covid-update-info-wrapper { width: 80%; top: 153px; padding: 8px; transform: translateX(108%); z-index: 999; } .covid-update-info-wrapper .close-info-btn{ top: -1px; right: -3px; } /* .covid-update-info-wrapper.activeInfo{ transform:translateX(108%); } */ .covid-update-info-wrapper .covid-update-info { font-size: 13px; line-height: 160%; padding: 4px; font-weight: 300; } .covid-update-info-wrapper .covid-update-info .know-more-abt-covid { margin: 5px auto; } .covid-update-info-wrapper .covid-update-info .know-more-abt-covid a { font-size: 12px; font-weight: 300; padding: 4px 0; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0px 5px 5px #ccc; } .dashboard .contact-us-form-wrap .captcha-container .captcha-field{ margin-top: 0; } .dashboard .contact-us-form-wrap .captcha-container .captcha-image { height: 34px; } .dashboard .contact-us-form-wrap .captcha-container .captcha-image img{ width: 50%; } .dashboard .upcoming-stays .no-value .offer-book-now-btn a, .dashboard .past-stays-dtls-wrap .past-stays-box .past-stays-dtls-box-wrap .no-value .offer-book-now-btn a{ float: none !important; margin-bottom: 0px !important; } .alliance-partners-section-component .omo-alliance-details .desc .btn-style2, .alliance-partners-section-component .image-and-description-with-legend-attributes-option-3 .omo-width50Per.omo-space-side .btn-style1, .dashboard .member-offer .offer-book-now-btn a, .dashboard .upcoming-stays .no-value .offer-book-now-btn a, .dashboard .past-stays-dtls-wrap .past-stays-box .past-stays-dtls-box-wrap .no-value .offer-book-now-btn a, .dashboard .contact-us-form-wrap .contact-form-button-wrap .contact-form-btn, .oberoi-one-omo-alliance-offer-content-sec .omo-oberoi-one-book-now-sec a, .contact-us-form .form-button .btn-style1, .contact-us-form .form-button .btn-style2, .dashboard .upcoming-stays .ineligible-box .content-box .addFlightDetails .form .submit, .dashboard .past-stays-dtls-wrap .past-stays-dtls-box .stay-book-btn .submit, .upcoming-stg-btn, .add-upcoming-stays-wrapper .upcoming-stays-slider .stays-details .submit-btn{ background: #d57600; box-shadow: 0px 5px 5px #ccc; border-radius: 5px; color: #fff !important; border: 1px solid #d57600; position: relative; background-image: none; padding: 8px 20px 8px 20px; margin: 10px 0px 30px 0; float: left; min-width: 90px; font-size: 15px !important; font-weight: 400; } .add-upcoming-stays-wrapper .upcoming-stays-slider .stays-details .submit-btn{ margin-bottom: 0; } .btn-style2.submit-btn.btn-contact-us{ margin-left: 10px; background: #fff; border-color:#d57600; color: #d57600; } .btn-style2.submit-btn.btn-contact-us:after{ border-color: #d57600 !important; } .contact-us-form .form-tnc{ float: left; } a.btn-style2.wht-btn, .dashboard .contact-us-form-wrap .contact-form-button-wrap .contact-form-btn.submit-btn{ background: #fff; color:#d57600; border-color: #d57600; } .dashboard .contact-us-form-wrap .contact-form-button-wrap .contact-form-btn.submit-btn{ margin-left: 10px; } a.btn-style2.wht-btn:after{ border-color: #d57600;; } .alliance-partners-section-component .image-and-description-with-legend-attributes-option-3 .omo-width50Per.omo-space-side .btn-style1{ margin-right: 20px !important; } .dashboard .upcoming-stays{ margin-bottom: 0; } .oberoi-one-omo-alliance-offer-content-sec .omo-oberoi-one-book-now-sec{ float: left; } .oberoi-one-omo-alliance-offer-content-sec .omo-oberoi-one-book-now-sec span{ margin-top: 10px; } .alliance-partners-section-component .omo-alliance-details .desc .btn-style2:after, .bodyWrapMobile .btn-style2:after, .alliance-partners-section-component .image-and-description-with-legend-attributes-option-3 .omo-width50Per.omo-space-side .btn-style1:after, .dashboard .member-offer .offer-book-now-btn a:after, .dashboard .upcoming-stays .no-value .offer-book-now-btn a:after, .dashboard .past-stays-dtls-wrap .past-stays-box .past-stays-dtls-box-wrap .no-value .offer-book-now-btn a:after, .dashboard .past-stays-dtls-wrap .past-stays-box .past-stays-dtls-box-wrap .no-value .offer-book-now-btn a:after, .oberoi-one-omo-alliance-offer-content-sec .omo-oberoi-one-book-now-sec a:after, .contact-us-form .form-button .btn-style1:after, .contact-us-form .form-button .btn-style2:after, .add-upcoming-stays-wrapper .upcoming-stays-slider .stays-details .submit-btn:after{ content: " "; border-bottom: 2px solid #fff; border-right: 2px solid #fff; top: 50%; margin-top: -5px; height: 7px; right: 8px; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; z-index: 2; } .oberoi-one-omo-alliance-offer-content-sec .omo-oberoi-one-book-now-sec a:after{ right: 5px; } .dashboard .upcoming-stays .no-value .offer-book-now-btn a:after, .dashboard .past-stays-dtls-wrap .past-stays-box .past-stays-dtls-box-wrap .no-value .offer-book-now-btn a:after{ width: auto; height: auto; } .dashboard .member-offer .offer-book-now-btn:after{ display: none; } .dashboard .members-benefits-form-wrapper .form-container .form-wrapper-box .form-fields .sbmt-btn, .dashboard .my-profile .profile-form-fields .user-detail-box .save-details input[type=submit]{ background: #d57600; box-shadow: 0px 5px 5px #ccc; border-radius: 5px; color: #fff; border: 1px solid #d57600; position: relative; background-image: none; padding: 8px 20px 8px 20px; margin: 10px 0px 30px 0; float: left; } .dashboard .contact-us-form-wrap .contact-form-button-wrap .contact-form-btn{ background: url("/images/oberoihotels/white-arrow.png") center right 35px no-repeat #d8741b; } .dashboard .contact-us-form-wrap .contact-form-button-wrap .contact-form-btn.submit-btn{ background: url("/images/oberoihotels/orange-arrow.png") center right 30px no-repeat #fff; } .dashboard .members-benefits-form-wrapper .form-container .form-wrapper-box .form-fields .sbmt-btn, .dashboard .my-profile .profile-form-fields .user-detail-box .save-details input[type=submit], .dashboard .upcoming-stays .ineligible-box .content-box .addFlightDetails .form .submit, .dashboard .past-stays-dtls-wrap .past-stays-dtls-box .stay-book-btn .submit{ background: url("/images/oberoihotels/white-arrow.png") center right 8px no-repeat #d8741b; } .e-magazine{ padding: 10px 15px 30px; } .bodyWrapMobile .mo-destination-slider .mo-destination-slide-banner-content .cta-box .style2{ padding-left: 0 !important; } .oberoi-one-omo-alliance-offer-content-sec .omo-oberoi-one-book-now-sec a{ font-family: Roboto, sans-serif !important; width: 87px; text-align: center; font-size: 14px !important; padding-left: 0 !important; font-weight: 400 !important; } .dining-page .heading-component h1{ font-size: 1.7em !important; line-height: 135%; } .staticPage ol li, .staticPage ul li{ font-size: 15px !important; } .search-result-text-rendering h3, .search-result-text-rendering{ float: left; width: 100%; } .search-result-text-rendering{ padding-bottom: 10px; } .mo-black-overlay .mo-pop-up-box{ width: 90%; padding: 10px; } .mo-black-overlay .mo-pop-up-box .mo-pop-up-desc{ padding: 10px; } .mo-black-overlay .mo-pop-up-box h3{ font-size: 1.25em; } .mo-black-overlay .mo-pop-up-box h2{ font-size: 1.5em; } .mo-black-overlay .mo-pop-up-box .mo-pop-up-desc .mo-hotels-button a{ width:100px; box-shadow: 0px 5px 5px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .dashboard .dashboard-right .upcoming-stays .stay-box .content-box .addFlightDetails .form .submit, .dashboard .past-stays-dtls-wrap .past-stays-dtls-box .stay-book-btn .submit{ font-size: 15px !important; } .dashboard .faqs-questions-wrapper .quizBox{ padding: 5px 5px 10px 5px; } .dashboard .faqs-questions-wrapper .faq-questions span, .dashboard .faqs-questions-wrapper .faq-answers{ font-size: 15px !important; } .dashboard .past-stays-dtls-wrap .past-stays-dtls-box{ float: left; } .dashboard .milestone-accordion-wrapper .milestone-acc-box .milestone-acc-content .room-detailBox .room-and-guest-details .milestone-upcoming-stays a:after{ content: " "; border-bottom: 2px solid #fff; border-right: 2px solid #fff; top: 50%; margin-top: -5px; height: 7px; right: 8px; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; z-index: 2; border-top: none; } .dashboard .milestone-accordion-wrapper .view-more-items, .dashboard .milestone-accordion-wrapper .milestone-acc-box .certificateDetails{ float: left; width: 100%; } } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}