@charset "UTF-8";
/* Themify Shoppe 5.7.3 framework 5.6.7 */
/* cyrillic-ext */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zgTjmbI.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zETjmbI.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zoTjmbI.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zsTjmbI.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zUTjg.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zgTjmbI.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zETjmbI.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zoTjmbI.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zsTjmbI.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zUTjg.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zgTjmbI.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zETjmbI.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zoTjmbI.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zsTjmbI.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zUTjg.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zgTjmbI.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zETjmbI.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zoTjmbI.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zsTjmbI.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zUTjg.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zgTjmbI.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zETjmbI.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zoTjmbI.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zsTjmbI.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Libre Franklin'; font-style:italic; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizBREVItHgc8qDIbSTKq4XkRiUa6zUTjg.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:300; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:400; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:500; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:600; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUS2zcLig.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUb2zcLig.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* vietnamese */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUQ2zcLig.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUR2zcLig.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Libre Franklin'; font-style:normal; font-weight:700; font-display:swap; src:url(https://fonts.gstatic.com/s/librefranklin/v20/jizDREVItHgc8qDIbSTKq4XkRiUf2zc.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Open Sans'; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV0ewJER.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Open Sans'; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVQewJER.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* greek-ext */@font-face{ font-family:'Open Sans'; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVwewJER.woff2) format('woff2'); unicode-range:U+1F00-1FFF;}/* greek */@font-face{ font-family:'Open Sans'; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVMewJER.woff2) format('woff2'); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}/* hebrew */@font-face{ font-family:'Open Sans'; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVIewJER.woff2) format('woff2'); unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}/* math */@font-face{ font-family:'Open Sans'; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWSwewJER.woff2) format('woff2'); unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;}/* symbols */@font-face{ font-family:'Open Sans'; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWT4ewJER.woff2) format('woff2'); unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;}/* vietnamese */@font-face{ font-family:'Open Sans'; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV8ewJER.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Open Sans'; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV4ewJER.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Open Sans'; font-style:italic; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAewA.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* cyrillic-ext */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2) format('woff2'); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}/* cyrillic */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}/* greek-ext */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2) format('woff2'); unicode-range:U+1F00-1FFF;}/* greek */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2) format('woff2'); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}/* hebrew */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2) format('woff2'); unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}/* math */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5caVIGxA.woff2) format('woff2'); unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;}/* symbols */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5OaVIGxA.woff2) format('woff2'); unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;}/* vietnamese */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2) format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}/* latin-ext */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}/* latin */@font-face{ font-family:'Open Sans'; font-style:normal; font-weight:400; font-stretch:100%; font-display:swap; src:url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/*/css/base.min.css*/
.tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;top:0;right:0;bottom:0;left:0}.tf_abs_t{position:absolute;top:0;left:0}.tf_abs_b{position:absolute;bottom:0;left:0}.tf_abs_c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper > .post,.woocommerce ul.loops-wrapper.products > li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products > .product,body .loops-wrapper.no-gutter > .post{margin:0}.woocommerce .loops-wrapper.products.list-post > .product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137, 137, 137, .2);--tf_scroll_color_hover:rgba(137, 137, 137, .4);--tf_scroll_w:10px;--tf_scroll_h:10px;scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w);height:var(--tf_scroll_h)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}
/*/css/themify.common.css*/
iframe{
border:0
}
a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{
outline:1px dotted rgba(150,150,150,.2)
}
.tf_focus_heavy button:focus,
.tf_focus_heavy a:focus,
.tf_focus_heavy input:focus,
.tf_focus_heavy select:focus,
.tf_focus_heavy textarea:focus,
.tf_focus_heavy .button:focus{
outline:2px solid rgba(0,176,255,.8)
}
.tf_focus_none a,
.tf_focus_none button:focus,
.tf_focus_none a:focus,
.tf_focus_none input:focus,
.tf_focus_none select:focus,
.tf_focus_none textarea:focus,
.tf_focus_none .button:focus{
outline:none
}
.tf_large_font{
font-size:1.1em
}
.screen-reader-text{
border:0;
clip:rect(1px, 1px, 1px, 1px);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
word-wrap:normal!important
}
.screen-reader-text:focus{
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
clip:auto!important;
color:#21759b;
display:block;
font-size:.875rem;
font-weight:700;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}
.skip-to-content:focus{
clip-path:none
}
.post-image .themify_lightbox{
position:relative;
display:block;
max-width:100%
}
.post-image .themify_lightbox .zoom{
width:35px;
height:35px;
background:rgba(0,0,0,.3);
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border-radius:100%
}
.post-image .themify_lightbox .zoom .tf_fa{
vertical-align:middle;
color:#fff;
stroke-width:1px;
line-height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.post-image .themify_lightbox:hover .zoom{
background:rgba(0,0,0,.6)
}
.pswp:not(.pswp--open){display:none}
.ptb_map button,
.themify_map button{
border-radius:0
}
/*/themify-builder/css/themify-builder-style.css*/
.module_row,
.module_subrow,
.module_column,
.module_row .module{
position:relative;
box-sizing:border-box
}
.module_row .col-full{
width:100%
}
.themify_builder .direction-rtl{
flex-flow:row-reverse wrap-reverse
}
/* Hover Animation */
.module-buttons:hover,
.module_row:hover,
.module_column:hover,
.page-loaded .module-image img:hover,
.module-accordion i,
.module{
transition:.5s ease;
transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform
}
/* fix gutenberg empty p tag bug */
.entry-content > p:first-of-type:empty,
.entry-content > p:first-of-type + p:empty{
margin:0;
padding:0
}
/*GRID*/
.module_row{/* fix Chrome bug */
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.module.themify_builder_slider_wrap{
transition:none
}
div.module_column{
margin-left:3.2%;
margin-right:0;
float:left;
/* top aligned */
align-items:flex-start;
align-content:flex-start
}
.module_column.col6-1{
width:14%
}
.module_column.col5-1{
width:17.44%
}
.module_column.col4-1{
width:22.6%
}
.module_column.col4-2,
.module_column.col2-1{
width:48.4%
}
.module_column.col4-3{
width:74.2%
}
.module_column.col3-1{
width:31.2%
}
.module_column.col3-2{
width:65.6%
}
/*NARROW*/
.gutter-narrow > .module_column{
margin-left:1.6%
}
.gutter-narrow > .col6-1{
width:15.33%
}
.gutter-narrow > .col5-1{
width:18.72%
}
.gutter-narrow > .col4-1{
width:23.8%
}
.gutter-narrow > .col4-2,
.gutter-narrow > .col2-1{
width:49.2%
}
.gutter-narrow > .col4-3{
width:74.539%
}
.gutter-narrow > .col3-1{
width:32.266%
}
.gutter-narrow > .col3-2{
width:66.05%
}
/*NONE*/
.gutter-none > .module_column{
margin-left:0;
margin-right:0
}
.gutter-none > .col6-1{
width:16.666%
}
.gutter-none > .col5-1{
width:20%
}
.gutter-none > .col4-1{
width:25%
}
.gutter-none > .col4-2,
.gutter-none > .col2-1{
width:50%
}
.gutter-none > .col4-3{
width:75%
}
.gutter-none > .col3-1{
width:33.333%
}
.gutter-none > .col3-2{
width:66.666%
}
/* first column */
.gutter-narrow > .module_column.first,
.module_column.col-full,
.module_column.first{
margin-left:0;
clear:left
}
/*CLEARFIX*/
.module:after{
content:"";
display:table;
clear:both
}
/*RESETS*/
.ui,
.ui > li,
.themify_builder ul.loops-wrapper{
margin:0;
padding:0;
list-style:none
}
/*SIZES*/
.ui.builder_button.large{
font-size:120%;
padding:10px 20px
}
.ui.builder_button.small{
font-size:70%;
padding:5px 10px
}
.xlarge .ui.builder_button{
padding:.935em 1.875em
}
/*DEFAULT STYLES*/
.module_row .ui.builder_button{
text-decoration:none
}
.ui.builder_button{
text-decoration:none;
position:relative;
border:solid 1px rgba(0,0,0,.05);
display:inline-block;
line-height:130%;
transition:color .3s linear,background-color .3s linear,padding .3s linear,border .3s linear,box-shadow .3s linear;
padding:.625em 1.25em;
box-shadow:none
}
.ui.builder_button:hover{
background:#f1f1f1
}
.ui > li.current,
.ui > li.current:hover{
background:#666;
box-shadow:inset 0 2px 3px rgba(0,0,0,.2)
}
.ui > li.current > a{
color:#fff
}
.ui.transparent{
background:transparent;
box-shadow:none;
border:none;
/* for transparent style inherit color */
color:inherit
}
/*MODULE*/
.module-title{
font-size:1.2em;
margin:0 0 1.2em
}
.module img{
border:none;
max-width:100%;
height:auto;
vertical-align:bottom
}
.module-slider{
margin-bottom:2.5em
}
video[poster]{
object-fit:cover
}
/*Widget Module*/
.module-widget .widget{
margin:0
}
.wp-caption{
max-width:100%
}
/*Map Module*/
.module-map button{
border-radius:0
}
.module-map .gm-style-mtc img{
vertical-align:baseline;
margin-right:5px
}
/*BACKGROUND MODE*/
.themify_builder .repeat{
background-repeat:repeat
}
.themify_builder .repeat-x{
background-repeat:repeat-x
}
.themify_builder .repeat-y{
background-repeat:repeat-y
}
.themify_builder .repeat-none{
background-repeat:no-repeat
}
.themify_builder .fullcover{
background-size:cover
}
.themify_builder .best-fit-image{
background-size:contain;
background-position:center center;
background-repeat:no-repeat
}
.themify_builder .builder-bg-fixed{
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover
}
/* ROW */
/* for third party theme default row width */
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner{
width:1160px;
max-width:100%;
margin:0 auto
}
.themify_builder .module_row.fullheight .module_subrow,
.sidebar-none .themify_builder .module_row{
width:100%
}
.module_row.fullwidth > .row_inner{
width:100%;
max-width:100%
}
/*BEST-FIT*/
.best-fit{
background:#000
}
.best-fit-vertical{
top:0!important;
left:1%!important;
right:1%!important;
width:auto!important;
height:100%!important;
margin:auto!important
}
.best-fit-horizontal{
top:10%!important;
left:0!important;
bottom:10%!important;
width:100%!important;
height:auto!important;
margin:auto!important
}
/* iOS doesn't support fixed attachment */
@supports (-webkit-touch-callout: none) {
.themify_builder_row { background-attachment: scroll !important; }
}
/*COLUMN ALIGNMENT*/
/* FLEX BOX */
.row_inner,
.module_column,
.subrow_inner{
display:flex;
flex-flow:wrap
}
.col_auto_height > .module_column{
height:100%
}
.col_align_middle.col_auto_height{
align-items:center
}
.col_align_bottom.col_auto_height:not(.direction-rtl){
align-items:flex-end
}
/*FULLHEIGHT ROW*/
.module_row.fullheight{
min-height:100vh;
display:flex;
width:100%
}
.fullheight > .row_inner > .module_column,
.fullheight > .row_inner{
min-height:inherit
}
/* top aligned */
.col_align_top > .module_column{
align-items:flex-start;
align-content:flex-start
}
/* center aligned */
.col_align_middle > .module_column,
.fullheight > .row_inner > .col-full{
align-items:center;
align-content:center
}
/* bottom aligned */
.col_align_bottom > .module_column{
align-items:flex-end;
align-content:flex-end
}
.module-plain-text:after{
display:contents!important
}
/*MEDIA QUERIES*/
@media screen and (max-width:1260px){
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner{
max-width:94%
}
.module-layout-part .module_row.fullwidth > .row_inner,
.module_row.fullwidth > .row_inner{
max-width:100%
}
}
@media screen and (max-width:760px){
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner{
max-width:90%
}
}
@media (min-width:681px) and (max-width:959px){
.module_column.col6-1{
width:31.2%;
}
.gutter-narrow > .module_column.col6-1{
width:32.266%
}
.direction-rtl:not(.tb_grid_classes) > .col6-1:nth-of-type(3),
div:not(.direction-rtl):not(.tb_grid_classes) > .col6-1:nth-of-type(4){
margin-left:0;
clear:left
}
.gutter-none > .module_column.col6-1{
width:33.333%
}
}
@media screen and (max-width:680px){
.themify_map.tf_map_loaded{
width:100%!important;
}
.ui.builder_button,
.ui.nav li a{
padding:.525em 1.15em
}
.gutter-narrow:not(.tb_grid_classes) > .module_column,
.gutter-none:not(.tb_grid_classes) > .module_column,
div:not(.tb_grid_classes) > .module_column{
margin-left:0;
width:100%;
max-width:100%;
float:none
}
.module_row div:not(.tb_grid_classes) > .module_column.col6-1{
width:48.4%;
margin-left:3.2%
}
div.gutter-narrow:not(.tb_grid_classes) > .module_column.col6-1:nth-of-type(2n+1),
.direction-rtl:not(.tb_grid_classes) > .col6-1:nth-of-type(2n),
div:not(.direction-rtl):not(.tb_grid_classes) > .col6-1:nth-of-type(2n+1){
margin-left:0;
clear:left
}
div.gutter-narrow:not(.tb_grid_classes) > .module_column.col6-1{
width:49.2%;
margin-left:1.6%
}
div.gutter-none:not(.tb_grid_classes) > .module_column.col6-1{
width:50%;
margin-left:0
}
.fullheight > .row_inner > .module_column:not(.col-full),
.fullheight > .row_inner{
min-height:0
}
}
/*/themify-builder/css/modules/parallax.css*/
.themify_builder .builder-parallax-scrolling{
background-attachment:fixed!important;
background-repeat:no-repeat!important;
background-position:center; /* don't add !important here so user can change position with builder styling */
transition:background-position 0s!important
}
@media (hover:hover){
.themify_builder .builder-parallax-scrolling{
background-size:cover
}
}
@media(hover:none){
/* for touch devices */
.themify_builder .builder-parallax-scrolling{
background-attachment:scroll!important
}
}
/*/styles/modules/footers/block.css*/
.footer-block #footer{
text-align:center
}
.footer-block .footer-logo-wrap,
.footer-block .footer-widgets-wrap{
float:none;
clear:both;
width:auto
}
.footer-block .footer-logo-wrap #footer-logo{
margin:0 0 .5em
}
.footer-block .footer-text-outer{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column
}
.footer-block .back-top,
.footer-block .footer-text{
display:block
}
.footer-block .footer-widgets-wrap{
margin:0 auto;
max-width:80%
}
.footer-widgets-off.footer-block #footer-logo{
margin-bottom:1.25em
}
.footer-block .back-top{
order:2;
margin:1.6em 0 0 0
}
@media screen and (max-width:680px){
.footer-block .footer-widgets-wrap .widget{
padding-top:0
}
.footer-block .footer-widgets-wrap{
max-width:100%
}
}
/*/styles/modules/sidebars/none.css*/
.sidebar-none .page-title{
text-align:center
}
.sidebar-none #content{
width:100%;
float:none
}
.sidebar-none.single h1,
.sidebar-none.single .page-title{
font-size:2.3em;
text-align:inherit
}
.sidebar-none.single-post .post-content,
.sidebar-none.single-post .commentwrap{
padding-left:15%;
padding-right:15%
}
.single-post .entry-content .post-content{
padding:0
}
@media screen and (max-width:680px){
.sidebar-none.single-post .post-content{
padding-left:0;
padding-right:0
}
}
/*/styles/modules/top-bar-widgets.css*/
.top-bar-widgets{
background-color:rgba(0,0,0,.1);
font-size:.9em
}
.top-bar-widgets p:last-child{
margin:0
}
.top-bar-widgets .top-bar-widget-inner{
max-width:none;
width:auto;
padding:0 32px
}
.top-bar-widgets .widget{
display:inline-block;
margin-top:8px;
margin-bottom:8px
}
.top-bar-left .widget{
margin-left:1em
}
.top-bar-left .widget:first-child{
margin-left:0
}
.top-bar-right .widget{
margin-right:1em
}
.top-bar-right .widget:last-child{
margin-right:0
}
.top-bar-left,
.top-bar-right{
width:50%
}
.fixed-header .top-bar-widgets,
.sidemenu .top-bar-widgets{
display:none
}
/*/themify-builder/css/modules/text.css*/
.drop-cap > :first-child:first-letter,
.tb_text_dropcap > .tb_text_wrap:first-child:first-letter,
.tb_text_dropcap > .tb_text_wrap > :first-child:first-letter{
font-size:2.85em;
float:left;
line-height:.4em;
padding:.425em .375em;
background-color:#0f70e8;
color:#fff;
margin-right:.325em;
margin-top:.15em;
margin-bottom:.25em
}
.tb-text-more-link-indicator{
display:block;
height:3px;
margin:5px 0;
background:rgba(55,55,55,.6)
}
/*/themify-builder/css/modules/image.css*/
.module-image .image-title{
margin:0 0 .3em;
font-size:1.2em
}
.module-image .image-title a{
text-decoration:none;
color:inherit;
font-family:inherit;
text-shadow:inherit
}
/*layout*/
.module-image .image-wrap{
width:auto
}
.module-image .image-wrap img{
vertical-align:top;
display:inline-block
}
/*appearance*/
.module-image.rounded .image-wrap img{
border-radius:10px
}
.module-image.bordered .image-wrap img{
border:solid 1px rgba(0,0,0,.15);
background:#fff;
padding:3px;
box-sizing:border-box
}
.module-image.drop-shadow .image-wrap img,
.module.drop-shadow .post-image img{
box-shadow:0 1px 8px 2px rgba(0,0,0,.15)
}
.module-image.circle .image-wrap img{
border-radius:50em
}
/* auto fullwidth */
.themify_builder .auto_fullwidth .lightbox{
display:block
}
.themify_builder .auto_fullwidth .image-wrap,
.themify_builder .auto_fullwidth img{
width:100%;
display:block; /* required for FF */
}
/* lightbox */
.module-image .image-wrap .lightbox{
position:relative;
display:inline-block;
max-width:100%
}
/*/styles/modules/builder/image.css*/
.module-image.bordered .image-wrap img{
border-color:rgba(0,0,0,.12)
}
/*/themify-builder/css/modules/image_styles/top.css*/
.module-image.image-top .image-content{
margin-top:.5em;
margin-bottom:1em
}
/*/themify-builder/css/modules/menu.css*/
.ui.nav{
background:#fff;
display:inline-block;
margin-left:0!important;
border:none;
border-radius:4px;
box-shadow:0 0 0 1px rgba(0,0,0,.1);
position:relative
}
@media (hover:hover){
.module-menu:not([data-edge]) .ui.nav .child-arrow,
.module-menu:not([data-edge]) .ui.nav ul{
display:none
}
.ui.nav ul{
transform:scale(1,0);
transform-origin:top;
}
}
.ui.nav .child-arrow,
.ui.nav ul{
opacity:0;
pointer-events:none;
}
.ui.nav li{
display:inline-block;
position:relative;
margin:0 -.25em 0 0; /* remove gap in between link */
padding:0
}
.ui.nav > li a:hover{
background:#f1f1f1
}
.ui.nav li a{
text-decoration:none;
display:inline-block;
line-height:130%;
box-shadow:none;
padding:.625em 1.25em
}
.ui.nav.large li a{
font-size:120%;
padding:10px 20px
}
.ui.nav.small li a{
font-size:70%;
padding:5px 10px
}
.ui.nav li:last-child{
margin-right:0
}
.ui.nav li:first-child > a{
border-radius:4px 0 0 4px
}
.ui.nav li:last-child > a{
border-radius:0 4px 4px 0
}
.ui.nav > .current_page_item > a,
.ui.nav > .current_page_item:hover > a,
.ui.nav > .current-menu-item > a,
.ui.nav > .current-menu-item:hover > a{
background:#efefef
}
.ui.nav > li.current:before{
background:none
}
@media (hover:none){
.ui.nav ul{
display: none;
opacity:1;
pointer-events:auto
}
.ui.nav > .menu-item-has-children > a{
padding-right:40px
}
.ui.nav .child-arrow{
display:inline-block;
position:absolute;
right:4px;
top:50%;
width:32px;
height:32px;
padding:0;
margin:0;
border-radius:100%;
transform:translateY(-50%);
opacity:1;
pointer-events:auto
}
.ui.nav .child-arrow:before,
.ui.nav .child-arrow:after{
top:50%;
left:10px;
content:'';
position:absolute;
transition:transform .3s ease-in-out;
height:1px;
width:8px;
transform:rotate(45deg);
background:currentColor;
z-index:9999;
border-radius:10px
}
.ui.nav .child-arrow:after{
left:15px;
transform:rotate(-45deg)
}
.ui.nav > li li .child-arrow:before,
.ui.nav > li li .child-arrow:after{
transform:rotate(45deg);
left:auto;
top:14px;
right:10px
}
.ui.nav > li li .child-arrow:after{
transform:rotate(-45deg);
top:19px
}
}
.menu-module-burger{
cursor:pointer;
color:inherit;
box-shadow:none!important;
width:1.4em;
line-height:1;
padding:12px 10px 10px 12px;
border-radius:100%;
box-sizing:unset
}
.menu-module-burger:hover{
background-color:rgba(200,200,200,.25)
}
.module-menu.tf_textr .menu-module-burger{
float:right
}
.module-menu.tf_textc .menu-module-burger{
margin-left:auto;
margin-right:auto
}
.menu-module-burger-inner{
width:1.3em;
height:1em;
border-bottom:2px solid
}
.menu-module-burger-inner:before,
.menu-module-burger-inner:after{
content:'';
display:block;
border-bottom:2px solid;
position:absolute;
left:0;
top:0;
width:100%
}
.menu-module-burger-inner:after{
top:50%
}
/* Edge Menu */
.module-menu ul .edge > .sub-menu{
left:auto!important;
right:0!important
}
.module-menu ul ul .edge > .sub-menu{
left:auto!important;
right:100%!important
}
/*/themify-builder/css/modules/colors/tb_default_color.css*/
.module.module-buttons a.tb_default_color,
.module .ui.nav.tb_default_color a,
.ui.module-tab.tb_default_color .tab-nav li a{
color:#555
}
.tb_default_color,
.tb_default_color.nav,
.tb_default_color.nav ul,
.tb_default_color.separate > li,
.module-tab.tb_default_color .tab-nav li,
.tb_default_color.vertical .tab-nav,
.module-tab.panel.tb_default_color .tab-nav,
.module-accordion.tb_default_color .accordion-title,
.tb_default_color.module-callout{
background-color:#F7F7F7;
color:#555
}
.tb_default_color,
.tb_default_color.nav ul,
.tb_default_color.nav li,
.tb_default_color_default_color.module-tab .tab-nav li,
.module-tab.tb_default_color .tab-content,
.module-tab.tb_default_color.panel .tab-nav,
.tb_default_color.module-accordion > li,
.tb_default_color.module-callout{
border-color:rgba(0,0,0,.05)
}
/*/themify-builder/css/modules/icon.css*/
.module-icon-item + .module-icon-item{
margin-left:.4em
}
.icon_vertical .module-icon-item{
display:block;
margin:0 0 .4em
}
.module-icon .module-icon-item a{
text-decoration:none;
display:inline-block
}
.module-icon span{
margin-left:.3em;
margin-right:.6em
}
.module-icon em{
color:inherit;
display:inline-block;
padding:.5em;
font-size:16px;
border-radius:100%;
line-height:0;
transition:box-shadow .3s ease,border .3s ease,background-color .3s ease,color .3s ease,padding .3s ease,font-size .3s ease
}
.module-icon em .tf_fa{
max-width:1em
}
/* size */
.module-icon.small .module-icon-item,
.module-icon.small em{
min-width:24px;
min-height:24px
}
.module-icon.small em{
font-size:12px;
}
.module-icon.large .module-icon-item,
.module-icon.large em{
min-width:48px;
min-height:48px
}
.module-icon.large em{
font-size:24px;
}
.module-icon.large span{
font-size:1.2em
}
.module-icon.xlarge .module-icon-item,
.module-icon.xlarge em{
min-width:62px;
min-height:62px
}
.module-icon.xlarge em{
padding:12px 0 0 2px;
font-size:36px;
}
.module-icon.xlarge span{
font-size:1.4em
}
/* image icon size */
.module-icon.circle img{
border-radius:100%;
}
.module-icon img {
max-width:32px;
padding:3px;
}
.module-icon.small img {
max-width:16px;
}
.module-icon.large img {
max-width:48px;
padding:6px;
}
.module-icon.xlarge img {
max-width:148px;
padding:9px;
}
/* rounded style */
.module-icon.rounded em,
.module-icon.rounded img{
border-radius:8px
}
/* squared style */
.module-icon.squared em,
.module-icon.squared img{
border-radius:0
}
.module-icon.none.small em{
font-size:18px
}
.module-icon.none.large em{
font-size:30px
}
.module-icon.none.xlarge em{
font-size:36px
}
/* rounded style */
.module-icon.rounded em{
border-radius:8px
}
/* squared style */
.module-icon.squared em{
border-radius:0
}
.module-icon.none.small em{
font-size:18px
}
.module-icon.none.large em{
font-size:30px
}
.module-icon.none.xlarge em{
font-size:36px
}
/* none (no bg) style */
.module-icon.none{
display:block; /* prevent theme override */
}
.module-icon.none em{
padding:.2em;
border-radius:0;
background:none;
font-size:24px;
color:inherit
}
.module-icon.none em.black{
color:#000
}
.module-icon.none em.gray{
color:#666
}
.module-icon.none em.blue{
color:#3e65b2
}
.module-icon.none em.light-blue{
color:#6694d6
}
.module-icon.none em.green{
color:#4aab10
}
.module-icon.none em.light-green{
color:#71a115
}
.module-icon.none em.purple{
color:#584eb2
}
.module-icon.none em.light-purple{
color:#7f76cc
}
.module-icon.none em.brown{
color:#622d07
}
.module-icon.none em.orange{
color:#bc6e00
}
.module-icon.none em.yellow{
color:#dcb232
}
.module-icon.none em.red{
color:#9d1d14
}
.module-icon.none em.pink{
color:#b27e9d
}
/* icon position */
.tf_textc.icon_vertical span {
display:block;
margin-top:.2em
}
.module-icon:not(.tf_textc) .module-icon-item,
.module-icon:not(.tf_textc) .module-icon-item a{
display:flex;
align-items:center;
}
.tf_textr .module-icon-item em,
.tf_textr .module-icon-item img{
order:1;
}
.tf_textr.icon_vertical .module-icon-item,
.tf_textr.icon_vertical .module-icon-item{
justify-content:flex-end
}
.module-icon:not(.tf_textc) .module-icon-item.tf_inline_b a,
.module-icon:not(.tf_textc) .module-icon-item.tf_inline_b{
display:inline-flex
}
@media screen and (max-width:680px){
.module-icon.large span{
font-size:1.1em
}
.module-icon.xlarge span{
font-size:1.2em
}
}
/*/styles/modules/site-logo.css*/
.logo-wrap{
z-index:1
}
#site-logo{
margin:5px 0;
font-weight:400;
line-height:1em;
font-size:1.6em;
text-transform:uppercase;
display:inline-block;
transition:padding .2s linear
}
#site-logo a span{
display:inline-block;/* padding for logo text only */
padding:.55em 0
}
#site-logo a,
#site-logo a:hover{
text-decoration:none
}
#site-logo img{
vertical-align:middle
}
#headerwrap.fixed-header #site-logo img:not(.tf_sticky_logo){
max-height:60px;
width:auto
}
.fixed-header-on .tf_sticky_logo ~ *,
body:not(.fixed-header-on) .tf_sticky_logo {
display:none !important;
}
/*/themify-builder/css/modules/image_styles/left.css*/
.module-image.image-left .image-wrap{
float:left;
margin:0 1.2em 1em 0
}
.module-image.image-left .image-content{
overflow:hidden;
padding-top:8px;
min-width:100px;
text-align:left
}
/*/styles/modules/footer-social-badge.css*/
.footer-social-wrap{
display:table;
contain:layout paint;
table-layout:fixed;
}
.footer-social-badge{
display:table-cell;
height:100px;
color:#fff
}
#footerwrap .footer-social-badge a{
background-size:cover;
color:inherit;
display:block;
width:100%;
height:100%;
line-height:99px;
letter-spacing:.1em;
text-decoration:none;
position:relative;
z-index:1;
transition:transform .3s ease-out
}
.footer-social-badge:hover a{
transform:scale(1.13)
}
.footer-social-badge a:after{
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1
}
.footer-social-badge .tfb-twitter-alt:after{
background-color:rgba(85,172,238,.8)
}
.footer-social-badge .tfb-facebook-alt:after{
background-color:rgba(59,89,152,.8)
}
.footer-social-badge .tfb-pinterest-alt:after{
background-color:rgba(203,32,39,.8)
}
.footer-social-badge .tfb-youtube-alt:after{
background-color:rgba(187,0,0,.8)
}
.footer-social-badge .tfb-linkedin-alt:after{
background-color:rgba(0,123,181,.8)
}
.footer-social-badge .tfb-google-alt:after{
background-color:rgba(221,75,57,.8)
}
.footer-social-badge .tfb-instagram-alt:after{
background-color:rgba(76,104,215,.8)
}
.footer-social-badge .tf_fa{
font-size:2em;
vertical-align:middle;
margin-right:.15em
}
.footer-social-badge strong,
.footer-social-badge span{
font-family:"Libre Franklin",sans-serif;
letter-spacing:normal;
margin-left:2px
}
.footer-social-badge strong{
font-weight:600;
letter-spacing:0.1em;
text-transform:uppercase
}
#footerwrap .footer-social-badge a:hover{
color:inherit
}
@media screen and (max-width:695px){
/* Added this breakpoint exclusively for social badges */
#footerwrap .footer-social-badge a{
line-height:99px;
padding-top:0
}
.footer-social-wrap .footer-social-badge{
display:block
}
}
/*/styles/modules/footer-logo.css*/
#footer-logo{
font-size:1.65em;
font-weight:600;
letter-spacing:-.008em;
line-height:normal;
margin-bottom:.4em
}
#footer-logo a{
text-decoration:none
}
@media screen and (max-width:680px){
.footer-column-wrap .footer-logo-wrap{
clear:both;
float:none;
margin:0;
width:auto
}
}
/*/styles/modules/footer-nav.css*/
.footer-nav{
margin:.5em 0 1em;
padding:0 0 2em 0
}
.footer-nav li{
list-style:none;
padding:.1em 0;
margin:0
}
.footer-nav li a{
text-decoration:none;
letter-spacing:-.01em
}
.footer-nav li{
display:inline-block;
padding:0;
margin:0;
list-style:none;
position:relative
}
.footer-nav a{
text-decoration:none;
margin:0 1em .8em 0
}
.footer-nav li ul{
background-color:#fff;
margin:0;
padding:.6em 0;
position:absolute;
z-index:11;
bottom:100%;
list-style:none;
text-align:left;
opacity:0;
visibility:hidden;
box-sizing:border-box;
box-shadow:0 6px 20px 5px rgba(0,0,0,.12);
border-radius:8px
}
@media (hover:none){
.footer-nav li ul{
display:none
}
}
#footerwrap .footer-nav ul a{
display:block;
width:238px;
padding:.5em 1.25em .5em 1.6em;
margin:0;
box-sizing:border-box;
color:#666
}
.footer-nav li li ul{
left:100%;
bottom:-.65em
}
.footer-nav li:hover > ul,
/* tab keyboard menu nav */
.footer-nav li > a:focus + .sub-menu,
.footer-nav li > .sub-menu:focus-within{
margin-bottom:0;
opacity:1;
pointer-events:auto;
visibility:visible
}
/* Footer Edge Menu */
.footer-nav li.edge ul{
left:auto;
right:0
}
.footer-nav ul li.edge ul{
right:100%
}
/*/style.css*/
/*
Theme Name:Themify Shoppe
Theme URI:https://themify.me/themes/shoppe
Version:5.7.3
Description:Themify Shoppe is a multi-purpose WooCommerce theme that helps you build professional eCommerce sites in minutes. It comes with the drag & drop Themify Builder and many eCommerce features such as ajax cart,wishlist,quick look lightbox,ajax quick search,product image zoom/gallery,and tons of layout options. Read Shoppe documentation for more information.
Author:Themify
Author URI:https://www.themify.me
License:GNU General Public License v2.0
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Copyright:(c) Themify.
Tags:themify,featured-images,translation-ready,custom-menu,sidebar
Text Domain:themify
---------
DO NOT EDIT THIS FILE.
If you need to overwrite the CSS styling,create a new custom_style.css
in the theme folder and it will automatically load in the .
*/
/************************************************************************************
1. RESET
*************************************************************************************/
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,
dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,
a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,
strong,sub,sup,tt,var,legend,fieldset,figure{
margin:0;
padding:0
}
img,fieldset{
border:0
}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
address{
font-style:normal
}
html{
scroll-behavior:smooth
}
iframe,audio{
max-width:100%
}
/************************************************************************************
2. GENERAL STYLING
*************************************************************************************/
:root{
--theme_accent:#dcaa2e;
--theme_accent_hover:#000
}
body{
font:1em/1.7em 'Libre Franklin',Arial,sans-serif;
overflow-wrap:break-word;
background-color:#fff;
color:#666;
-webkit-font-smoothing:antialiased;
-ms-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
text-size-adjust:100%
}
a{
text-decoration:none;
transition:color .2s ease-in-out;
color:var(--theme_accent)
}
a:hover{
text-decoration:none;
color:var(--theme_accent_hover)
}
p{
padding:0;
margin:0 0 1.2em
}
small{
font-size:87%
}
blockquote{
font-size:1.1em;
line-height:1.4em;
padding:.8em 1.4em;
margin:0 5% 1.2em;
border-left:solid 3px rgba(150,150,150,.3);
}
ins{
text-decoration:none
}
/* LIST
================================================ */
ul,ol{
margin:0 0 1.4em 1.6em;
padding:0
}
li{
margin:0 0 1em 0;
padding:0
}
ul ul,
ul ol,
ol ol,
ol ul{
margin-top:1em
}
/* HEADINGS
================================================ */
h1,h2,h3,h4,h5,h6{
line-height:1.4em;
margin:0 0 .4em;
color:#000;
overflow-wrap:normal;
font-weight:500
}
h1,
.page-title{
font-size:3em;
line-height:90%;
font-weight:600;
margin:0 0 .6em;
padding:0;
letter-spacing:-.03em
}
h2{
font-size:1.8em;
font-weight:600;
letter-spacing:-.02em
}
h3{
font-size:1.4em
}
h4{
font-size:1.1em;
font-weight:600;
text-transform:uppercase;
letter-spacing:.05em
}
h5{
font-size:1.1em
}
h6{
font-size:1em
}
/* FORM
================================================ */
input,textarea,select,input[type=search],button{
font-size:100%;
font-family:inherit;
max-width:100%
}
input:read-write,
input:read-only,
input[type=radio],
input[type=checkbox],
select,
textarea{
background:#fff;
border:1px solid rgba(0,0,0,.15);
padding:.6em;
max-width:100%;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:8px
}
input:read-write,
input:read-only{
margin:0 1em .4em 0;
width:17em
}
input[type=number]{
width:7em
}
input[type=checkbox] + label{
display:inline-block
}
textarea{
width:100%;
min-height:13.5em;
margin:0
}
select{
padding-right:30px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke-linecap='round' width='100' height='100' stroke='rgba(40,40,40,.8)' stroke-width='3'%3E%3Cpolyline points='2.7,2.3 49.1,57.2 95.5,2.3 '/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size:12px;
background-position:calc(100% - 8px) calc(50% + 3px)
}
input[type=radio],
input[type=checkbox]{
border-radius:6px;
clear:none;
cursor:pointer;
padding:0 2px;
margin:0 .3em 0 0;
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
text-align:center;
line-height:1;
-webkit-appearance:none
}
input[type=radio]{
padding:0;
border-radius:100%;
display:inline-flex;
justify-content:center;
align-items:center
}
input[type="checkbox"]:before{
content:"";
display:inline-block;
width:12px;
height:5px;
margin-bottom:4px;
margin-left:1px;
border-left:1px solid transparent;
border-bottom:1px solid transparent;
transform:rotateZ(-45deg) skewY(-10deg)
}
input[type="checkbox"]:checked:before{
border-left:1px solid;
border-bottom:1px solid;
}
input[type="radio"]:checked:before{
content:"";
display:inline-block;
vertical-align:middle;
border-radius:100%;
background-color:#222;
width:12px;
height:12px
}
/* form input:focus */
select:focus,
textarea:focus,
input:read-write:focus,
input:read-only:focus{
border-color:rgba(0,0,0,.5)
}
input[type=reset],input[type=submit],button{
background-color:var(--theme_accent);
border:none;
border-radius:0;
color:#fff;
cursor:pointer;
font-weight:500;
width:auto;
text-transform:uppercase;
letter-spacing:.05em;
padding:.8em 1.4em;
border-radius:30px;
-webkit-appearance:none;
transition-property:background-color,transform,box-shadow;
transition-duration:.3s
}
input[type=reset]:hover,input[type=submit]:hover,button:hover{
background:var(--theme_accent_hover);
color:#fff;
transform:translateY(-2px);
box-shadow:0 5px 12px 3px rgba(0,0,0,.12)
}
/************************************************************************************
3. STRUCTURE
*************************************************************************************/
/* set general layout containers box-sizing */
img,textarea,input,.author-box,.widget,.col4-1,.col4-2,.col3-1{
box-sizing:border-box
}
.pagewidth,
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner{
width:1160px;
max-width:100%;
margin:0 auto
}
#content{
width:72%;
padding:6.5% 0
}
.full_width #layout{
width:100%;
max-width:100%
}
.full_width #content{
padding:0;
width:auto;
max-width:100%;
float:none
}
/************************************************************************************
4. GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col3-1{
float:left;
margin-left:3.2%
}
.col4-1{
width:22.6%
}
.col4-2{
width:48.4%
}
.col3-1{
width:31.2%
}
.col4-1.first,
.col4-2.first,
.col3-1.first{
margin-left:0;
clear:left
}
/************************************************************************************
5. HEADER
*************************************************************************************/
#headerwrap{
background-color:rgba(255,255,255,.9);
left:0;
top:0;
z-index:999;
position:relative;
text-align:center;
box-shadow:0 1px 15px rgba(0,0,0,.12);
}
#headerwrap.fixed-header:before{
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
pointer-events:none;
z-index:0;
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px)
}
.slide-cart-visible #headerwrap:before,
.mobile-menu-visible #headerwrap:before{
display:none;
}
.fixed-header-enabled #headerwrap{
position:sticky;
position:-webkit-sticky; /*for safari*/
}
.transparent-header #headerwrap,
.transparent-header.no-fixed-header #headerwrap{
position:fixed
}
/* Announcement Bar compatibility */
.themify_announcement.bar .announcement_container{
width:auto;
margin:0 28px
}
#header{
width:calc(100% - 56px);
max-width:none;
margin:0 28px
}
#headerwrap a{
color:#000
}
#headerwrap a:hover{
color:var(--theme_accent)
}
/*
SEARCH FORM
================================================ */
.header-icons .search-button{
text-decoration:none;
text-align:center;
outline:0;
border-left:1px solid rgba(180,180,180,.2);
margin-right:-28px;
margin-left:10px;
padding:0;
border-radius:0
}
.header-icons .search-button:hover{
background:rgba(200,200,200,.25)
}
.search-button:focus{
outline:0
}
.search-button .tf_fa{
display:block;
font-size:1.3em;
margin:auto;
padding:1.06em .8em
}
/*
ICON MENU
================================================ */
.header-icons{
position:absolute;
right:0;
bottom:0;
display:flex;
flex-wrap:wrap;
align-items:center;
z-index:2
}
.top-icon-wrap{
display:flex;
align-items:center;
flex-wrap:wrap
}
.icon-menu{
display:inline;
margin:0 0 0 3px;
padding:0;
list-style:none;
}
.icon-menu li{
display:inline-block;
vertical-align:middle;
margin:0;
padding:10px 0;
position:relative;
list-style:none;
}
.icon-menu em{
font-size:19px;
padding:9px 10px;
display:inline-block;
vertical-align:middle;
line-height:1;
box-shadow:none;
text-shadow:none;
border-radius:100%;
}
#header .icon-shopping-cart.tf_loader{
font-size:7px;
padding:9px
}
#header .icon-shopping-cart.tf_loader:before{
border-width:2px
}
.icon-menu a:hover em{
background-color:rgba(200,200,200,.25);
}
.icon-menu li > a{
display:inline-block;
text-decoration:none;
margin:3px;
position:relative
}
.icon-shopping-cart svg {
margin-top:-2px;/* for alignment */
}
.icon-shopping-cart.tf_loader svg {
display:none
}
.icon-menu ul li{
padding:0
}
.icon-menu li > .sub-menu{
text-align:left
}
/* Remove Cart Tooltip & Hover */
.cart-style-dropdown .icon-menu .cart a .tooltip{
display:none
}
.icon-menu li > a .tooltip{
background-color:#000;
color:#fff;
display:inline-block;
font-size:.8em;
line-height:1.3em;
text-align:center;
padding:.5em 1.15em;
position:absolute;
top:130%;
margin-top:0;
left:50%;
opacity:0;
visibility:hidden;
border-radius:30px;
transform:translateX(-50%);
transition:.3s ease-out;
transition-property:opacity,visibility;
z-index:1
}
.icon-menu li > a:hover .tooltip{
opacity:1;
visibility:visible
}
.cart-style-slide-out .icon-menu .cart a .cart_empty + .tooltip{
display:block
}
.icon-menu li > a .tooltip:before{
content:'';
display:block;
border:5px solid transparent;
border-bottom-color:#000;
position:absolute;
bottom:100%;
left:50%;
margin-left:-5px
}
.icon-menu .icon-menu-count{
min-width:10px;
position:absolute;
right:-6px;
top:50%;
padding:4px;
border-radius:10px;
background-color:var(--theme_accent);
font-size:9px;
line-height:1;
animation:zoomIn .3s ease;
color:#fff;
text-align:center
}
.tf_loader + .icon-menu-count{
display:none
}
@keyframes zoomIn{
0%{ transform:scale(.5) }
100%{ transform:scale(1) }
}
/* darkmode toggle icon */
.tf_darkmode_toggle svg {
stroke-width: 2px;
fill: transparent;
}
/*
MAIN NAVIGATION
================================================ */
#main-nav{
margin:0;
padding:0;
text-align:left;
position:absolute;
width:100%;
left:0;
bottom:0
}
#main-nav li{
margin:0;
padding:0;
list-style:none;
position:relative;
display:inline-block
}
/* main level link */
#main-nav a{
display:inline-block;
position:relative;
padding:1.2em .4em;
margin:0 .25em 0 0;
text-decoration:none;
text-transform:uppercase;
letter-spacing:.02em
}
#main-nav > li > a:before{
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
margin-bottom:-1px;
color:transparent;
border-bottom:3px solid currentColor;
transition:inherit
}
#main-nav > li:hover > a:before,
#main-nav > .current_page_item > a:before,
#main-nav > .current-menu-item > a:before,
#main-nav > .current_page_item > a:hover:before,
#main-nav > .current-menu-item > a:hover:before{
color:var(--theme_accent)
}
#main-nav .highlight-link > a{
padding:.2em 1em;
border:1px solid;
border-radius:8px
}
.icon-menu ul a,
#main-nav ul a{
border:none;
border-bottom:1px solid rgba(180,180,180,.2);
color:#060604;
display:block;
font-size:.95em;
line-height:1.4em;
letter-spacing:0;
font-weight:400;
text-transform:none;
margin:0;
padding:.6em 0;
width:170px;
box-sizing:border-box
}
.icon-menu ul li:last-child > a,
#main-nav ul li:last-child > a{
border-bottom:none
}
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a,
#main-nav a:hover{
color:var(--theme_accent)
}
/* mobile menu icon */
.menu-icon-inner:before{
border-top:2px solid;
border-bottom:2px solid
}
.menu-icon-inner:after{
border-top:2px solid
}
#slide-cart.sidemenu-on{
right:0;
box-shadow:-6px 0 20px 5px rgba(0,0,0,.25)
}
body.slide-cart-visible,
body.mobile-menu-visible{
position:relative;
overflow-y:hidden
}
body.slide-cart-visible{
overflow:hidden !important
}
.body-overlay{
display:none;
background-color:rgba(232,232,232,.9);
width:100%;
height:100%;
position:fixed;
top:0;
box-shadow:none;
z-index:1000;
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px)
}
.body-overlay-on{
display:block
}
.sidemenu-left .body-overlay{
right:auto
}
.empty-shopdock{
padding:1em
}
/* Edge Menu */
#main-nav .edge > .sub-menu{
left:auto;
right:0
}
#main-nav ul .edge > .sub-menu{
left:auto;
right:100%
}
.menu-item .child-arrow{
display:none;
cursor:pointer;
z-index:12;
color:#7d7d7d;
width:34px;
height:34px;
position:absolute;
right:10px;
top:5px;
border-radius:100%;
transition:transform .4s
}
.menu-item .child-arrow:hover{
background:rgba(200,200,200,.25);
transform:rotateZ(180deg)
}
.child-arrow:before,
.child-arrow:after{
top:50%;
left:9px;
content:'';
position:absolute;
transition:transform .5s ease-in-out;
height:1px;
width:10px;
transform:rotate(45deg);
background:currentColor;
z-index:9999;
border-radius:10px;
}
.child-arrow:after{
left:16px;
transform:rotate(-45deg)
}
.toggle-on > a .child-arrow:after,
.toggle-on > a .child-arrow:before{
left:9px;
width:50%;
}
@media (hover:none){
#main-nav .menu-item-has-children > a,
#icon-menu .menu-item-has-children > a{
padding-right:43px
}
#footer-nav .menu-item-has-children > a{
padding-right:28px
}
.menu-item .child-arrow{
margin-left:7px;
border-radius:100%;
display:inline-block;
padding:0;
right:5px;
top:50%;
margin-top:-17px
}
#main-nav .toggle-on > a > .child-arrow{
background:rgba(214,214,214,.4)
}
#main-nav li > .sub-menu{
display:none
}
}
.icon-menu li > .sub-menu,
#main-nav li > .sub-menu{
color:#484848;
background-color:#fff;
box-shadow:0 6px 20px 5px rgba(0,0,0,.12);
margin:0;
list-style:none;
padding:10px 20px;
position:absolute;
z-index:100;
left:0;
top:100%;
box-sizing:border-box;
transition:opacity .2s ease-in-out,visibility .2s ease-in-out;
pointer-events:none;
visibility:hidden;
opacity:0;
border-radius:8px
}
.icon-menu li:hover > .sub-menu,
#main-nav li:hover > .sub-menu,
/* tab keyboard menu nav */
#main-nav li > a:focus + .sub-menu,
#main-nav li > .sub-menu:focus-within{
pointer-events:auto;
visibility:visible;
opacity:1
}
#main-nav li > .sub-menu .sub-menu{
visibility:visible;
left:100%;
top:0;
}
.icon-menu li > .sub-menu ul{
left:auto;
right:100%;
top:0;
margin-top:-10px
}
#main-nav .tf_post_count {
background:rgba(200,200,200,.25);
border-radius:100%;
margin:auto 3px;
font-size:.7em;
line-height:1em;
padding:.4em;
margin-left:5px;
display:none;
min-width:11px;
text-align:center;
vertical-align:middle
}
#main-nav .has-mega-sub-menu .tf_post_count{
display:inline-block
}
/* mega menu posts */
#main-nav .mega-menu-posts .post-title{
font-size:.9em;
font-weight:400;
font-family:inherit;
text-transform:none;
line-height:1.45em;
margin:0;
padding:0
}
#main-nav .mega-menu-posts .post a{
text-transform:none;
padding:0;
border:none;
width:auto;
font-size:unset
}
#main-nav .mega-menu-posts .post del{
opacity:.5;
font-size:.85em /* for woocommerce */
}
#main-nav .themify_mega_menu_category_link{
width:auto;
border:none
}
#main-nav .mega-menu-posts .post{
margin:0
}
/* mega column */
#main-nav .has-mega-column > .sub-menu li{
display:block
}
#main-nav .has-mega-column > .sub-menu a{
background:none;
width:100%;
padding:.6em 0;
}
#main-nav .has-mega-column .widget{
margin:0 0 .5em;
font-size:.95em
}
#main-nav .has-mega-column .widget h1,
#main-nav .has-mega-column .widget h2,
#main-nav .has-mega-column .widget h3,
#main-nav .has-mega-column .widget h4,
#main-nav .has-mega-column .widget h5,
#main-nav .has-mega-column .widget h6{
color:inherit
}
#main-nav .has-mega-column .widgettitle,
#main-nav .has-mega-column > .sub-menu > .columns-sub-item > a{
font-size:.925em;
font-weight:500;
line-height:1.6em;
margin:0 0 .7em;
padding:0;
text-decoration:none;
letter-spacing:.04em;
text-transform:uppercase;
border:none
}
/* mega menu WC styles */
#main-nav .has-mega-column .product-categories .count{
font-size:.8em;
border-radius:10px;
background-color:rgba(0,0,0,.2);
color:#fff;
display:inline-block;
min-height:10px;
line-height:normal;
padding:3px 9px;
margin:.55em 0;
position:absolute;
top:1px;
right:0
}
#main-nav .has-mega-column .product-categories li:hover > .count{
background-color:var(--theme_accent);
color:#fff
}
#main-nav .has-mega-column .cart_list ins,
#main-nav .has-mega-column .product_list_widget ins{
font-weight:300
}
/* user menu icon */
#main-nav a > i .tf_fa{
margin-right:5px;
}
#main-nav a .tf_lazy{
display:none
}
/*
FIXED HEADER
================================================ */
.revealing-header #headerwrap{
transition:transform .5s ease-in-out,opacity .5s ease-in-out
}
.revealing-header #headerwrap.header_hidden{
transform:translateY(-100%);
opacity:0
}
/* sticky header logo */
#headerwrap .tf_sticky_logo,/* hide sticky header logo */
#headerwrap.fixed-header .tf_sticky_logo,
#headerwrap.fixed-header .tf_sticky_logo + span,
#headerwrap.fixed-header .tf_sticky_logo + img{
display:none
}
#headerwrap.fixed-header .tf_sticky_logo{
display:block
}
/*
AUTHOR PAGE
================================================ */
.author-bio{
margin:0 0 2em
}
.author-bio .author-avatar{
float:left;
margin:0 15px 0 0
}
.author-bio .author-avatar img{
background-color:#fff;
padding:5px;
border:solid 1px #ccc
}
.author-bio .author-name{
margin:0 0 .5em;
padding:0;
font-size:1.6em
}
.author-posts-by{
margin:0 0 1.5em;
padding:1em 0 0;
font-size:1.4em;
text-transform:uppercase;
border-top:solid 4px #ccc;
border-color:rgba(118,118,118,.3)
}
/*
GENERIC POST
================================================ */
.post{
margin-bottom:3em;
position:relative
}
/* post title */
.post-title{
font-size:1.8em;
line-height:1.3em;
letter-spacing:-.02em;
margin:0 0 .4em;
padding:0
}
.post-title a{
text-decoration:none;
color:#000
}
.post-title a:hover{
color:var(--theme_accent)
}
/* post image */
.post-image{
margin:0 0 .7em
}
.post-image img{
border-radius:8px;
vertical-align:bottom
}
.post-image.left{
float:left;
margin-right:1em
}
.post-image.right{
float:right;
margin-left:1em
}
/* post meta */
.post-meta{
color:#959595;
font-size:.75em;
line-height:1.6em;
margin:0 0 1em;
padding:0
}
.post-meta a{
text-decoration:none
}
.post-meta a:hover{
text-decoration:underline
}
.post-cat-tag-wrap span,
.post-meta span{
vertical-align:middle
}
/* post category */
.post-cat-tag-wrap{
font-size:.7em;
margin:0 0 .2em;
display:inline-block
}
.post-category{
font-weight:600;
text-transform:uppercase;
letter-spacing:.03em
}
.post-tag{
letter-spacing:-.01em;
color:#e1e1e1
}
.post-tag a{
color:#ababab
}
.post-date:before,
.post-comment:before,
.post-tag:before{
content:'';
display:inline-block;
vertical-align:middle;
margin-left:5px;
margin-right:7px;
background-color:rgba(0,0,0,.15);
width:4px;
height:4px;
border-radius:100%
}
/* post author */
.post-author{
font-weight:600;
text-transform:uppercase;
letter-spacing:.09em
}
.post-author:before{
content:'';
display:inline-block;
vertical-align:middle;
border-bottom:solid 1px;
width:17px;
margin-right:6px;
opacity:.4
}
/* post comment */
.post-comment{
letter-spacing:.03em
}
/* post date */
.post-date{
letter-spacing:.007em;
margin:0;
display:inline-block;
vertical-align:middle
}
/* more link */
.more-link{
color:#060604;
font-size:.8em;
font-weight:600;
display:inline-block;
text-transform:uppercase;
letter-spacing:.05em;
line-height:1.9em;
margin:0 0 .8em;
padding:0
}
.more-link:after{
content:'';
display:block;
border-bottom:3px solid #f2cd8a
}
/* reset slider shortcode in framework css */
.shortcode.post-slider .carousel-prev,
.shortcode.slider .carousel-prev,
.shortcode.post-slider .carousel-next,
.shortcode.slider .carousel-next{
border-radius:0;
border:0;
text-shadow:none;
margin:0;
box-shadow:none;
background-image:none
}
/*NO-GUTTER POST*/
.loops-wrapper.no-gutter .post-image{
margin:0
}
.loops-wrapper.no-gutter .post,
ul.products.no-gutter li.product .post-image,
.loops-wrapper.no-gutter .post-image img{
border-radius:0;
}
/* single post image */
.single .has-post-thumbnail .post-image{
text-align:center
}
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box{
margin:57px 0;
border:none
}
.author-box .author-avatar{
float:left;
margin:0 30px 5px 0
}
.author-box .author-avatar img{
border-radius:100%;
max-width:85px
}
.author-box .author-name{
margin:0 0 12px;
text-transform:none;
letter-spacing:.07em;
font-size:1.1em;
font-weight:300
}
/************************************************************************************
POST PAGINATION (the tag)
*************************************************************************************/
.post-pagination{
text-align:right;
margin:.5em 0 2em
}
.post-pagination strong{
margin-right:3px
}
.post-pagination a{
margin-left:3px;
margin-right:3px
}
/************************************************************************************
INFINITE SCROLL
*************************************************************************************/
.wpf_infinity a,
#load-more a{
background:none;
color:#060604;
font-weight:700;
text-decoration:none;
text-transform:uppercase;
letter-spacing:.065em;
line-height:1.9em;
margin:50px 0 .8em;
padding:0;
width:auto;
display:none
}
.wpf_infinity a:after,
#load-more a:after{
content:'';
display:block;
border-bottom:3px solid var(--theme_accent)
}
.wpf-search-container .wpf_infinity a,
.wpf-search-container .wpf_infinity a:hover,
.wpf_infinity_container .wpf_infinity a,
.wpf_infinity_container .wpf_infinity a:hover{
background-color:transparent
}
/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video,
.embed-youtube{
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
margin-bottom:15px
}
.post-video iframe,
.embed-youtube iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
/************************************************************************************
8. SIDEBAR
*************************************************************************************/
.widget{
margin:0 0 1em
}
.widgettitle{
margin:0 0 1.2em;
padding:0;
font-weight:600;
font-size:1em;
text-transform:uppercase;
letter-spacing:.15em;
line-height:1.8em
}
.widget ul{
margin:0;
padding:0
}
.widget li{
margin:0;
padding:0 0 1em;
list-style:none;
clear:both
}
.widget ul ul{
margin:1em 0 -1em 0;
padding:0;
border-top:none
}
.widget ul ul li{
margin:0;
padding-left:10px
}
/************************************************************************************
8.1 WIDGET STYLES
*************************************************************************************/
/* add white bg to facebook badge iframe */
iframe[src*="facebook"]{
background-color:#fff
}
/* reset twitter embed max-width to 100% */
#content .twitter-tweet-rendered{
max-width:100% !important
}
#content .twt-border{
max-width:100% !important;
min-width:180px !important
}
/* product filter plugin */
#pagewrap .wpf_slider.ui-slider .ui-widget-header{
background-color:var(--theme_accent)
}
#pagewrap .wpf_item .wpf_item_name{
border:none;
font-weight:500;
color:inherit
}
#pagewrap .wpf_layout_vertical .wpf_item.wpf_item_onsale .wpf_item_name,
#pagewrap .wpf_layout_vertical .wpf_item.wpf_item_instock .wpf_item_name{
color:inherit;
font-weight:inherit
}
.wpf_items_wrapper .wpf_item ul li{
margin-right:1em
}
/************************************************************************************
9. FOOTER
*************************************************************************************/
#footerwrap{
font-size:.95em;
line-height:1.7em
}
#footerwrap a{
color:#000
}
#footerwrap a:hover{
color:var(--theme_accent)
}
#footer{
position:relative;
padding-top:2.5em
}
#footerwrap .col4-1{
font-size:.95em
}
/*
FOOTER WIDGETS
================================================ */
#footerwrap .below-logo-widget {
margin-bottom:2em
}
.footer-widgets .widget{
margin-bottom:2.2em
}
.footer-widgets .widgettitle{
font-size:.95em;
font-weight:500;
letter-spacing:.1em;
margin-bottom:1.4em;
line-height:normal
}
.footer-widgets .widget li{
border:none;
padding:0 0 .6em
}
.footer-widgets .widget li a{
text-decoration:none
}
/*
FOOTER TEXT
================================================ */
.footer-text{
font-size:85%;
opacity:.7
}
.footer-text .one,
.footer-text .two{
display:inline-block;
vertical-align:middle
}
.footer-text .one{
margin-right:1em
}
/*
FOOTER COLUMNS
================================================ */
.footer-logo-wrap{
width:26%
}
.footer-widgets-wrap{
width:70%;
margin-left:4%
}
/************************************************************************************
10. BUILDER STYLING
*************************************************************************************/
.module_row.fullwidth > .row_inner{ /* for content width = full_width */
width:100%;
max-width:100%
}
/* Disable background attachment on iOS devices */
@supports (-webkit-touch-callout:none) {
#headerwrap{
background-attachment:scroll!important;
background-position:center!important
}
}
/************************************************************************************
11. WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft,img.aligncenter,img.alignright,img.alignnone{
margin-bottom:1em
}
.alignleft{
float:left;
margin-right:2em
}
.alignright{
float:right;
margin-left:2em
}
.aligncenter{
text-align:center;
display:block;
margin-left:auto;
margin-right:auto
}
.wp-caption{
text-align:center;
margin-bottom:1em;
max-width:100%
}
.wp-caption-text{
font-style:italic;
margin:.5em 0
}
/* attachment page */
body.attachment{
width:auto;
float:none;
position:static
}
.single .attachment.post{
width:auto;
float:none
}
/* clearfix */
.widget li:after,.menu:after{
content:"";
display:table;
clear:both
}
/* Spark animation fix */
.cs-canvas-container{ overflow:hidden }
/* when logged-in-as 1px gap fix */
.screen-reader-text{ height:0!important}
/* SPIN ANIMATION */
.mobile-menu-visible #headerwrap #menu-icon{
transition:transform .3s linear
}
.mobile-menu-visible #headerwrap #menu-icon:hover{
transform:rotate(90deg)
}
@media screen and (max-width:1200px){
.mobile-menu-visible,
.slide-cart-visible{
overflow-y:hidden
}
.pagewidth,
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner{
max-width:94%
}
#pagewrap,
.module-layout-part .module_row.fullwidth > .row_inner,
.module_row.fullwidth > .row_inner{
max-width:100%
}
.module_row .row_inner .module-layout-part .row_inner{
width:auto
}
}
@media screen and (max-width:1024px){
.footer-widgets .col4-1{
width:48.4%
}
.footer-widgets .col4-1:nth-child(2n+1){
margin-left:0;
clear:left
}
}
@media screen and (max-width:800px){
.page-title,
h1{
font-size:2.4em
}
}
@media screen and (max-width:760px){
.pagewidth,
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner{
max-width:90%
}
body #content{
width:100%;
max-width:100%;
float:none;
clear:both;
padding-top:10%
}
/* Sidebars & Sticky Sidebar */
body #sidebar{
width:100%;
max-width:100%;
float:none;
clear:both;
padding-top:10%
}
#header{
margin-left:5%;
margin-right:5%
}
.tf-mc-form .module{
padding-left:5%;
padding-right:5%
}
.tf-mc-form .mc4wp-form-fields input[type=submit]{
padding-left:.5em;
padding-right:.5em
}
}
@media screen and (max-width:680px){
.page-title,
h1{
font-size:1.9em
}
h3{
font-size:1.3em
}
h2.fancy-heading {
font-size:1.8em;
}
h2,
h3.fancy-heading {
font-size:1.6em;
}
#footerwrap .col4-2,
#footerwrap .col2-1,
#footerwrap .col4-3,
#footerwrap .col3-1,
#footerwrap .col3-2,
.col4-1,
.col4-2,
.col2-1,
.col4-3,
.col3-1,
.col3-2 {
margin-left:0;
width:100%;
max-width:100%
}
.post-title{
font-size:1.4em
}
.footer-widgets-wrap{
clear:both;
float:none;
margin:0;
width:auto
}
.footer-text-outer{
right:auto;
left:0;
display:flex;
flex-direction:column;
align-items:flex-start
}
}
/*/styles/headers/header-logo-left.css*/
#headerwrap{
text-align:inherit
}
.logo-wrap{
float:left
}
#site-description{
left:0;
transform:none;
text-align:left
}
#site-description:before{
left:0;
margin-left:24px
}
#main-nav{
position:static;
float:left;
width:auto;
max-width:none;
padding-left:23px
}
#headerwrap #menu-icon{
position:absolute;
margin:auto
}
/*http://bluebellfittedfurniture.co.uk/wp-content/themes/blue-whale-media/style.css*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
/*
Theme Name: Blue Whale Media
Theme URI: https://www.bluewhalemedia.co.uk/
Template: themify-shoppe
Author: Blue Whale Media
Author URI: https://www.bluewhalemedia.co.uk/
Tags: themify,featured-images,translation-ready,custom-menu,sidebar
Version: 5.6.3.1653473473
Updated: 2022-05-25 11:11:13
*/
/* Remember to remove the commenting-out of hiding the default header and footer below, do this before adding-in your custom header and footer layout parts inside the hook-content section of themify */
#header, #footer {
display: none;
}
/* Colour Variation Section */
:root {
--blue1: #182840;
--blue2: #474D66;
--blue3: #EAEEF9;
--blue4: #77AAE0;
--blue5: #6a7ba0;
--main-bold: "nexa-bold";
--main-reg: "nexa-reg";
--main-light: "nexa-light";
--sec: "kinolk";
}
/* @font-face {
font-family:Nexa !important;
src: url(/wp-content/themes/blue-whale-media/Nexa-Light.otf);
}
@font-face {
font-family:Kinfolk !important;
src: url(/wp-content/themes/blue-whale-media/FontsFree-Net-Kinfolk_Reg.ttf);
}
*/
#header, #footer {
display: none;
}
#pagewrap h1, #pagewrap h2, #pagewrap h3, #pagewrap h4, #pagewrap h5, #pagewrap h6 {
font-family: var(--main-bold);
}
#pagewrap p, #pagewrap li, #pagewrap a, #pagewrap span {
font-family: var(--main-reg);
}
#pagewrap .script-font p, #pagewrap .script-font li, #pagewrap .script-font span {
font-family: var(--sec);
}
.blue-1-bg {
background-color: var(--blue1);
}
.blue-2-bg {
background-color: var(--blue2);
}
.blue-3-bg {
background-color: var(--blue3);
}
.blue-4-bg {
background-color: var(--blue4);
}
.blue-5-bg {
background-color: var(--blue5);
}
/* To add further brand colours you can add new ones inside the :root, for example
--red: #ff0000;
You can also add font family in the variation too if your website has multiple fonts throughout, for example
--primaryfont: Arial;
--secondaryfont: sans-serif;
*/
/* DONT FORGET TO ADD A PLAIN TEXT MODULE IN YOUR HEADER TO SHOW THE BURGER MENU */
/* plain text module should have the class mobile-menu-burger */
/* then add this html in the plain text module
*/
/* mobile menu */
#full-screen-mobile-main-menu {
position: fixed;
left: 0;
top: 0;
height: calc(100% - 130px);
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
padding: 80px 0px 50px;
overflow-y: scroll;
z-index: 1;
overflow-x: hidden;
}
#full-screen-mobile-main-menu:before {
content: '';
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 0;
background: white;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
ul#menu-mobile-menu a {
text-transform: capitalize;
}
.opened-mm #full-screen-mobile-main-menu {
opacity: 1;
visibility: visible;
}
.opened-mm #full-screen-mobile-main-menu:before {
width: 100%;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.opened-mm #full-screen-mobile-main-menu:after {
width: 100%;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
#full-screen-mobile-main-menu .row_inner {
position: relative;
margin: 0 auto;
width: 85%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
opacity: 0;
visibility: hidden;
z-index: 9;
height: 100%;
}
.opened-mm #full-screen-mobile-main-menu .row_inner {
opacity: 1;
visibility: visible;
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
#close-mm {
position: absolute;
color: var(--blue1);
font-size: 40px;
cursor: pointer;
right: 30px;
top: 30px;
z-index: 1;
}
#full-screen-mobile-main-menu a {
color: white;
}
#full-screen-mobile-main-menu ul {
margin: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
#full-screen-mobile-main-menu .row_inner>div.menu-column {
width: 100%;
}
#main-navigation a {
font-size: 18px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
text-transform: uppercase;
letter-spacing: 2px;
}
#main-navigation li {
position: relative;
}
#main-navigation li:hover a {
color: black;
}
#open-mm span:nth-child(2) {
width: 14px;
margin: 2px auto;
height: 2px;
}
#open-mm span {
height: 2px;
width: 25px;
background: black;
display: block;
margin: 5px;
}
#open-mm {
display: inline-block;
height: 100%;
cursor: pointer;
}
#headerwrap #page-header .mobile-menu-burger {
display: none;
}
#main-navigation {
right: auto;
}
#main-navigation li.menu-item-has-children:before {
display: none;
}
#main-navigation li.menu-item-has-children:hover a {
padding-left: 0px;
}
#main-navigation li.menu-item-has-children a:hover {
padding-left: 30px;
}
#main-navigation li.menu-item-has-children>a:hover {
padding-left: 0px;
}
#main-navigation li.menu-item-has-children>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 10px;
}
#main-navigation li.menu-item-has-children ul.sub-menu {
display: none;
}
#main-navigation li.menu-item-has-children>a em {
margin-left: 5px;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
#main-navigation li.menu-item-has-children.opened-sub-menu ul.sub-menu {
display: block;
margin-left: 20px;
}
/* end of mobile menu */
/* Header */
.header-row-1, .header-row-2 {
padding: 10px 10%;
}
.header-row-2 {
background: white;
}
#pagewrap .current-menu-item.current_page_item a {
background: none;
}
.header-est .tb_text_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-est .tb_text_wrap p {
margin: 0px;
color: white;
letter-spacing: 2px;
font-size: 18px;
}
.header-est .tb_text_wrap p:first-of-type {
margin-right: 30px;
position: relative;
}
.header-est .tb_text_wrap p:first-of-type:after {
content: '';
position: absolute;
top: 50%;
right: -15px;
-webkit-transform: translatex(50%)translateY(-50%);
-ms-transform: translatex(50%)translateY(-50%);
transform: translatex(50%)translateY(-50%);
background-image: url('/wp-content/uploads/2022/08/Established-e1661861058307.png');
background-size: contain;
width: 10px;
height: 10px;
border-radius: 10%;
}
.header-contact .tb_text_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-contact .tb_text_wrap p,#pagewrap .header-contact .tb_text_wrap p a {
color: white;
margin: 0px;
font-size: 16px;
font-family: var(--main-bold);
}
.header-contact .tb_text_wrap p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.header-contact .tb_text_wrap p:first-of-type {
margin-right: 30px;
position: relative;
}
.header-contact .tb_text_wrap p:first-of-type:after {
content: '';
position: absolute;
top: 10%;
right: -15px;
/* transform: translatex(50%)translateY(-50%); */
background-color: white;
width: 1px;
height: 15px;
border-radius: 10%;
}
.header-logo img {
width: 100%;
max-width: 150px;
}
.header-row-2 .first {
width: 20%;
}
.header-row-2 .last {
width: 80%;
margin: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
ul#menu-main-navigation {
background-color: unset;
border: 0px;
-webkit-box-shadow: unset;
box-shadow: unset;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
ul#menu-main-navigation:after {
content: unset;
}
ul#menu-main-navigation>li:last-of-type {
border: 1px solid var(--blue1);
border-radius: 25px;
/* padding-right: 30px; */
}
#pagewrap .menu-item-has-children>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-transform: capitalize;
}
#pagewrap .menu-item-has-children>a>em {
margin-left: 10px;
font-size: 75%;
font-weight: bold;
}
ul#menu-main-navigation>li:last-of-type a {
padding: 10px 40px 10px 10px;
}
ul#menu-main-navigation>li:last-of-type a:after {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/wp-content/uploads/2022/08/Navy-Arrow.svg');
}
ul#menu-main-navigation>li a:hover {
background: unset;
}
ul#menu-main-navigation>li a:before {
content: '';
position: absolute;
bottom: 5px;
left: 1.25em;
width: 0%;
max-width: 50px;
height: 2px;
background: var(--blue1);
z-index: 2;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
ul#menu-main-navigation>li>a:hover:before {
width: 100%;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
/* Header Resp */
@media (max-width: 1500px) {
.header-row-1, .header-row-2 {
padding: 10px 5%;
}
}
.mobile-header {
display: none;
}
.mobile-header .header-logo img {
width: 100%;
max-width: 125px;
}
.mobile-header .last {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.mobile-menu-burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
@media (max-width: 1280px) {
.desktop-header {
display:none;
}
.mobile-header {
display: block;
}
}
.mobile-header {
padding: 0px;
background: white;
}
#pagewrap .mobile-header .first {
width: 50%;
margin: 0px;
}
#pagewrap .mobile-header-1 .last {
width: 50%;
margin: 0px;
}
#pagewrap .mobile-header-2 .last {
width: 100%;
margin: 0px;
}
/* Home 1 */
.home-1-sub-row {
padding: 15% 10%;
}
.home-1 .tb_text_wrap p, .home-1 .tb_text_wrap h1 {
text-align: center;
color: white;
}
.home-1 .tb_text_wrap p {
font-size: 18px;
margin-bottom: 10px;
}
.home-1 .script-font p {
letter-spacing: 3px;
}
.home-1 .tb_text_wrap h1 {
font-size: 75px;
font-weight: 500;
line-height: 75px;
margin-bottom: 10px;
}
.home-1-button>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home-1:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgb(24,40,64);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(24,40,64,1)), color-stop(50%, rgba(24,40,64,0.5)), to(rgba(24,40,64,0)));
background: -o-linear-gradient(bottom, rgba(24,40,64,1) 0%, rgba(24,40,64,0.5) 50%, rgba(24,40,64,0) 100%);
background: linear-gradient(0deg, rgba(24,40,64,1) 0%, rgba(24,40,64,0.5) 50%, rgba(24,40,64,0) 100%);
z-index: 1;
}
.home-1 .row_inner {
z-index: 3;
}
/* Home 1 Resp */
@media (max-width: 1280px) {
/* Home 1 */ .home-1-sub-row {
padding: 15% 5%;
}
.home-1 .tb_text_wrap p {
font-size: 15px;
margin-bottom: 10px;
}
.home-1 .script-font p {
letter-spacing: 3px;
}
.home-1 .tb_text_wrap h1 {
font-size: 50px;
font-weight: 500;
line-height: 50px;
margin-bottom: 10px;
}
}
@media (max-width: 1024px) {
.home-1-sub-row {
padding: 15% 5%;
}
.home-1 .tb_text_wrap p {
font-size: 15px;
margin-bottom: 10px;
}
.home-1 .script-font p {
letter-spacing: 3px;
}
.home-1 .tb_text_wrap h1 {
font-size: 40px;
font-weight: 500;
line-height: 50px;
margin-bottom: 10px;
}
}
@media (max-width: 600px) {
.home-1-sub-row {
padding: 15% 5%;
}
.home-1 .tb_text_wrap p {
font-size: 15px;
margin-bottom: 10px;
}
.home-1 .script-font p {
letter-spacing: 3px;
}
.home-1 .tb_text_wrap h1 {
font-size: 40px;
font-weight: 500;
line-height: 50px;
margin-bottom: 10px;
}
}
/* Buttons */
#pagewrap .main-button a {
border-radius: 25px;
padding: 10px 40px 5px 10px;
background: unset;
position: relative;
}
#pagewrap .main-button a:before {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
}
#pagewrap .main-button.blue-button a:before {
background-image: url('/wp-content/uploads/2022/08/Navy-Arrow.svg');
}
#pagewrap .main-button.white-button a:before {
background-image: url('/wp-content/uploads/2022/08/White-Arrow.svg');
}
#pagewrap .main-button.blue-button a {
border: 1px solid var(--blue1);
color: var(--blue1);
}
#pagewrap .main-button.white-button a {
border: 1px solid white;
color: white;
}
/* Home 2 */
.home-2 {
padding: 50px;
margin: auto;
text-align: center;
}
.home-2 .tb-column-inner {
background: white;
z-index: 2;
max-width: 65%;
margin: auto;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
padding-top: 100px;
margin-bottom: -100px;
}
.home-2-text {
margin-bottom: 15px;
}
.home-2-text h3 {
font-size: 40px;
margin-bottom: 15px;
line-height: 100%;
position: relative;
}
.home-2-text h3:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -150%;
background-size: contain;
background-repeat: no-repeat;
}
#pagewrap .service-1 .home-2-text h3:before {
top: -125%;
right: 15%;
}
.home-2-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
@media (max-width: 1280px) {
.home-2 {
padding: 50px 5%;
}
.home-2 .tb-column-inner {
background: white;
z-index: 2;
max-width: 75%;
margin: auto;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
padding-top: 100px;
margin-bottom: -100px;
}
.home-2-text h3 {
font-size: 30px;
margin-bottom: 15px;
line-height: 100%;
position: relative;
}
.home-2-text h3:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -150%;
background-size: contain;
background-repeat: no-repeat;
}
#pagewrap .service-1 .home-2-text h3:before {
top: -150%;
right: 15%;
}
.home-2-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
}
@media (max-width: 1000px) {
.home-2 .tb-column-inner {
max-width: 100%;
-webkit-transform: translateY(-75px);
-ms-transform: translateY(-75px);
transform: translateY(-75px);
padding-top: 75px;
margin-bottom: -75px;
}
.home-2-text h3:before {
top: -175%;
}
#pagewrap .service-1 .home-2-text h3:before {
/* top: -150%; */
/* right: 15%; */
}
.home-2-text p {
font-size: 15px;
line-height: 25px;
}
}
@media (max-width: 500px) {
.home-2-text h3:before {
display: none;
}
}
/* Home 3 */
.home-3 {
padding: 50px 5%;
position: relative;
}
.home-3:before {
content: '';
width: 100%;
height: 77.5%;
position: absolute;
bottom: 0px;
left: 0px;
background: var(--blue1);
}
.home-3-row-1 .tb-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.home-3-row-1 .tb-column-inner:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
bottom: 20%;
background-size: contain;
background-repeat: no-repeat;
left: 12.5%;
}
.home-3-row-1 .tb-column-inner:after {
content: '';
background-image: url('/wp-content/uploads/2022/09/Stars_2.png');
width: 50px;
height: 45px;
position: absolute;
bottom: 0%;
background-size: contain;
background-repeat: no-repeat;
right: 35%;
}
.home-3-row-1 {
margin-bottom: 100px;
}
.home-3-row-1 .home-team-image {
height: 300px;
}
.home-3-row-1 .home-team-image:nth-of-type(2) img {
margin-top: 50px;
}
.home-3-row-1 .home-team-image:nth-of-type(3) img {
margin-top: 150px;
}
.home-3-row-1 .home-team-image:nth-of-type(4) img {
margin-top: 25px;
}
.home-3-row-1 .home-team-image:nth-of-type(5) img {
margin-top: 150px;
}
.home-3-row-2 .first {
width: 35%;
}
.home-3-row-2 .last {
width: 61%;
}
.home-3-row-2 .home-team-image img {
margin: auto;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.home-3-small-title p {
font-size: 18px;
letter-spacing: 5px;
color: var(--blue4);
}
.home-3-text h3 {
color: white;
font-size: 40px;
margin-bottom: 0px;
}
.home-3-text p {
color: white;
font-size: 18px;
line-height: 30px;
margin-bottom: 0px;
}
@media (max-width: 1280px) {
.home-3:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
left: 0px;
background: var(--blue1);
}
.home-3-row-1 .tb-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-3-row-1 .tb-column-inner:before {
bottom: 20%;
left: 5%;
}
.home-3-row-1 .tb-column-inner:after {
bottom: 0%;
right: 25%;
}
.home-3-row-1 {
margin-bottom: 50px;
}
.home-3-row-1 .home-team-image {
height: auto;
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
}
#pagewrap .home-3-row-1 .home-team-image img {
width: 100%;
max-width: 150px;
margin: auto;
display: block;
}
.home-3-row-1 .home-team-image:nth-of-type(2) img {
margin-top: 0px;
}
.home-3-row-1 .home-team-image:nth-of-type(3) img {
margin-top: 0px;
}
.home-3-row-1 .home-team-image:nth-of-type(4) img {
margin-top: 0px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.home-3-row-1 .home-team-image:nth-of-type(5) img {
margin-top: 0px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.home-3-row-1 .home-team-image:nth-of-type(6) img {
margin-top: 0px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.home-3-row-2 .first {
width: 100%;
margin-bottom: 50px;
}
.home-3-row-2 .last {
width: 100%;
margin: 0px;
}
.home-3-row-2 .home-team-image img {
margin: auto;
display: block;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.home-3-small-title p {
font-size: 18px;
letter-spacing: 5px;
color: var(--blue4);
}
.home-3-text h3 {
color: white;
font-size: 40px;
margin-bottom: 0px;
}
.home-3-text p {
color: white;
font-size: 18px;
line-height: 30px;
margin-bottom: 0px;
}
}
@media (max-width: 800px) {
.home-3:before {
content: '';
width: 100%;
height: 85%;
position: absolute;
bottom: 0px;
left: 0px;
background: var(--blue1);
}
.home-3-row-1 .tb-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-3-row-1 .tb-column-inner:before {
bottom: 50%;
left: 50%;
}
.home-3-row-1 .tb-column-inner:after {
bottom: 0%;
right: 50%;
}
.home-3-row-1 {
margin-bottom: 50px;
}
.home-3-row-1 .home-team-image {
height: auto;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
#pagewrap .home-3-row-1 .home-team-image img {
width: 100%;
max-width: 150px;
margin: auto auto 25px;
display: block;
}
.home-3-row-1 .home-team-image:nth-of-type(2) img {
margin-top: 0px;
}
.home-3-row-1 .home-team-image:nth-of-type(3) img {
margin-top: 0px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.home-3-row-1 .home-team-image:nth-of-type(4) img {
margin-top: 0px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.home-3-row-1 .home-team-image:nth-of-type(5) img {
margin-top: 0px;
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
}
.home-3-row-1 .home-team-image:nth-of-type(6) img {
margin-top: 0px;
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
}
.home-3-row-2 .first {
width: 100%;
margin-bottom: 50px;
}
.home-3-row-2 .last {
width: 100%;
margin: 0px;
}
.home-3-row-2 .home-team-image img {
margin: auto;
display: block;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.home-3-small-title p {
font-size: 18px;
letter-spacing: 5px;
color: var(--blue4);
}
.home-3-text h3 {
color: white;
font-size: 40px;
margin-bottom: 0px;
}
.home-3-text p {
color: white;
font-size: 18px;
line-height: 30px;
margin-bottom: 0px;
}
}
@media (max-width: 650px) {
.home-3:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
left: 0px;
background: var(--blue1);
}
.home-3-row-1 .tb-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-3-row-1 .tb-column-inner:before {
bottom: 50%;
left: 25%;
}
.home-3-row-1 .tb-column-inner:after {
bottom: 25%;
right: 25%;
}
.home-3-row-1 {
margin-bottom: 50px;
}
.home-3-row-1 .home-team-image {
height: auto;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#pagewrap .home-3-row-1 .home-team-image img {
width: 100%;
max-width: 150px;
margin: auto auto 25px;
display: block;
}
.home-3-row-1 .home-team-image:nth-of-type(2) img {
margin-top: 0px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.home-3-row-1 .home-team-image:nth-of-type(3) img {
margin-top: 0px;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.home-3-row-1 .home-team-image:nth-of-type(4) img {
margin-top: 0px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.home-3-row-1 .home-team-image:nth-of-type(5) img {
margin-top: 0px;
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
}
.home-3-row-1 .home-team-image:nth-of-type(6) img {
margin-top: 0px;
-webkit-transform: translateX(-0%);
-ms-transform: translateX(-0%);
transform: translateX(-0%);
}
.home-3-row-2 .first {
width: 100%;
margin-bottom: 50px;
}
.home-3-row-2 .last {
width: 100%;
margin: 0px;
}
.home-3-row-2 .home-team-image img {
margin: auto;
display: block;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.home-3-small-title p {
font-size: 18px;
letter-spacing: 5px;
color: var(--blue4);
}
.home-3-text h3 {
color: white;
font-size: 30px;
margin-bottom: 0px;
}
.home-3-text p {
color: white;
font-size: 18px;
line-height: 30px;
margin-bottom: 0px;
}
}
/* Home 4 */
.home-4 {
padding: 100px 10% 50px;
}
.home-4-text h3 {
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
color: var(--blue1);
}
.home-4-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.home-4-text {
margin-bottom: 25px;
}
.home-4 .last .tb-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-4 .last .tb-column-inner .award-image {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
margin-bottom: 15px;
}
.home-4 .last .tb-column-inner .award-image img {
margin: auto;
display: block;
}
.home-4 .last .tb-column-inner .award-image img:hover {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
@media (max-width: 1280px) {
.home-4 {
padding: 50px 5% 50px;
}
.home-4-text h3 {
font-size: 30px;
line-height: 50px;
margin-bottom: 15px;
}
.home-4-text p {
font-size: 18px;
line-height: 30px;
}
.home-4 .last .tb-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-4 .last .tb-column-inner .award-image {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
margin-bottom: 15px;
}
.home-4 .last .tb-column-inner .award-image img {
margin: auto;
display: block;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
}
@media (max-width: 1000px) {
.home-4 .first {
width: 100%;
margin-bottom: 25px;
}
.home-4 .last {
width: 100%;
margin: 0px;
}
.home-4-text h3 {
font-size: 30px;
line-height: 50px;
margin-bottom: 15px;
}
.home-4-text p {
font-size: 18px;
line-height: 30px;
}
.home-4 .last .tb-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-4 .last .tb-column-inner .award-image {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
margin-bottom: 15px;
}
.home-4 .last .tb-column-inner .award-image img {
margin: auto;
display: block;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
}
@media (max-width: 768px) {
.home-4-text p {
font-size: 15px;
line-height: 30px;
}
.home-4 .last .tb-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-4 .last .tb-column-inner .award-image {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-bottom: 15px;
}
.home-4 .last .tb-column-inner .award-image img {
margin: auto;
display: block;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
}
@media (max-width: 600px) {
.home-4-text p {
font-size: 15px;
line-height: 30px;
}
.home-4 .last .tb-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-4 .last .tb-column-inner .award-image {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-bottom: 25px;
}
.home-4 .last .tb-column-inner .award-image img {
margin: auto;
width: 75%;
display: block;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
}
/* Home 5 */
.home-5 {
padding: 0px 10% 50px;
}
.home-5 .first {
width: 50%;
}
.home-5 .last {
width: 46%;
}
.home-5 .script-font p {
color: var(--blue4);
font-size: 18px;
letter-spacing: 4px;
}
#pagewrap .home-5-text p {
margin-top: 15px;
font-size: 45px;
line-height: 40px;
color: var(--blue1);
font-family: var(--main-bold);
}
@media (max-width: 1280px) {
.home-5 {
padding: 0px 6% 50px;
}
.home-5 .first {
width: 50%;
}
.home-5 .last {
width: 46%;
}
.home-5 .script-font p {
color: var(--blue4);
font-size: 18px;
letter-spacing: 4px;
}
#pagewrap .home-5-text p {
margin-top: 15px;
font-size: 40px;
line-height: 40px;
}
}
@media (max-width: 1000px) {
.home-5 {
padding: 0px 6% 50px;
}
.home-5 .first {
width: 100%;
margin-bottom: 25px;
}
.home-5 .last {
width: 100%;
}
.home-5 .script-font p {
color: var(--blue4);
font-size: 18px;
letter-spacing: 4px;
}
#pagewrap .home-5-text p {
margin-top: 15px;
font-size: 35px;
line-height: 35px;
}
}
@media (max-width: 680px) {
.home-5 {
padding: 0px 6% 50px;
}
.home-5 .first {
width: 100%;
margin-bottom: 25px;
}
.home-5 .last {
width: 100%;
}
.home-5 .script-font p {
color: var(--blue4);
font-size: 18px;
letter-spacing: 4px;
}
#pagewrap .home-5-text p {
margin-top: 15px;
font-size: 30px;
line-height: 30px;
}
}
/* Home 6 */
.home-6 .first {
width: 55%;
background-position: bottom;
}
.home-6 .last {
width: 45%;
padding: 100px 50px 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.home-6 .last h2 {
color: white;
font-size: 40px;
max-width: 75%;
margin-bottom: 200px;
}
.home-6 .last p {
color: white;
font-size: 18px;
max-width: 85%;
}
.home-6 .last .tb_text_wrap {
margin-bottom: 25px;
}
.home-6.reversed .row_inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (max-width: 1280px) {
.home-6 .first {
width: 55%;
background-position: bottom;
}
.home-6 .last {
width: 45%;
padding: 50px 5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.home-6 .last h2 {
color: white;
font-size: 35px;
max-width: 100%;
margin-bottom: 200px;
}
.home-6 .last p {
color: white;
font-size: 18px;
max-width: 100%;
}
.home-6 .last .tb_text_wrap {
margin-bottom: 25px;
}
}
@media (max-width: 800px) {
.home-6 .first {
width: 100%;
background-position: bottom;
min-height: 350px;
}
.home-6 .last {
width: 100%;
padding: 50px 5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.home-6 .last h2 {
color: white;
font-size: 30px;
max-width: 100%;
margin-bottom: 25px;
}
.home-6 .last p {
color: white;
font-size: 18px;
max-width: 100%;
}
.home-6 .last .tb_text_wrap {
margin-bottom: 25px;
}
.home-6.reversed .row_inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
/* Consultation */
.consultation .tb-column-inner {
position: relative;
padding: 10%;
}
.consultation:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgb(24,40,64);
background: -webkit-gradient(linear, left top, right top, from(rgba(24,40,64,1)), color-stop(15%, rgba(24,40,64,0.9)), color-stop(30%, rgba(24,40,64,0.25)), to(rgba(24,40,64,0)));
background: -o-linear-gradient(left, rgba(24,40,64,1) 0%, rgba(24,40,64,0.9) 15%, rgba(24,40,64,0.25) 30%, rgba(24,40,64,0) 100%);
background: linear-gradient(90deg, rgba(24,40,64,1) 0%, rgba(24,40,64,0.9) 15%, rgba(24,40,64,0.25) 30%, rgba(24,40,64,0) 100%);
}
.consultation-text h2 {
color: white;
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
}
.consultation-text p {
color: white;
font-size: 18px;
margin-bottom: 15px;
}
.consultation-text {
margin-bottom: 15px;
}
@media (max-width: 1500px) {
.consultation .tb-column-inner {
position: relative;
padding: 15% 5%;
}
.consultation:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgb(24,40,64);
background: -webkit-gradient(linear, left top, right top, from(rgba(24,40,64,1)), color-stop(15%, rgba(24,40,64,0.9)), color-stop(30%, rgba(24,40,64,0.25)), to(rgba(24,40,64,0)));
background: -o-linear-gradient(left, rgba(24,40,64,1) 0%, rgba(24,40,64,0.9) 15%, rgba(24,40,64,0.25) 30%, rgba(24,40,64,0) 100%);
background: linear-gradient(90deg, rgba(24,40,64,1) 0%, rgba(24,40,64,0.9) 15%, rgba(24,40,64,0.25) 30%, rgba(24,40,64,0) 100%);
}
.consultation:after {
content: '';
position: absolute;
top: 0px;
left: 5%;
width: 100%;
max-width: 100px;
background-size: contain;
height: 170px;
background-repeat: no-repeat;
background-image: url('/wp-content/uploads/2022/08/which.png');
}
.consultation-text h2 {
color: white;
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
}
.consultation-text p {
color: white;
font-size: 18px;
margin-bottom: 15px;
}
.consultation-text {
margin-bottom: 15px;
}
}
@media (max-width: 1280px) {
.consultation .tb-column-inner {
padding: 15% 5%;
}
.consultation:after {
display: none;
}
.consultation-text h2 {
color: white;
font-size: 35px;
line-height: 45px;
margin-bottom: 15px;
}
.consultation-text p {
color: white;
font-size: 18px;
margin-bottom: 15px;
}
}
@media (max-width: 1000px) {
.consultation .tb-column-inner {
padding: 25% 5%;
}
.consultation:before {
background: rgb(24,40,64);
background: -webkit-gradient(linear, left top, right top, from(rgba(24,40,64,1)), color-stop(15%, rgba(24,40,64,0.9)), to(rgba(24,40,64,0.5)));
background: -o-linear-gradient(left, rgba(24,40,64,1) 0%, rgba(24,40,64,0.9) 15%, rgba(24,40,64,0.5) 100%);
background: linear-gradient(90deg, rgba(24,40,64,1) 0%, rgba(24,40,64,0.9) 15%, rgba(24,40,64,0.5) 100%);
}
.consultation-text h2 {
font-size: 30px;
line-height: 40px;
}
.consultation-text p {
color: white;
font-size: 18px;
}
}
@media (max-width: 680px) {
.consultation:before {
background: rgb(24,40,64);
background: -webkit-gradient(linear, left top, right top, from(rgba(24,40,64,1)), color-stop(15%, rgba(24,40,64,0.9)), to(rgba(24,40,64,0.5)));
background: -o-linear-gradient(left, rgba(24,40,64,1) 0%, rgba(24,40,64,0.9) 15%, rgba(24,40,64,0.5) 100%);
background: linear-gradient(90deg, rgba(24,40,64,1) 0%, rgba(24,40,64,0.9) 15%, rgba(24,40,64,0.5) 100%);
}
.consultation-text h2 {
font-size: 25px;
line-height: 35px;
}
.consultation-text p {
color: white;
font-size: 15px;
}
}
/* Home 8 */
.home-8 {
padding: 0px 10%;
position: relative;
}
.home-8:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 30%;
height: 100%;
background-color: var(--blue3);
}
#pagewrap .home-8 img {
margin: auto;
display: block;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.home-8 .script-font {
font-size: 18px;
margin-bottom: 15px;
letter-spacing: 5px;
color: var(--blue4);
}
.home-8-text h2 {
font-size: 40px;
line-height: 60px;
margin-bottom: 15px;
color: var(--blue1);
}
.home-8-text {
margin-bottom: 15px;
}
.home-8-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
@media (max-width: 1280px) {
.home-8 {
padding: 0px 5%;
position: relative;
}
.home-8:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 30%;
height: 100%;
background-color: var(--blue3);
}
#pagewrap .home-8 img {
margin: auto;
display: block;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.home-8 .script-font {
font-size: 18px;
margin-bottom: 15px;
letter-spacing: 5px;
color: var(--blue4);
}
.home-8-text h2 {
font-size: 35px;
line-height: 45px;
margin-bottom: 15px;
color: var(--blue1);
}
.home-8-text {
margin-bottom: 15px;
}
.home-8-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
}
@media (max-width: 1280px) {
.home-8 {
padding: 50px 5%;
position: relative;
}
}
@media (max-width: 1000px) {
.home-8 .first {
width: 100%;
margin-bottom: 25px;
}
.home-8 .last {
width: 100%;
margin: 0px;
}
.home-8:before {
content: unset;
}
}
@media (max-width: 600px) {
#pagewrap .home-8 img {
margin: auto;
display: block;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.home-8 .script-font {
font-size: 15px;
}
.home-8-text h2 {
font-size: 25px;
line-height: 35px;
}
.home-8-text {
margin-bottom: 15px;
}
.home-8-text p {
font-size: 15px;
line-height: 25px;
}
}
/* Home 9 */
.home-9 {
padding: 50px 10%;
}
.home-9 .first {
padding-right: 50px;
}
.home-9-title h2 {
font-size: 40px;
color: var(--blue1);
line-height: 50px;
margin-bottom: 25px;
}
.home-9 .homeblog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home-9 .homeblog a {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
margin-bottom: 25px;
}
.home-9 .homeblog img {
width: 100%;
max-width: 300px;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.home-9 .homeblog h3 {
font-size: 21px;
color: var(--blue1);
}
.home-9 .homeblog p {
font-size: 15px;
color: var(--blue1);
}
.home-blog-single-bottom {
margin-top: 10px;
}
@media (max-width: 1280px) {
.home-9 {
padding: 50px 5%;
}
.home-9 .first {
padding: 0px;
width: 100%;
margin-bottom: 25px;
}
.home-9 .last {
width: 100%;
margin: 0px;
}
.home-9-title h2 {
font-size: 35px;
line-height: 50px;
margin-bottom: 25px;
}
.home-9 .homeblog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home-9 .homeblog a {
-ms-flex-preferred-size: calc(50% - 15px);
flex-basis: calc(50% - 15px);
margin-bottom: 25px;
}
.home-9 .homeblog img {
width: 100%;
max-width: unset;
height: 250px;
}
.home-9 .homeblog h3 {
font-size: 21px;
color: var(--blue1);
}
.home-9 .homeblog p {
font-size: 15px;
color: var(--blue1);
}
.home-blog-single-bottom {
margin-top: 10px;
}
}
@media (max-width: 768px) {
.home-9 {
padding: 25px 5%;
}
.home-9-title h2 {
font-size: 30px;
line-height: 50px;
margin-bottom: 15px;
}
.home-9 .homeblog a {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 25px;
}
.home-9 .homeblog img {
width: 100%;
max-width: unset;
height: 250px;
}
.home-9 .homeblog h3 {
font-size: 21px;
color: var(--blue1);
}
.home-9 .homeblog p {
font-size: 15px;
color: var(--blue1);
}
.home-blog-single-bottom {
margin-top: 10px;
}
}
/* Newsletter */
.newsletter {
padding: 25px 10%;
}
.newsletter .script-font p {
font-size: 18px;
color: white;
letter-spacing: 5px;
}
.newsletter-title h2 {
color: white;
font-size: 40px;
margin-bottom: 0px;
}
.newsletter-form .frm_submit {
position: absolute;
top: 0px;
right: 0px;
}
#pagewrap .newsletter-form .frm_submit button {
margin: 0px;
position: relative;
border: 0px;
text-transform: initial;
padding: 0px 5px 0px 15px;
font-size: 18px;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
background: transparent;
color: white;
font-weight: 600;
font-family: var(--main-reg);
margin-bottom: -5px;
}
#pagewrap .newsletter-form .frm_submit button:before {
content: '/';
position: absolute;
left: -15px;
color: white;
}
#pagewrap .newsletter-form .frm_submit a {
display: none;
}
.newsletter-form .frm_style_formidable-style.with_frm_style .form-field {
margin-bottom: 5px;
}
#pagewrap .newsletter-form input {
background-color: transparent;
}
#pagewrap .newsletter-form input[type=email] {
border: 0px;
border-bottom: 1px solid white;
border-radius: 0px;
font-size: 15px;
color: white;
}
#pagewrap .newsletter-form ::-webkit-input-placeholder {
color: var(--blue2);
font-size: 15px;
}
#pagewrap .newsletter-form ::-moz-placeholder {
color: var(--blue2);
font-size: 15px;
}
#pagewrap .newsletter-form :-ms-input-placeholder {
color: var(--blue2);
font-size: 15px;
}
#pagewrap .newsletter-form ::-ms-input-placeholder {
color: var(--blue2);
font-size: 15px;
}
#pagewrap .newsletter-form ::placeholder {
color: var(--blue2);
font-size: 15px;
}
#pagewrap .frm_checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#pagewrap .newsletter-form .frm_checkbox ::before {
-webkit-box-shadow: inset 10px 10px white;
box-shadow: inset 10px 10px white;
}
#pagewrap .newsletter-form .frm_checkbox label {
color: white;
font-family: var(--main-reg);
}
@media (max-width: 1500px) {
.newsletter {
padding: 25px 10%;
}
.newsletter .script-font p {
font-size: 18px;
color: white;
letter-spacing: 5px;
}
.newsletter-title h2 {
color: white;
font-size: 35px;
margin-bottom: 0px;
}
}
@media (max-width: 1280px) {
.newsletter {
padding: 25px 5%;
}
.newsletter .first {
width: 100%;
margin-bottom: 25px;
}
.newsletter .last {
width: 100%;
margin: 0px;
}
.newsletter .script-font p {
font-size: 15px;
color: white;
letter-spacing: 5px;
}
.newsletter-title h2 {
color: white;
font-size: 30px;
margin-bottom: 0px;
}
}
@media (max-width: 600px) {
.newsletter .script-font p {
letter-spacing: 3px;
}
.newsletter-title h2 {
font-size: 25px;
}
}
/* Footer */
.footer {
padding: 50px 10%;
background-color: var(--blue1);
}
.footer:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgb(24,40,64);
background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(24,40,64,1)), color-stop(80%, rgba(24,40,64,0.25)), to(rgba(24,40,64,0)));
background: -o-linear-gradient(left, rgba(24,40,64,1) 30%, rgba(24,40,64,0.25) 80%, rgba(24,40,64,0) 100%);
background: linear-gradient(90deg, rgba(24,40,64,1) 30%, rgba(24,40,64,0.25) 80%, rgba(24,40,64,0) 100%);
}
.footer .footer-logo img {
width: 100%;
max-width: 250px;
}
.footer .footer-logo {
margin-bottom: 25px;
}
ul#menu-footer {
width: 75%;
background: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 50px 0px 25px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
ul#menu-footer li a {
color: white;
padding: 0px;
font-size: 18px;
}
ul#menu-footer li a:after {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background-color: white;
width: 0%;
max-width: 100px;
height: 1px;
}
ul#menu-footer li a:hover:before {
width: 100%;
}
ul#menu-footer li a:hover {
background: transparent;
color: white;
}
.footer .header-contact .tb_text_wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 25px 0px;
}
#pagewrap .footer .header-contact .tb_text_wrap a {
font-size: 18px;
}
.footer .module-icon img {
width: 100%;
max-width: 40px;
}
.footer .module-icon {
margin-bottom: 15px;
}
.footer-vat .tb_text_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 50px;
}
.footer-company .tb_text_wrap {
padding-left: 50px;
margin-bottom: 20px;
}
.footer-vat .tb_text_wrap p, .footer-company .tb_text_wrap p {
color: white;
font-size: 15px;
}
#pagewrap .footer-vr {
position: absolute;
bottom: 20%;
right: 0px;
bottom: 40%;
}
#pagewrap .footer-vr img {
width: 100%;
max-width: 250px;
}
.footer-sub-row .first {
width: 35%;
}
.footer-sub-row .last {
width: 61%;
}
#pagewrap .footer-which {
position: absolute;
top: -50px;
right: -10%;
}
#pagewrap .footer-which img {
width: 100%;
max-width: 100px;
}
ul#menu-legals {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
ul#menu-legals:after {
content: unset;
}
ul#menu-legals li a {
color: white;
font-size: 15px;
padding: 0px 18px;
position: relative;
border-right: 1px solid white;
border-radius: 0px;
}
ul#menu-legals li a:hover {
background: none;
}
ul#menu-legals .menu-item-page-7 a {
border: 0px;
}
.footer-sub-row .last {
margin-left: 0;
width: 65%;
}
.footer-vat .tb_text_wrap {
padding-left: 0;
}
.footer-company .tb_text_wrap {
padding-left: 0;
}
@media (max-width: 1850px) {
.footer {
padding: 50px 10%;
}
.footer .footer-logo img {
width: 100%;
max-width: 250px;
}
.footer .footer-logo {
margin-bottom: 25px;
}
ul#menu-footer {
width: 75%;
background: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 50px 0px 25px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
ul#menu-footer li a {
color: white;
padding: 0px;
font-size: 18px;
}
.footer .header-contact .tb_text_wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 25px 0px;
}
#pagewrap .footer .header-contact .tb_text_wrap a {
font-size: 18px;
}
.footer-vat .tb_text_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0;
}
.footer-company .tb_text_wrap {
padding-left: 0;
}
#pagewrap .footer-vr {
position: absolute;
/* bottom: 20%; */
right: 0px;
}
#pagewrap .footer-vr img {
width: 100%;
max-width: 250px;
}
.footer-sub-row .first {
width: 30%;
}
.footer-sub-row .last {
width: 70%;
margin-left: 0;
}
#pagewrap .footer-which {
position: absolute;
top: -50px;
right: -10%;
}
ul#menu-legals {
width: 100%;
display: flex;
justify-content: center;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
ul#menu-legals li a {
color: white;
font-size: 15px;
padding: 0px 16px;
position: relative;
border-right: 1px solid white;
border-radius: 0px;
}
}
@media (max-width: 1670px) {
ul#menu-legals li a {
padding: 0px 14px;
}
ul#menu-legals {
justify-content: flex-end;
}
}
@media (max-width: 1600px) {
.footer-sub-row .first {
width: 30%;
}
.footer-sub-row .last {
width: 70%;
margin-left: 0px;
}
}
@media (max-width: 1577px) {
ul#menu-legals li a {
padding: 0px 10px;
}
.footer {
padding: 50px 5%;
}
#pagewrap .footer-which {
right: -5%;
top: -5px;
}
}
@media (max-width: 1500px) {
.footer {
padding: 50px 5%;
}
#pagewrap .footer-which {
position: absolute;
top: -50px;
right: -5%;
}
.footer .footer-logo img {
width: 100%;
max-width: 250px;
}
.footer .footer-logo {
margin-bottom: 25px;
}
ul#menu-footer {
width: 75%;
background: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 50px 0px 25px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
ul#menu-footer li a {
color: white;
padding: 0px;
font-size: 18px;
}
.footer .header-contact .tb_text_wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 25px 0px;
}
#pagewrap .footer .header-contact .tb_text_wrap a {
font-size: 18px;
}
.footer-vat .tb_text_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0px;
}
.footer-company .tb_text_wrap {
padding-left: 0px;
}
#pagewrap .footer-vr {
position: absolute;
/* bottom: 20%; */
right: 0px;
}
#pagewrap .footer-vr img {
width: 100%;
max-width: 250px;
}
.footer-sub-row .first {
width: 25%;
}
.footer-sub-row .last {
width: calc(75% - 15px);
margin-left: 15px;
}
ul#menu-legals {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: left;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
ul#menu-legals li a {
color: white;
font-size: 15px;
padding: 0px 15px;
position: relative;
border-right: 1px solid white;
border-radius: 0px;
}
}
@media (max-width: 1400px) {
ul#menu-legals li a {
padding: 0px 14px;
}
}
@media (max-width: 1300px) {
.footer {
padding: 50px 5%;
}
.footer .footer-logo img {
width: 100%;
max-width: 250px;
}
.footer .footer-logo {
margin-bottom: 25px;
}
ul#menu-footer {
width: 75%;
background: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 50px 0px 25px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
ul#menu-footer li a {
color: white;
padding: 0px;
font-size: 18px;
}
.footer .header-contact .tb_text_wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 25px 0px;
}
#pagewrap .footer .header-contact .tb_text_wrap a {
font-size: 18px;
}
.footer-vat .tb_text_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0px;
}
#pagewrap .footer-vr {
position: absolute;
bottom: 0px;
right: 0px;
}
#pagewrap .footer-vr img {
width: 100%;
max-width: 250px;
}
.footer-sub-row .first {
width: 100%;
margin-bottom: 25px;
}
#pagewrap .footer-sub-row .last {
width: 100%;
margin-left: 0px;
}
ul#menu-legals {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
ul#menu-legals li a {
color: white;
font-size: 15px;
padding: 0px;
margin: 0px 0px 15px;
position: relative;
border: none;
border-radius: 0px;
}
}
@media (max-width: 800px) {
ul#menu-footer {
width: 100%;
background: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 50px 0px 25px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
ul#menu-footer li a {
color: white;
padding: 0px;
font-size: 18px;
}
.footer .header-contact .tb_text_wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 25px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer .header-contact .tb_text_wrap p {
margin-bottom: 15px;
}
.header-contact .tb_text_wrap p:first-of-type:after {
content: unset;
}
#pagewrap .footer .header-contact .tb_text_wrap a {
font-size: 18px;
}
.footer-vat .tb_text_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 25px;
}
#pagewrap .footer-vr {
position: absolute;
bottom: 0px;
right: 0px;
}
#pagewrap .footer-vr img {
width: 100%;
max-width: 250px;
}
.footer-sub-row .first {
width: 100%;
margin-bottom: 25px;
}
#pagewrap .footer-sub-row .last {
width: 100%;
margin-left: 0px;
}
ul#menu-legals {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
ul#menu-legals li a {
color: white;
font-size: 15px;
padding: 0px;
margin: 0px 0px 15px;
position: relative;
border: none;
border-radius: 0px;
}
}
@media (max-width: 500px) {
ul#menu-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 25px 0px 0px;
}
ul#menu-footer li a {
color: white;
padding: 0px;
font-size: 18px;
margin-bottom: 15px;
}
.footer .header-contact .tb_text_wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 25px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer .header-contact .tb_text_wrap p {
margin-bottom: 15px;
}
.header-contact .tb_text_wrap p:first-of-type:after {
content: unset;
}
#pagewrap .footer .header-contact .tb_text_wrap a {
font-size: 18px;
}
.footer-vat .tb_text_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 25px;
}
#pagewrap .footer-vr {
position: absolute;
bottom: 0px;
right: 0px;
}
#pagewrap .footer-vr,.footer-which {
display: none;
}
.footer-sub-row .first {
width: 100%;
margin-bottom: 25px;
}
#pagewrap .footer-sub-row .last {
width: 100%;
margin-left: 0px;
}
}
/* Hero */
.hero {
padding: 12.5% 10%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.hero:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgb(24,40,64);
background: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(24,40,64,1)), color-stop(50%, rgba(24,40,64,0.5)), to(rgba(24,40,64,0)));
background: -o-linear-gradient(left, rgba(24,40,64,1) 5%, rgba(24,40,64,0.5) 50%, rgba(24,40,64,0) 100%);
background: linear-gradient(90deg, rgba(24,40,64,1) 5%, rgba(24,40,64,0.5) 50%, rgba(24,40,64,0) 100%);
}
.hero-title h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 0px;
color: white;
}
.location-title h2 {
max-width: 30%;
}
.hero-title p {
font-size: 21px;
line-height: 30px;
margin-bottom: 0px;
max-width: 45%;
color: white;
}
@media (max-width: 1500px) {
.hero {
padding: 15% 5%;
}
.hero-title h2 {
font-size: 35px;
line-height: 40px;
}
.location-title h2 {
max-width: 30%;
}
.hero-title p {
font-size: 21px;
line-height: 30px;
max-width: 45%;
}
}
@media (max-width: 1000px) {
.hero {
padding: 20% 5%;
}
.hero-title h2 {
font-size: 35px;
line-height: 40px;
}
.location-title h2 {
max-width: 100%;
}
.hero-title p {
font-size: 21px;
line-height: 30px;
max-width: 75%;
}
}
@media (max-width: 800px) {
.hero {
padding: 20% 5%;
}
.hero-title h2 {
font-size: 30px;
line-height: 40px;
}
.hero-title p {
font-size: 21px;
line-height: 30px;
max-width: 100%;
}
}
@media (max-width: 500px) {
.hero {
padding: 25% 5%;
}
.hero-title h2 {
font-size: 25px;
line-height: 40px;
}
}
/* Team 1 */
.team-1 {
padding: 100px 10%;
}
.team-1:before {
content: '';
width: 72.5%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
background-color: var(--blue1);
}
.team-1 .script-font {
font-size: 18px;
line-height: 21px;
color: var(--blue4);
letter-spacing: 2px;
margin-bottom: 10px;
}
.team-1-text h2 {
font-size: 40px;
line-height: 100%;
margin-bottom: 15px;
color: white;
position: relative;
}
.team-1-text h2:after {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -150%;
background-size: contain;
background-repeat: no-repeat;
}
.team-1-text p {
color: white;
font-size: 18px;
line-height: 25px;
}
@media (max-width: 1500px) {
.team-1 {
padding: 100px 5%;
}
}
@media (max-width: 1280px) {
.team-1 {
padding: 50px 5%;
}
.team-1 .first {
width: 100%;
margin-bottom: 25px;
}
#pagewrap .team-1 .first img {
margin: auto;
display: block;
}
.team-1 .last {
width: 100%;
margin: 0px;
}
.team-1:before {
content: '';
width: 100%;
height: 60%;
position: absolute;
top: unset;
bottom: 0px;
right: 0px;
background-color: var(--blue1);
}
}
@media (max-width: 800px) {
.team-1 .first {
width: 100%;
margin-bottom: 50px;
}
.team-1:before {
height: 70%;
}
.team-1 .script-font {
font-size: 16px;
line-height: 21px;
color: var(--blue4);
letter-spacing: 2px;
margin-bottom: 10px;
}
.team-1-text h2 {
font-size: 35px;
line-height: 100%;
margin-bottom: 15px;
color: white;
position: relative;
}
.team-1-text p {
color: white;
font-size: 15px;
line-height: 25px;
}
}
@media (max-width: 800px) {
.team-1 .first {
width: 100%;
margin-bottom: 50px;
}
.team-1:before {
height: 100%;
}
.team-1 .script-font {
font-size: 16px;
line-height: 21px;
color: var(--blue4);
letter-spacing: 2px;
margin-bottom: 10px;
}
.team-1-text h2 {
font-size: 35px;
line-height: 100%;
margin-bottom: 15px;
color: white;
position: relative;
}
.team-1-text p {
color: white;
font-size: 15px;
line-height: 25px;
}
}
/* Team 2 */
.team-2 {
margin-bottom: 100px;
}
.team-2>div>div>.tb-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.team-2-member {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
}
.team-text {
padding: 15px;
text-align: center;
}
.team-text h3 {
font-size: 30px;
line-height: 30px;
margin-bottom: 5px;
color: var(--blue1);
}
#pagewrap .team-text p {
font-size: 18px;
font-family: var(--sec);
color: var(--blue4);
}
.team-2-member .module.image-full-overlay .image-content:before {
background-color: rgb(24 40 64 / 75%);
}
.team-2-member .module.image-full-overlay .image-content .image-title {
font-size: 30px;
line-height: 30px;
color: white;
}
.team-2-member .module.image-full-overlay .image-content .image-caption {
font-size: 20px;
line-height: 30px;
color: white;
}
@media (max-width: 1280px) {
.team-2 {
margin-bottom: 100px;
}
.team-2>div>div>.tb-column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.team-2-member {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.team-text {
padding: 15px;
text-align: center;
}
.team-text h3 {
font-size: 30px;
line-height: 30px;
margin-bottom: 5px;
color: var(--blue1);
}
#pagewrap .team-text p {
font-size: 18px;
font-family: var(--sec);
color: var(--blue4);
}
.team-2-member .module.image-full-overlay .image-content .image-title {
font-size: 30px;
line-height: 30px;
color: white;
}
.team-2-member .module.image-full-overlay .image-content .image-caption {
font-size: 20px;
line-height: 30px;
color: white;
}
}
@media (max-width: 1280px) {
.team-2 {
margin-bottom: 100px;
}
.team-2-member {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.team-text {
padding: 15px;
text-align: center;
}
.team-text h3 {
font-size: 25px;
line-height: 30px;
margin-bottom: 5px;
color: var(--blue1);
}
.team-2-member .module.image-full-overlay .image-content .image-title {
font-size: 21px;
line-height: 25px;
color: white;
}
.team-2-member .module.image-full-overlay .image-content .image-caption {
font-size: 18px;
line-height: 25px;
color: white;
}
}
@media (max-width: 680px) {
.team-2 {
margin-bottom: 100px;
}
.team-2-member {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.team-text {
padding: 15px;
text-align: center;
}
.team-text h3 {
font-size: 25px;
line-height: 30px;
margin-bottom: 5px;
color: var(--blue1);
}
.team-2-member .module.image-full-overlay .image-content .image-title {
font-size: 21px;
line-height: 25px;
color: white;
}
.team-2-member .module.image-full-overlay .image-content .image-caption {
font-size: 18px;
line-height: 25px;
color: white;
}
}
/* Fact 1 */
.fact-1 {
padding: 100px 10% 50px;
}
.fact-1 .first {
width: 55%;
}
.fact-1 .last {
width: 41.8%;
position: relative;
}
.fact-1 .last:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: 30%;
background-size: contain;
background-repeat: no-repeat;
}
.fact-1 .script-font p {
font-size: 18px;
line-height: 21px;
letter-spacing: 3px;
color: var(--blue4);
margin-bottom: 15px;
}
.fact-1 .fact-1-text h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
color: var(--blue1);
}
.fact-1 .fact-1-text p {
font-size: 18px;
color: var(--blue1);
line-height: 30px;
max-width: 85%;
}
#pagewrap .fact-1-image img {
width: 100%;
max-width: 550px;
margin: auto;
display: block;
}
@media (max-width: 1500px) {
.fact-1 {
padding: 50px 5%;
}
.fact-1 .first {
width: 55%;
}
.fact-1 .last {
width: 41.8%;
position: relative;
}
.fact-1 .last:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: 30%;
background-size: contain;
background-repeat: no-repeat;
}
.fact-1 .script-font p {
font-size: 18px;
line-height: 21px;
letter-spacing: 3px;
color: var(--blue4);
margin-bottom: 15px;
}
.fact-1 .fact-1-text h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
color: var(--blue1);
}
.fact-1 .fact-1-text p {
font-size: 18px;
color: var(--blue1);
line-height: 30px;
max-width: 100%;
}
#pagewrap .fact-1-image img {
width: 100%;
max-width: 550px;
margin: auto;
display: block;
}
}
@media (max-width: 1280px) {
.fact-1 .first {
width: 100%;
margin-bottom: 25px;
}
.fact-1 .last {
width: 100%;
position: relative;
}
.fact-1 .last:before {
content: unset;
}
.fact-1 .script-font p {
font-size: 18px;
line-height: 21px;
letter-spacing: 3px;
color: var(--blue4);
margin-bottom: 15px;
}
.fact-1 .fact-1-text h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
color: var(--blue1);
}
.fact-1 .fact-1-text p {
font-size: 18px;
color: var(--blue1);
line-height: 30px;
max-width: 100%;
}
#pagewrap .fact-1-image img {
width: 100%;
max-width: 550px;
margin: auto;
display: block;
}
}
/* Fact 2 */
.fact-2 {
padding: 0px 10% 100px;
}
.fact-2:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 75%;
background-color: var(--blue2);
}
.fact-2-title h2 {
font-size: 40px;
line-height: 40px;
margin-bottom: 15px;
color: var(--blue1);
}
.fact-2-text {
padding-left: 50px;
}
.fact-2-text h2 {
color: white;
font-size: 40px;
line-height: 50px;
margin-bottom: 25px;
}
#pagewrap .fact-2-text p {
color: white;
font-size: 21px;
line-height: 21px;
margin-bottom: 25px;
}
.fact-2 .main-button {
padding-left: 50px;
}
@media (max-width: 1500px) {
.fact-2 {
padding: 0px 5% 50px;
}
.fact-2:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 75%;
background-color: var(--blue2);
}
.fact-2-title h2 {
font-size: 40px;
line-height: 40px;
margin-bottom: 15px;
color: var(--blue1);
}
.fact-2-text {
padding-left: 50px;
}
.fact-2-text h2 {
color: white;
font-size: 40px;
line-height: 50px;
margin-bottom: 25px;
}
#pagewrap .fact-2-text p {
color: white;
font-size: 21px;
line-height: 21px;
margin-bottom: 25px;
}
.fact-2 .main-button {
padding-left: 50px;
}
}
@media (max-width: 1280px) {
.fact-2 {
padding: 0px 5% 50px;
}
.fact-2 .first {
width: 100%;
margin-bottom: 25px;
}
#pagewrap .fact-2 .last {
width: 100%;
margin: 0px;
}
.fact-2:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 75%;
background-color: var(--blue2);
}
.fact-2-title h2 {
font-size: 40px;
line-height: 40px;
margin-bottom: 15px;
color: var(--blue1);
}
.fact-2-text {
padding-left: 0px;
}
.fact-2-text h2 {
color: white;
font-size: 40px;
line-height: 50px;
margin-bottom: 25px;
}
#pagewrap .fact-2-text p {
color: white;
font-size: 21px;
line-height: 21px;
margin-bottom: 25px;
}
.fact-2 .main-button {
padding-left: 0px;
}
}
@media (max-width: 500px) {
.fact-2-title h2 {
font-size: 30px;
line-height: 40px;
margin-bottom: 15px;
color: var(--blue1);
}
.fact-2-text {
padding-left: 0px;
}
.fact-2-text h2 {
color: white;
font-size: 30px;
line-height: 50px;
margin-bottom: 25px;
}
#pagewrap .fact-2-text p {
color: white;
font-size: 15px;
line-height: 21px;
margin-bottom: 25px;
}
.fact-2 .main-button {
padding-left: 0px;
}
}
/* Show 1 */
.show-1 {
padding: 50px 10%;
}
.show-1 .first {
width: 75%;
}
.show-1 .last {
margin: 0px;
width: 25%;
}
.show-1 .script-font p {
letter-spacing: 3px;
color: var(--blue4);
font-size: 18px;
line-height: 18px;
margin-bottom: 15px;
}
.show-1-text {
margin-bottom: 15px;
}
.show-1-text h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
color: white;
}
.show-1-text p {
font-size: 18px;
line-height: 30px;
color: white;
max-width: 75%;
}
.show-1 img {
width: 100%;
max-width: 500px;
}
.show-1 .main-button {
max-width: 75%;
}
@media (max-width: 1500px) {
.show-1 {
padding: 50px 5%;
}
}
@media (max-width: 1280px) {
.show-1 .first {
width: 100%;
margin-bottom: 25px;
}
.show-1 .last {
margin: 0px;
width: 100%;
}
.show-1 .script-font p {
letter-spacing: 3px;
color: var(--blue4);
font-size: 18px;
line-height: 18px;
margin-bottom: 15px;
}
.show-1-text h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
color: white;
}
.show-1-text p {
font-size: 18px;
line-height: 30px;
color: white;
max-width: 100%;
}
.show-1 .main-button {
max-width: 100%;
}
#pagewrap .show-1 img {
width: 100%;
max-width: 500px;
margin: auto;
display: block;
}
}
/* Show 2 */
.show-2 {
padding: 50px 10%;
}
.show-2:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 30%;
background-color: var(--blue3);
}
.show-2-text {
padding-top: 25px
}
.show-2-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.show-2-title {
margin-top: 100px;
}
.show-2-title h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
text-align: right;
position: relative;
}
.show-2-title h2:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 40px;
height: 35px;
position: absolute;
top: -50%;
right: -25px;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 1500px) {
.show-2 {
padding: 50px 5%;
}
}
@media (max-width: 1280px) {
.show-2 .first {
width: 100%;
margin-bottom: 25px;
}
.show-2 .last {
width: 100%;
margin: 0px;
}
.show-2:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
height: 25%;
width: 100%;
background-color: var(--blue3);
}
.show-2-text {
padding-top: 25px
}
.show-2-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.show-2-title {
margin-top: 50px;
}
.show-2-title h2 {
font-size: 35px;
line-height: 45px;
}
.show-2-title h2:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 40px;
height: 35px;
position: absolute;
top: -50%;
right: -25px;
background-size: contain;
background-repeat: no-repeat;
}
}
@media (max-width: 1280px) {
.show-2 .first {
width: 100%;
margin-bottom: 25px;
}
.show-2 .last {
width: 100%;
margin: 0px;
}
.show-2:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
height: 25%;
width: 100%;
background-color: var(--blue3);
}
.show-2-text {
padding-top: 25px
}
.show-2-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.show-2-title {
margin-top: 50px;
}
.show-2-title h2 {
font-size: 35px;
line-height: 45px;
}
.show-2-title h2:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 40px;
height: 35px;
position: absolute;
top: -50%;
right: -25px;
background-size: contain;
background-repeat: no-repeat;
}
}
@media (max-width: 680px) {
.show-2-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.show-2-title {
margin-top: 50px;
}
.show-2-title h2 {
font-size: 30px;
line-height: 40px;
}
.show-2-title h2:before {
content: unset;
}
}
/* Show 3 */
.show-3 {
padding: 15% 10% 0px;
}
.show-3-text {
background: white;
max-width: 65%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 75px;
}
.show-3-text h2 {
font-size: 40px;
line-height: 50px;
color: var(--blue1);
}
.show-3-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
@media (max-width: 1500px) {
.show-3 {
padding: 15% 5% 0px;
}
.show-3-text {
background: white;
max-width: 65%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 75px;
}
.show-3-text h2 {
font-size: 40px;
line-height: 50px;
color: var(--blue1);
}
.show-3-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
}
@media (max-width: 1100px) {
.show-3 {
padding: 15% 5% 0px;
}
.show-3-text {
background: white;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px;
}
.show-3-text h2 {
font-size: 40px;
line-height: 50px;
color: var(--blue1);
}
.show-3-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
}
@media (max-width: 700px) {
.show-3 {
padding: 25% 5% 0px;
}
.show-3-text {
background: white;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 25px;
}
.show-3-text h2 {
font-size: 25px;
line-height: 35px;
color: var(--blue1);
}
.show-3-text p {
font-size: 15px;
line-height: 25px;
color: var(--blue1);
}
}
/* Show 4 */
.show-4 {
padding: 50px 10%;
}
.show-4:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 75%;
background: var(--blue1);
}
.show-4 .first {
width: 45%;
}
.show-4 .last {
width: 55%;
margin: 0px;
}
.show-4-text {
padding-bottom: 25px;
}
.show-4-text h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
color: white;
}
.show-4-text p {
font-size: 18px;
line-height: 30px;
color: white;
}
@media (max-width: 1500px) {
.show-4 {
padding: 50px 5%;
}
}
@media (max-width: 1280px) {
.show-4 .first {
width: 100%;
margin-bottom: 25px;
}
.show-4 .first img {
margin: auto;
display: block;
}
.show-4 .last {
width: 100%;
margin: 0px;
}
.show-4:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 75%;
background: var(--blue1);
}
.show-4-text h2 {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 680px) {
.show-4 .first {
width: 100%;
margin-bottom: 25px;
}
.show-4 .first img {
margin: auto;
display: block;
}
.show-4 .last {
width: 100%;
margin: 0px;
}
.show-4:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
background: var(--blue1);
}
.show-4-text h2 {
font-size: 25px;
line-height: 35px;
}
.show-4-text p {
font-size: 15px;
line-height: 25px;
}
}
/* Show 5 */
.show-5 {
padding: 50px 10%;
}
.show-5:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 75%;
height: 100%;
background-color: var(--blue3);
}
.show-5 .first {
width: 50%;
padding-right: 10%;
}
.show-5 .first:before {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%)translateX(-50%);
-ms-transform: translateY(-50%)translateX(-50%);
transform: translateY(-50%)translateX(-50%);
background-repeat: no-repeat;
left: 50%;
width: 50%;
height: 50%;
background-size: contain;
background-image: url(/wp-content/uploads/2022/09/Showcase_5.png);
}
.show-5 .last {
width: 50%;
margin: 0px;
}
.show-5-text {
margin-bottom: 25px;
}
.show-5-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.show-5-text h3 {
font-size: 30px;
line-height: 40px;
padding-right: 0px;
color: var(--blue1);
}
.show-5 .module-icon {
margin: 15px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.show-5 .module-icon-item {
margin: 0px 0px 5px 0px;
}
.show-5 em {
color: var(--blue4);
font-size: 30px;
}
.show-5 .module-icon span {
font-size: 21px;
line-height: 25px;
color: var(--blue1);
}
@media (max-width: 1500px) {
.show-5 {
padding: 50px 5%;
}
}
@media (max-width: 1280px) {
.show-5:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 75%;
height: 100%;
background-color: var(--blue3);
}
.show-5 .first {
width: 100%;
padding-right: 0%;
margin-bottom: 25px;
}
.show-5 .first:before {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%)translateX(-50%);
-ms-transform: translateY(-50%)translateX(-50%);
transform: translateY(-50%)translateX(-50%);
background-repeat: no-repeat;
left: 50%;
width: 50%;
height: 50%;
background-size: contain;
background-image: url(/wp-content/uploads/2022/09/Showcase_5.png);
}
.show-5 .last {
width: 100%;
margin: 0px;
}
.show-5-text {
margin-bottom: 25px;
}
.show-5-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.show-5-text h3 {
font-size: 30px;
line-height: 40px;
padding-right: 0px;
color: var(--blue1);
}
.show-5 .module-icon {
margin: 15px 0px
}
.show-5 em {
color: var(--blue4);
font-size: 30px;
}
.show-5 .module-icon span {
font-size: 21px;
line-height: 25px;
color: var(--blue1);
}
}
@media (max-width: 680px) {
.show-5:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: var(--blue3);
}
.show-5 .first {
width: 100%;
padding-right: 0%;
margin-bottom: 25px;
}
.show-5 .first:before {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%)translateX(-50%);
-ms-transform: translateY(-50%)translateX(-50%);
transform: translateY(-50%)translateX(-50%);
background-repeat: no-repeat;
left: 50%;
width: 50%;
height: 50%;
background-size: contain;
background-image: url(/wp-content/uploads/2022/09/Showcase_5.png);
}
.show-5 .last {
width: 100%;
margin: 0px;
}
.show-5-text {
margin-bottom: 25px;
}
.show-5-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.show-5-text h3 {
font-size: 25px;
line-height: 35px;
padding-right: 0px;
color: var(--blue1);
}
.show-5 .module-icon {
margin: 15px 0px
}
.show-5 em {
color: var(--blue4);
font-size: 30px;
}
.show-5 .module-icon span {
font-size: 21px;
line-height: 25px;
color: var(--blue1);
}
}
/* Story 1 */
.story-1 {
padding: 100px 10%;
}
.story-1:before {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 33%;
height: 100%;
background: var(--blue3);
}
.story-1 .first {
width: 60%;
}
.story-1 .last {
width: 40%;
margin: 0px;
}
#pagewrap .story-1-image {
margin-top: -250px;
}
.story-1 .script-font p {
letter-spacing: 2px;
font-size: 18px;
line-height: 21px;
margin-bottom: 10px;
color: var(--blue4);
}
.story-1-text p {
font-size: 30px;
max-width: 75%;
line-height: 40px;
color: var(--blue1);
position: relative;
}
.story-1-text p:first-of-type:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -100%;
right: 17.5%;
background-size: contain;
background-repeat: no-repeat;
}
.story-1-text p strong {
font-family: var(--main-bold);
}
@media (max-width: 1500px) {
.story-1 {
padding: 100px 5%;
}
.story-1:before {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 33%;
height: 100%;
background: var(--blue3);
}
.story-1 .first {
width: 60%;
}
.story-1 .last {
width: 40%;
margin: 0px;
}
#pagewrap .story-1-image {
margin-top: -250px;
}
.story-1 .script-font p {
letter-spacing: 2px;
font-size: 18px;
line-height: 21px;
margin-bottom: 10px;
color: var(--blue4);
}
.story-1-text p {
font-size: 30px;
max-width: 75%;
line-height: 40px;
color: var(--blue1);
position: relative;
}
.story-1-text p:first-of-type:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -100%;
right: 17.5%;
background-size: contain;
background-repeat: no-repeat;
}
.story-1-text p strong {
font-family: var(--main-bold);
}
}
@media (max-width: 1280px) {
.story-1:before {
content: unset;
}
.story-1 .first {
width: 100%;
margin-bottom: 25px;
}
.story-1 .last {
width: 100%;
margin: 0px;
}
#pagewrap .story-1-image {
margin-top: 0px;
}
#pagewrap .story-1-image img {
width: 100%;
max-width: 500px;
margin: auto;
display: block;
}
.story-1 .script-font p {
letter-spacing: 2px;
font-size: 18px;
line-height: 21px;
margin-bottom: 10px;
color: var(--blue4);
}
.story-1-text p {
font-size: 25px;
max-width: 100%;
line-height: 35px;
color: var(--blue1);
position: relative;
}
.story-1-text p:first-of-type:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -100%;
right: 17.5%;
background-size: contain;
background-repeat: no-repeat;
}
}
@media (max-width: 680px) {
.story-1 .script-font p {
letter-spacing: 2px;
font-size: 18px;
line-height: 21px;
margin-bottom: 10px;
color: var(--blue4);
}
.story-1-text p {
font-size: 25px;
max-width: 100%;
line-height: 40px;
color: var(--blue1);
position: relative;
}
.story-1-text p:first-of-type:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -100%;
right: 17.5%;
background-size: contain;
background-repeat: no-repeat;
}
}
/* Story 2 */
.story-2 .first {
width: 45%;
}
.story-2 .last {
width: 55%;
}
@media (max-width: 1280px) {
.story-2 .first {
width: 100%;
}
.story-2 .last {
width: 100%;
}
}
/* Story 3 */
#pagewrap .story-3-image {
position: absolute;
bottom: -15%;
right: 10%;
}
.story-3 {
padding-bottom: 100px;
}
.story-3.location-4 {
padding-bottom: 50px;
}
@media (max-width: 1280px) {
#pagewrap .story-3-image {
position: relative;
bottom: 0px;
right: 0px;
}
#pagewrap .story-3-image img {
margin: auto;
display: block;
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
}
.story-3 {
padding-bottom: 0px;
/* margin-bottom: -100px; */
}
.story-3.location-4 {
padding-bottom: 50px;
}
}
@media (max-width: 680px) {
#pagewrap .story-3-image img {
margin: auto;
display: block;
-webkit-transform: translateY(-15%);
-ms-transform: translateY(-15%);
transform: translateY(-15%);
}
}
@media (max-width: 500px) {
#pagewrap .story-3-image img {
margin: auto;
display: block;
-webkit-transform: translateY(-5%);
-ms-transform: translateY(-5%);
transform: translateY(-5%);
}
}
/* Story 4 */
.story-4 {
padding: 50px 10%;
}
.story-4 .first {
width: 40%;
}
.story-4 .last {
width: 60%;
margin: 0px;
}
.story-4 .story-4-title {
margin-bottom: 25px;
}
.story-4 .story-4-title h2 {
font-size: 40px;
position: relative;
}
.story-4 .story-4-title h2:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -30%;
right: 17.5%;
background-size: contain;
background-repeat: no-repeat;
}
.story-4 .story-4-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.story-4 .story-4-text p strong {
font-size: 21px;
}
@media (max-width: 1500px) {
.story-4 {
padding: 50px 5%;
}
.story-4 .first {
width: 40%;
}
.story-4 .last {
width: 60%;
margin: 0px;
}
.story-4 .story-4-title {
margin-bottom: 25px;
}
.story-4 .story-4-title h2 {
font-size: 40px;
position: relative;
}
.story-4 .story-4-title h2:before {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -30%;
right: 17.5%;
background-size: contain;
background-repeat: no-repeat;
}
.story-4 .story-4-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.story-4 .story-4-text p strong {
font-size: 21px;
}
}
@media (max-width: 1280px) {
.story-4 .first {
width: 100%;
margin-bottom: 25px;
}
.story-4 .last {
width: 100%;
margin: 0px;
}
.story-4 .story-4-title {
margin-bottom: 25px;
}
.story-4 .story-4-title h2 {
font-size: 35px;
position: relative;
}
.story-4 .story-4-title h2:before {
content: unset;
}
.story-4 .story-4-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.story-4 .story-4-text p strong {
font-size: 21px;
}
}
@media (max-width: 680px) {
.story-4 .first {
width: 100%;
margin-bottom: 25px;
}
.story-4 .last {
width: 100%;
margin: 0px;
}
.story-4 .story-4-title {
margin-bottom: 25px;
}
.story-4 .story-4-title h2 {
font-size: 30px;
position: relative;
}
.story-4 .story-4-title h2:before {
content: unset;
}
.story-4 .story-4-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.story-4 .story-4-text p strong {
font-size: 21px;
}
}
/* Services */
.service-2 {
position: relative;
}
.service-2-row-1:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 20%;
background-color: var(--blue1);
}
.service-2-row-2 {
padding: 50px 10%;
}
.service-2-row-2 .service-2-row-2-text h2 {
color: white;
font-size: 40px;
line-height: 50px;
margin-bottom: 15px;
}
.service-2-row-2 .service-2-row-2-text p {
font-size: 18px;
line-height: 30px;
color: white;
margin-bottom: 25px;
}
.service-3 {
padding: 50px 10%;
}
.service-3-text h2 {
text-align: center;
font-size: 40px;
line-height: 50px;
margin-bottom: 50px;
color: var(--blue1);
}
.services-2-images {
margin-bottom: 25px;
}
.services-2-images .tb-column-inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr);
grid-template-columns: repeat(10,minmax(auto,1fr));
grid-auto-rows: minmax(auto, .5fr);
gap: 25px;
}
.services-2-images .module-image {
background-size: cover;
background-position: center;
}
.services-2-images .module-image:nth-of-type(5n+1), .services-2-images .module-image:nth-of-type(5n+2) {
-ms-grid-column-span: 5;
grid-column: span 5;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.services-2-images .module-image:nth-of-type(5n+3) {
-ms-grid-column-span: 6;
grid-column: span 6;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.services-2-images .module-image:nth-of-type(5n+4), .services-2-images .module-image:nth-of-type(5n+5) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.services-2-images .image-wrap {
display: inline;
width: 100%;
min-height: 100%;
}
.services-2-images .module-image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.service-2-row-2 .script-font p {
font-size: 18px;
line-height: 35px;
margin-bottom: 15px;
letter-spacing: 3px;
color: var(--blue4);
}
@media (max-width: 1500px) {
.service-2 {
position: relative;
}
.service-2-row-2 {
padding: 50px 5%;
}
.service-3 {
padding: 50px 5%;
}
}
@media (max-width: 1280px) {
.service-2 {
position: relative;
}
.service-2-row-1:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 75%;
background-color: var(--blue1);
}
.service-2-row-1 .first, .service-2-row-1 .middle, .service-2-row-1 .last {
width: 100%;
margin: 0px;
margin-bottom: 15px;
}
#pagewrap .service-2-row-1-image img {
margin: auto;
display: block;
}
.service-2-row-2 .first {
width: 100%;
margin-bottom: 15px;
}
.service-2-row-2 .last {
width: 100%;
margin: 0px;
}
.service-2-row-2 .last img {
margin: auto;
display: block;
}
.service-2-row-2 .service-2-row-2-text h2 {
color: white;
font-size: 30px;
line-height: 50px;
margin-bottom: 15px;
}
.service-2-row-2 .service-2-row-2-text p {
font-size: 18px;
line-height: 30px;
color: white;
margin-bottom: 25px;
}
.service-3-text h2 {
text-align: center;
font-size: 40px;
line-height: 50px;
margin-bottom: 50px;
color: var(--blue1);
}
.services-2-images {
margin-bottom: 25px;
}
.services-2-images .tb-column-inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr);
grid-template-columns: repeat(10,minmax(auto,1fr));
grid-auto-rows: minmax(auto, .5fr);
gap: 25px;
}
.services-2-images .module-image {
background-size: cover;
background-position: center;
}
.services-2-images .module-image:nth-of-type(5n+1), .services-2-images .module-image:nth-of-type(5n+2) {
-ms-grid-column-span: 5;
grid-column: span 5;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.services-2-images .module-image:nth-of-type(5n+3) {
-ms-grid-column-span: 6;
grid-column: span 6;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.services-2-images .module-image:nth-of-type(5n+4), .services-2-images .module-image:nth-of-type(5n+5) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.services-2-images .image-wrap {
display: inline;
width: 100%;
min-height: 100%;
}
.services-2-images .module-image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.service-2-row-2 .script-font p {
font-size: 18px;
line-height: 35px;
margin-bottom: 15px;
letter-spacing: 3px;
color: var(--blue4);
}
}
/* Gallery */
.gallery-1 {
padding: 100px 10% 50px;
}
.gallery-1-title h2 {
font-size: 40px;
text-align: center;
}
.gallery-1 li.sf-field-taxonomy-gallery_category ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
margin: 25px 0px 50px;
}
.gallery-1 li.sf-field-taxonomy-gallery_category ul li input {
display: none;
}
.gallery-1 li.sf-field-taxonomy-gallery_category ul li label {
cursor: pointer;
color: var(--blue4);
font-size: 18px;
}
#pagewrap .gallery-1 .sf-option-active label {
color: black !important;
}
@media (max-width: 1500px) {
.gallery-1 {
padding: 100px 5% 50px;
}
}
@media (max-width: 1280px) {
.gallery-1-title h2 {
font-size: 30px;
text-align: center;
}
.gallery-1 li.sf-field-taxonomy-gallery_category ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
margin: 25px 0px 50px;
}
.gallery-1 li.sf-field-taxonomy-gallery_category ul li {
text-align: center;
}
}
@media (max-width: 680px) {
.gallery-1-title h2 {
font-size: 25px;
text-align: center;
}
.gallery-1 li.sf-field-taxonomy-gallery_category ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
margin: 25px 0px 50px;
}
.gallery-1 li.sf-field-taxonomy-gallery_category ul li {
text-align: center;
}
}
.grid-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr);
grid-template-columns: repeat(10,minmax(auto,1fr));
grid-auto-rows: minmax(auto, 330px);
gap: 25px;
}
.grid-container .grid-image {
background-size: cover;
background-position: center;
display: inline-block;
}
.grid-container .grid-image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.grid-container .grid-image:nth-of-type(5n+1), .grid-container .grid-image:nth-of-type(5n+2) {
-ms-grid-column-span: 5;
grid-column: span 5;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.grid-container .grid-image:nth-of-type(5n+3) {
-ms-grid-column-span: 6;
grid-column: span 6;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.grid-container .grid-image:nth-of-type(5n+4), .grid-container .grid-image:nth-of-type(5n+5) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 1;
grid-row: span 1;
}
@media(max-width: 1300px) {
.grid-container {
-ms-grid-columns: minmax(auto, 1fr) 0 minmax(auto, 1fr);
grid-template-columns: repeat(2,minmax(auto, 1fr));
grid-auto-rows: minmax(auto,350px);
gap: 0;
}
.grid-container .grid-image {
margin-bottom: 25px;
}
.grid-container .grid-image:nth-of-type(2n+1) {
margin-right: 25px;
}
.grid-container .grid-image:nth-of-type(5n+1), .grid-container .grid-image:nth-of-type(5n+2) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.grid-container .grid-image:nth-of-type(5n+3) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.grid-container .grid-image:nth-of-type(5n+4), .grid-container .grid-image:nth-of-type(5n+5) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.services-2-images .tb-column-inner {
-ms-grid-columns: minmax(auto, 1fr) 0 minmax(auto, 1fr);
grid-template-columns: repeat(2,minmax(auto, 1fr));
grid-auto-rows: minmax(auto,350px);
gap: 0;
}
.services-2-images .module-image {
background-size: cover;
background-position: center;
margin-bottom: 25px;
}
.services-2-images .module-image:nth-of-type(2n+1) {
margin-right: 25px;
}
.services-2-images .module-image:nth-of-type(5n+1), .services-2-images .module-image:nth-of-type(5n+2) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.services-2-images .module-image:nth-of-type(5n+3) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.services-2-images .module-image:nth-of-type(5n+4), .services-2-images .module-image:nth-of-type(5n+5) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.services-2-images .image-wrap {
display: inline;
width: 100%;
min-height: 100%;
}
.services-2-images .module-image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
}
@media (max-width: 680px) {
.grid-container {
-ms-grid-columns: minmax(auto, 1fr);
grid-template-columns: minmax(auto, 1fr);
grid-auto-rows: minmax(auto,250px);
gap: 0;
}
.grid-container .grid-image {
margin-bottom: 25px;
}
.grid-container .grid-image:nth-of-type(2n+1) {
margin-right: 0;
}
.grid-container .grid-image:last-child {
margin-bottom: 0;
}
.grid-container .grid-image:nth-of-type(5n+1), .grid-container .grid-image:nth-of-type(5n+2) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.grid-container .grid-image:nth-of-type(5n+3) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.grid-container .grid-image:nth-of-type(5n+4), .grid-container .grid-image:nth-of-type(5n+5) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.services-2-images .tb-column-inner {
-ms-grid-columns: minmax(auto, 1fr);
grid-template-columns: repeat(1,minmax(auto, 1fr));
grid-auto-rows: minmax(auto,350px);
gap: 0;
}
.services-2-images .module-image {
background-size: cover;
background-position: center;
margin-bottom: 25px;
}
.services-2-images .module-image:last-child {
margin-bottom: 0;
}
.services-2-images .module-image:nth-of-type(2n+1) {
margin-right: 0;
}
.services-2-images .module-image:nth-of-type(5n+1), .services-2-images .module-image:nth-of-type(5n+2) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.services-2-images .module-image:nth-of-type(5n+3) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.services-2-images .module-image:nth-of-type(5n+4), .services-2-images .module-image:nth-of-type(5n+5) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.services-2-images .image-wrap {
display: inline;
width: 100%;
min-height: 100%;
}
.services-2-images .module-image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
}
/* Projects */
.project-1 {
padding: 50px 10%;
}
.projects-main-title h2 {
font-size: 40px;
line-height: 65px;
}
.projects-archive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
a.project-archive-single {
-ms-flex-preferred-size: calc(50% - 15px);
flex-basis: calc(50% - 15px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20% 25px 25px;
background-size: cover;
position: relative;
z-index: 1;
margin-bottom: 25px;
}
a.project-archive-single:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
background: rgb(24,40,64);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(24,40,64,1)), color-stop(50%, rgba(24,40,64,0)));
background: -o-linear-gradient(bottom, rgba(24,40,64,1) 0%, rgba(24,40,64,0) 50%);
background: linear-gradient(0deg, rgba(24,40,64,1) 0%, rgba(24,40,64,0) 50%);
}
.project-archive-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 2;
padding-right: 25px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.project-archive-content h3 {
color: white;
font-size: 25px;
line-height: 25px;
margin-bottom: 5px;
}
.project-archive-content p {
color: white;
font-size: 18px;
line-height: 25px;
max-width: 75%;
margin-bottom: 0px;
}
#pagewrap .project-button {
border-radius: 25px;
padding: 10px 40px 5px 10px;
background: unset;
position: relative;
border: 1px solid white;
color: white;
text-transform: none;
}
#pagewrap .project-button:before {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
}
#pagewrap .project-button:before {
background-image: url('/wp-content/uploads/2022/08/White-Arrow.svg');
}
#pagewrap .main-button.blue-button a {
border: 1px solid var(--blue1);
color: var(--blue1);
}
.project-archive-content .content-left {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
.project-archive-content .content-right {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
@media (max-width: 1500px) {
.project-1 {
padding: 50px 5%;
}
}
@media (max-width: 1280px) {
.projects-main-title h2 {
font-size: 40px;
line-height: 65px;
}
.projects-archive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
a.project-archive-single {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30% 25px 25px;
background-size: cover;
position: relative;
z-index: 1;
margin-bottom: 25px;
}
.project-archive-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 2;
padding-right: 25px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.project-archive-content h3 {
color: white;
font-size: 25px;
line-height: 25px;
margin-bottom: 5px;
}
.project-archive-content p {
color: white;
font-size: 18px;
line-height: 25px;
max-width: 75%;
margin-bottom: 0px;
}
.project-archive-content .content-left {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 15px;
}
.project-archive-content .content-right {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
/* Recent Projects */
.slick-slide {
/* margin: 0px 20px; */
}
.slick-track {
margin: 0px -20px;
}
#pagewrap a.project-recent-single {
padding: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 550px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
z-index: 0;
position: relative;
}
.slick-slide a {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.slick-slide.slick-current.slick-active.slick-center a {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.recent-projects i {
position: absolute;
top: 50%;
z-index: 2;
color: white;
background: var(--blue1);
padding: 15px 10px;
font-size: 30px;
cursor: pointer;
}
.recent-projects i.fa-solid.fa-angle-left.slick-arrow {
left: 0px;
}
.recent-projects i.fa-solid.fa-angle-right.slick-arrow {
right: 0px;
}
.recent-projects-container {
padding: 100px 0px;
}
.recent-projects-container h2 {
text-align: center;
font-size: 40px;
line-height: 100%;
margin-bottom: 50px;
}
.project-recent-content {
display: none;
}
.slick-active .project-recent-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 2;
padding-right: 25px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
}
#pagewrap a.project-recent-single:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
background: rgb(24,40,64);
background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(24,40,64,.75)), color-stop(50%, rgba(24,40,64,0)));
background: -o-linear-gradient(bottom, rgba(24,40,64,.75) 20%, rgba(24,40,64,0) 50%);
background: linear-gradient(0deg, rgba(24,40,64,.75) 20%, rgba(24,40,64,0) 50%);
}
.project-recent-content .content-left {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
.project-recent-content .content-right {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.project-recent-content h3 {
color: white;
font-size: 30px;
line-height: 25px;
margin-bottom: 5px;
}
.project-recent-content p {
color: white;
font-size: 21px;
line-height: 25px;
max-width: 60%;
margin-bottom: 0px;
}
.project-recent-quote {
display: none;
}
.slick-active .project-recent-quote {
position: absolute;
top: 25px;
right: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
width: 30%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.project-recent-quote .content-right {
-ms-flex-preferred-size: calc(20% - 10px);
flex-basis: calc(20% - 10px);
}
.project-recent-quote .content-right img {
max-width: 75px;
width: 100%;
}
.project-recent-quote .content-left {
-ms-flex-preferred-size: calc(80% - 10px);
flex-basis: calc(80% - 10px);
}
.project-recent-quote .content-left p {
font-size: 18px;
line-height: 30x;
color: white;
}
@media (max-width: 1280px) {
.slick-active .project-recent-quote {
width: 40%;
}
}
@media (max-width: 768px) {
#pagewrap a.project-recent-single {
padding: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 550px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
z-index: 0;
position: relative;
}
.recent-projects i {
position: absolute;
top: 50%;
z-index: 2;
color: white;
background: var(--blue1);
padding: 15px 10px;
font-size: 30px;
cursor: pointer;
}
.recent-projects i.fa-solid.fa-angle-left.slick-arrow {
left: 0px;
}
.recent-projects i.fa-solid.fa-angle-right.slick-arrow {
right: 0px;
}
.recent-projects-container {
padding: 50px 0px;
}
.recent-projects-container h2 {
text-align: center;
font-size: 30px;
line-height: 100%;
margin-bottom: 50px;
}
.slick-active .project-recent-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 2;
padding-right: 25px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.project-recent-content .content-left {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.project-recent-content .content-right {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.project-recent-content h3 {
color: white;
font-size: 30px;
line-height: 25px;
margin-bottom: 5px;
}
#pagewrap .project-recent-content p {
color: white;
font-size: 21px;
line-height: 25px;
max-width: 100%;
margin-bottom: 25px;
}
.project-recent-quote {
display: none;
}
.slick-active .project-recent-quote {
display: none;
}
.project-recent-quote .content-right {
-ms-flex-preferred-size: calc(20% - 10px);
flex-basis: calc(20% - 10px);
}
.project-recent-quote .content-right img {
max-width: 75px;
width: 100%;
}
.project-recent-quote .content-left {
-ms-flex-preferred-size: calc(80% - 10px);
flex-basis: calc(80% - 10px);
}
.project-recent-quote .content-left p {
font-size: 18px;
line-height: 30x;
color: white;
}
}
@media (max-width: 500px) {
#pagewrap a.project-recent-single {
min-height: 450px;
padding: 25px;
}
.recent-projects-container h2 {
text-align: center;
font-size: 25px;
line-height: 100%;
margin-bottom: 25px;
}
.project-recent-content h3 {
color: white;
font-size: 25px;
line-height: 25px;
margin-bottom: 5px;
}
#pagewrap .project-recent-content p {
font-size: 15px;
line-height: 20px;
}
}
/* Single Project Page */
.project-hero {
z-index: 0;
}
#pagewrap .project-hero p {
font-size: 21px;
line-height: 30px;
color: white;
margin: 25px 0px;
max-width: 60%;
}
.project-hero .tb-column-inner.tf_box.tf_w {
max-width: 50%;
}
.project-hero .module-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 50%;
}
.project-single-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 10%;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
z-index: 1;
margin-bottom: -100px;
}
.project-single-content .project-single-left {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}
.project-single-content .project-single-right {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
background: white;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 75px 50px 50px;
}
.project-image-container img {
width: 100%;
max-width: 750px;
}
.project-quote-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 25px 0px;
}
#pagewrap p.project-quote {
font-size: 25px;
text-align: center;
max-width: 50%;
line-height: 30px;
margin-top: 25px;
color: var(--blue1);
font-family: var(--main-bold);
position: relative;
}
h2.project-right-title {
font-size: 40px;
line-height: 30px;
margin-bottom: 25px;
position: relative;
}
.project-location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
}
.project-location i {
font-size: 30px;
color: var(--blue4);
}
.project-location p {
font-size: 21px;
line-height: 30px;
padding-left: 15px;
color: var(--blue1);
font-family: var(--main-bold);
font-weight: 700;
}
.project-content p,.project-content li,.project-content a {
font-size: 18px;
color: var(--blue1);
line-height: 30px;
}
.project-grid {
padding: 0px 10%;
}
h2.project-right-title:after {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -150%;
background-size: contain;
background-repeat: no-repeat;
}
#pagewrap p.project-quote:before {
content: '';
background-image: url('/wp-content/uploads/2022/09/Stars.png');
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
width: 50px;
height: 45px;
position: absolute;
top: -75%;
left: 0px;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 1500px) {
.project-single-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 5%;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
z-index: 1;
margin-bottom: -100px;
}
.project-grid {
padding: 0px 5%;
}
}
@media (max-width: 1280px) {
#pagewrap .project-hero p {
font-size: 21px;
line-height: 30px;
color: white;
margin: 25px 0px;
max-width: 60%;
}
.project-hero .tb-column-inner.tf_box.tf_w {
max-width: 100%;
}
.project-hero .module-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 50%;
}
#pagewrap .project-single-content .project-single-left {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.project-single-content .project-single-right {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background: white;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 75px 50px 50px;
}
.project-image-container img {
width: 100%;
max-width: 750px;
margin: auto;
display: block;
}
.project-quote-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 25px 0px;
}
#pagewrap p.project-quote {
font-size: 25px;
text-align: center;
max-width: 50%;
line-height: 30px;
margin-top: 25px;
color: var(--blue1);
font-family: var(--main-bold);
position: relative;
}
h2.project-right-title {
font-size: 40px;
line-height: 30px;
margin-bottom: 25px;
position: relative;
}
.project-location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
}
.project-location i {
font-size: 30px;
color: var(--blue4);
}
.project-location p {
font-size: 21px;
line-height: 30px;
padding-left: 15px;
color: var(--blue1);
font-family: var(--main-bold);
font-weight: 700;
}
.project-content p,.project-content li,.project-content a {
font-size: 18px;
color: var(--blue1);
line-height: 30px;
}
}
@media (max-width: 680px) {
#pagewrap .project-hero p {
font-size: 21px;
line-height: 30px;
color: white;
margin: 25px 0px;
max-width: 60%;
}
.project-hero .tb-column-inner.tf_box.tf_w {
max-width: 100%;
}
.project-hero .module-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 50%;
}
#pagewrap .project-single-content .project-single-left {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.project-single-content .project-single-right {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background: white;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 25px 5%;
}
.project-image-container img {
width: 100%;
max-width: 750px;
margin: auto;
display: block;
}
.project-quote-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 25px 0px;
}
#pagewrap p.project-quote {
font-size: 21px;
text-align: center;
max-width: 100%;
line-height: 30px;
margin-top: 25px;
color: var(--blue1);
font-family: var(--main-bold);
position: relative;
}
h2.project-right-title {
font-size: 25px;
line-height: 30px;
margin-bottom: 25px;
position: relative;
}
.project-location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
}
.project-location i {
font-size: 25px;
color: var(--blue4);
}
.project-location p {
font-size: 18px;
line-height: 30px;
padding-left: 15px;
color: var(--blue1);
font-family: var(--main-bold);
font-weight: 700;
}
.project-content p,.project-content li,.project-content a {
font-size: 15px;
color: var(--blue1);
line-height: 25px;
}
#pagewrap p.project-quote:before, h2.project-right-title:after {
content: unset;
}
}
/* Blog Archive */
.blog-1 {
padding: 50px 10%;
position: relative;
}
.blog-1:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: -1;
height: 100%;
max-height: 250px;
background-color: var(--blue1);
}
.blog-single {
position: relative;
-ms-flex-preferred-size: calc(33.33% - 25px);
flex-basis: calc(33.33% - 25px);
margin-bottom: 25px;
}
.blog-single:first-of-type {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.blog-single:first-of-type .blog-content-container {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.blog-single:first-of-type .blog-content-container:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
background: rgb(24,40,64);
background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(24,40,64,.75)), color-stop(50%, rgba(24,40,64,0)));
background: -o-linear-gradient(bottom, rgba(24,40,64,.75) 20%, rgba(24,40,64,0) 50%);
background: linear-gradient(0deg, rgba(24,40,64,.75) 20%, rgba(24,40,64,0) 50%);
}
.blog-archive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-single:first-of-type .blog-image-container img {
width: 100%;
max-height: 500px;
height: 500px;
-o-object-fit: cover;
object-fit: cover;
}
.blog-single .blog-image-container img {
width: 100%;
height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
.blog-1 form#search-filter-form-702>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-1 form#search-filter-form-702>ul>li {
-ms-flex-preferred-size: calc(50% - 50px);
flex-basis: calc(50% - 50px);
}
.blog-1 li.sf-level-0.sf-item-18 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.blog-1 li.sf-level-0.sf-item-17 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.blog-1 li.sf-level-0.sf-item-20 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.blog-1 li.sf-level-0.sf-item-19 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.blog-1 li.sf-field-category ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog-1 li.sf-field-category li {
margin-right: 15px;
}
.blog-1 li.sf-field-category input {
display: none;
}
.blog-1 li.sf-field-category label {
color: white;
font-size: 18px;
line-height: 30px;
padding: 0px;
}
.blog-1 li.sf-field-category .sf-option-active label {
color: var(--blue4);
}
.blog-1 h4 {
font-size: 25px;
color: white;
text-transform: capitalize;
}
.blog-1 .sf-item-0 {
display: none !important;
}
.blog-1 li.sf-field-search label, .blog-1 li.sf-field-search label input {
width: 100%;
border-radius: 50px;
}
.blog-single:first-of-type h2,.blog-single:first-of-type p,.blog-single:first-of-type button {
z-index: 2;
}
.blog-single:first-of-type h2 {
color: white;
font-size: 40px;
margin-bottom: 15px;
}
.blog-single:first-of-type p {
color: white;
font-size: 18px;
margin-bottom: 15px;
}
.blog-single:first-of-type button {
border-radius: 25px;
padding: 10px 40px 5px 10px;
background: unset;
position: relative;
border: 1px solid white;
color: white;
}
.blog-single:first-of-type button:before {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/wp-content/uploads/2022/08/White-Arrow.svg');
}
.blog-single h2 {
color: var(--blue1);
font-size: 21px;
margin-top: 25px;
text-align: center;
}
.blog-single p {
color: var(--blue1);
font-size: 15px;
margin-bottom: 5px;
text-align: center;
}
.blog-single button {
border-radius: 25px;
padding: 10px 40px 5px 10px;
background: unset;
position: relative;
border: 1px solid var(--blue1);
color: var(--blue1);
text-align: center;
}
.blog-single button:before {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/wp-content/uploads/2022/08/Navy-Arrow.svg');
}
.blog-content-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.blog-single-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 10%;
}
.blog-single-left {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}
.blog-single-right {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}
a.related-blog-single img {
height: 350px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
h2.blog-title {
font-size: 40px;
line-height: 50px;
max-width: 50%;
color: var(--blue1);
}
.blog-content p {
font-size: 15px;
line-height: 30px;
color: var(--blue1);
}
.blog-single-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 10%;
}
.blog-single-left {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}
.blog-single-right {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}
.related-blog-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px;
background: var(--blue1);
}
.related-blog-container h2 {
color: white;
font-size: 30px;
line-height: 50px;
}
.share-socials.blog-share-icons h3 {
font-size: 25px;
line-height: 30px;
color: var(--blue1);
margin-bottom: 0px;
}
.share-socials.blog-share-icons a img {
width: 100%;
max-width: 40px;
margin-right: 15px;
}
a.related-blog-single img {
height: 350px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
h2.blog-title {
font-size: 40px;
line-height: 50px;
max-width: 50%;
color: var(--blue1);
}
.blog-content p {
font-size: 15px;
line-height: 30px;
color: var(--blue1);
}
.relatedblog h2 {
color: white;
font-size: 30px;
line-height: 100%;
margin: 20px 0px 0px;
}
.relatedblog p {
color: white;
font-size: 18px;
text-align: center;
margin: 5px;
max-width: 75%;
}
a.related-blog-single .blog-content-container button {
border-radius: 25px;
padding: 10px 40px 5px 10px;
background: unset;
position: relative;
border: 1px solid white;
color: white;
text-transform: inherit;
text-align: center;
}
.blog-image-container img {
width: 100%;
height: 450px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.blog-single-right .blog-image-container {
margin-bottom: 50px;
padding-top: 25px;
}
a.related-blog-single .blog-content-container button:before {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/wp-content/uploads/2022/08/White-Arrow.svg');
}
@media (max-width: 1500px) {
.blog-single-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 5%;
}
.blog-single-left {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}
.blog-single-right {
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}
.related-blog-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px;
background: var(--blue1);
}
.related-blog-container h2 {
color: white;
font-size: 30px;
line-height: 50px;
}
.share-socials.blog-share-icons h3 {
font-size: 25px;
line-height: 30px;
color: var(--blue1);
margin-bottom: 0px;
}
.share-socials.blog-share-icons a img {
width: 100%;
max-width: 40px;
margin-right: 15px;
}
a.related-blog-single img {
height: 350px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
h2.blog-title {
font-size: 40px;
line-height: 50px;
max-width: 50%;
color: var(--blue1);
}
.blog-content p {
font-size: 15px;
line-height: 30px;
color: var(--blue1);
}
.relatedblog h2 {
color: white;
font-size: 30px;
line-height: 100%;
margin: 20px 0px 0px;
}
.relatedblog p {
color: white;
font-size: 18px;
text-align: center;
margin: 5px;
max-width: 75%;
}
a.related-blog-single .blog-content-container button {
border-radius: 25px;
padding: 10px 40px 5px 10px;
background: unset;
position: relative;
border: 1px solid white;
color: white;
text-transform: inherit;
text-align: center;
}
.blog-image-container img {
width: 100%;
height: 450px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.blog-single-right .blog-image-container {
margin-bottom: 50px;
padding-top: 25px;
}
a.related-blog-single .blog-content-container button:before {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/wp-content/uploads/2022/08/White-Arrow.svg');
}
}
@media (max-width: 1280px) {
.blog-single-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-single-left {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.blog-single-right {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.related-blog-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px;
background: var(--blue1);
}
.related-blog-container h2 {
color: white;
font-size: 30px;
line-height: 50px;
}
.share-socials.blog-share-icons h3 {
font-size: 25px;
line-height: 30px;
color: var(--blue1);
margin-bottom: 0px;
}
.share-socials.blog-share-icons a img {
width: 100%;
max-width: 40px;
margin-right: 15px;
}
a.related-blog-single img {
height: 350px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
h2.blog-title {
font-size: 40px;
line-height: 50px;
max-width: 100%;
color: var(--blue1);
}
.blog-content p {
font-size: 15px;
line-height: 30px;
color: var(--blue1);
}
.relatedblog h2 {
color: white;
font-size: 30px;
line-height: 100%;
margin: 20px 0px 0px;
}
.relatedblog p {
color: white;
font-size: 18px;
text-align: center;
margin: 5px;
max-width: 75%;
}
a.related-blog-single .blog-content-container button {
border-radius: 25px;
padding: 10px 40px 5px 10px;
background: unset;
position: relative;
border: 1px solid white;
color: white;
text-transform: inherit;
text-align: center;
}
.blog-image-container img {
width: 100%;
height: 450px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.blog-single-right .blog-image-container {
margin-bottom: 50px;
padding-top: 25px;
}
a.related-blog-single .blog-content-container button:before {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/wp-content/uploads/2022/08/White-Arrow.svg');
}
}
@media (max-width: 680px) {
.related-blog-container {
padding: 25px;
}
.related-blog-container h2 {
font-size: 25px;
line-height: 30px;
}
.share-socials.blog-share-icons h3 {
font-size: 25px;
line-height: 30px;
color: var(--blue1);
margin-bottom: 0px;
}
.share-socials.blog-share-icons a img {
width: 100%;
max-width: 40px;
margin-right: 15px;
}
a.related-blog-single img {
height: 350px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
h2.blog-title {
font-size: 25px;
line-height: 30px;
max-width: 100%;
color: var(--blue1);
}
.blog-content p {
font-size: 15px;
line-height: 30px;
color: var(--blue1);
}
.relatedblog h2 {
color: white;
font-size: 25px;
line-height: 100%;
margin: 20px 0px 0px;
}
.relatedblog p {
color: white;
font-size: 18px;
text-align: center;
margin: 5px;
max-width: 75%;
}
a.related-blog-single .blog-content-container button {
border-radius: 25px;
padding: 10px 40px 5px 10px;
background: unset;
position: relative;
border: 1px solid white;
color: white;
text-transform: inherit;
text-align: center;
}
.blog-image-container img {
width: 100%;
height: 450px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.blog-single-right .blog-image-container {
margin-bottom: 0px;
padding-top: 25px;
}
a.related-blog-single .blog-content-container button:before {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/wp-content/uploads/2022/08/White-Arrow.svg');
}
}
.blog-grid-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr);
grid-template-columns: repeat(12, minmax(auto,1fr));
grid-auto-rows: minmax(auto, 220px);
gap: 25px;
padding: 0px 10% 50px;
}
.blog-grid-container .blog-grid-image {
display: inline-block;
width: 100%;
height: 100%;
}
.blog-grid-container .blog-grid-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+1) {
-ms-grid-column-span: 3;
grid-column: span 3;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+2) {
-ms-grid-column-span: 5;
grid-column: span 5;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+3), .blog-grid-container .blog-grid-image:nth-of-type(9n+4), .blog-grid-container .blog-grid-image:nth-of-type(9n+5), .blog-grid-container .blog-grid-image:nth-of-type(9n+6) {
-ms-grid-column-span: 2;
grid-column: span 2;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+7), .blog-grid-container .blog-grid-image:nth-of-type(9n+8), .blog-grid-container .blog-grid-image:nth-of-type(9n+9) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 2;
grid-row: span 2;
}
@media (max-width: 1300px) {
.blog-grid-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr);
grid-template-columns: repeat(12, minmax(auto,1fr));
grid-auto-rows: minmax(auto, 150px);
gap: 25px;
}
.blog-grid-container .blog-grid-image {
display: inline-block;
width: 100%;
height: 100%;
}
.blog-grid-container .blog-grid-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+1) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+2) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+3), .blog-grid-container .blog-grid-image:nth-of-type(9n+4), .blog-grid-container .blog-grid-image:nth-of-type(9n+5), .blog-grid-container .blog-grid-image:nth-of-type(9n+6) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+7), .blog-grid-container .blog-grid-image:nth-of-type(9n+8), .blog-grid-container .blog-grid-image:nth-of-type(9n+9) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 2;
grid-row: span 2;
}
}
@media (max-width: 1000px) {
.blog-grid-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr) 25px minmax(auto,1fr);
grid-template-columns: repeat(12, minmax(auto,1fr));
grid-auto-rows: minmax(auto, 100px);
gap: 25px;
}
.blog-grid-container .blog-grid-image {
display: inline-block;
width: 100%;
height: 100%;
}
.blog-grid-container .blog-grid-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+1) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+2) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+3), .blog-grid-container .blog-grid-image:nth-of-type(9n+4), .blog-grid-container .blog-grid-image:nth-of-type(9n+5), .blog-grid-container .blog-grid-image:nth-of-type(9n+6) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 2;
grid-row: span 2;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+7), .blog-grid-container .blog-grid-image:nth-of-type(9n+8), .blog-grid-container .blog-grid-image:nth-of-type(9n+9) {
-ms-grid-column-span: 4;
grid-column: span 4;
-ms-grid-row-span: 2;
grid-row: span 2;
}
}
@media (max-width: 680px) {
.blog-grid-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-ms-grid-columns: minmax(auto,1fr);
grid-template-columns: repeat(1, minmax(auto,1fr));
grid-auto-rows: minmax(auto, 250px);
gap: 0px;
}
.blog-grid-container .blog-grid-image {
display: block;
margin-bottom: 25px;
height: auto;
}
.blog-grid-container .blog-grid-image:last-child {
margin-bottom: 0;
}
.blog-grid-container .blog-grid-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
max-height: 220px;
min-height: 220px;
margin-bottom: 0;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+1) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+2) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+3), .blog-grid-container .blog-grid-image:nth-of-type(9n+4), .blog-grid-container .blog-grid-image:nth-of-type(9n+5), .blog-grid-container .blog-grid-image:nth-of-type(9n+6) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
margin-bottom: 15px;
}
.blog-grid-container .blog-grid-image:nth-of-type(9n+7), .blog-grid-container .blog-grid-image:nth-of-type(9n+8), .blog-grid-container .blog-grid-image:nth-of-type(9n+9) {
-ms-grid-column-span: 1;
grid-column: span 1;
-ms-grid-row-span: 1;
grid-row: span 1;
}
}
/* Contact 1 */
.contact-1 .first {
padding: 100px;
width: 70%;
}
.contact-1 .first h2 {
font-size: 40px;
line-height: 100%;
margin-bottom: 25px;
position: relative;
}
.contact-1 .first h2:after {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -100%;
background-size: contain;
background-repeat: no-repeat;
}
.contact-1 .last {
padding: 100px;
width: 30%;
}
.contact-1 .with_frm_style input[type=text], .contact-1 .with_frm_style input[type=password], .contact-1 .with_frm_style input[type=email], .contact-1 .with_frm_style input[type=number], .contact-1 .with_frm_style input[type=url], .contact-1 .with_frm_style input[type=tel], .contact-1 .with_frm_style input[type=phone], .contact-1 .with_frm_style input[type=search], .contact-1 .with_frm_style select, .contact-1 .with_frm_style textarea, .contact-1 .frm_form_fields_style, .contact-1 .with_frm_style .frm_scroll_box .frm_opt_container, .contact-1 .frm_form_fields_active_style, .contact-1 .frm_form_fields_error_style, .contact-1 .with_frm_style .chosen-container-multi .chosen-choices, .contact-1 .with_frm_style .chosen-container-single .chosen-single {
border: 0px;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 2px solid var(--blue1);
border-radius: 0px;
padding: 5px 0px;
}
#pagewrap .contact-1 ::-webkit-input-placeholder {
color: rgb(24 40 64 /50%)
}
#pagewrap .contact-1 ::-moz-placeholder {
color: rgb(24 40 64 /50%)
}
#pagewrap .contact-1 :-ms-input-placeholder {
color: rgb(24 40 64 /50%)
}
#pagewrap .contact-1 ::-ms-input-placeholder {
color: rgb(24 40 64 /50%)
}
#pagewrap .contact-1 ::placeholder {
color: rgb(24 40 64 /50%)
}
.contact-1 .with_frm_style textarea {
max-height: 85px;
min-height: 85px;
}
.contact-1 .frm_submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#pagewrap .contact-1 button.frm_button_submit.frm_final_submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid var(--blue1);
border-radius: 50px;
padding: 5px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transform: translateY(-35px);
-ms-transform: translateY(-35px);
transform: translateY(-35px);
text-transform: capitalize;
}
#pagewrap .contact-1 .with_frm_style img {
width: 100%;
max-width: 15px;
margin-left: 5px;
}
#pagewrap .contact-1 .with_frm_style .frm_checkbox input[type=checkbox] {
border-radius: 100%;
border: 1px solid var(--blue1);
}
#pagewrap .contact-1 .with_frm_style .frm_checkbox input[type=checkbox]:before {
-webkit-box-shadow: inset 10px 10px var(--blue1);
box-shadow: inset 10px 10px var(--blue1);
width: 10px;
height: 10px;
margin: 3px 0px 0px 3px;
}
.contact-1 .last h2 {
color: white;
font-size: 40px;
position: relative;
}
.contact-1 .last .module-icon a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.contact-1 .last .module-icon a em {
font-size: 30px;
padding: 10px 0px;
color: var(--blue4);
}
.contact-1 .last .module-icon a span {
font-size: 21px;
color: white;
line-height: 30px;
}
.contact-1 .with_frm_style .frm_radio label, .contact-1 .with_frm_style .frm_checkbox label {
color: var(--blue1);
}
.appointment-1 {
padding: 75px 10% 50px;
}
.appointment-1 h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 25px;
position: relative;
color: white;
}
.appointment-1 h2:after {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -100%;
background-size: contain;
background-repeat: no-repeat;
}
.appointment-1 .with_frm_style input[type=text], .appointment-1 .with_frm_style input[type=password], .appointment-1 .with_frm_style input[type=email], .appointment-1 .with_frm_style input[type=number], .appointment-1 .with_frm_style input[type=url], .appointment-1 .with_frm_style input[type=tel], .appointment-1 .with_frm_style input[type=phone], .appointment-1 .with_frm_style input[type=search], .appointment-1 .with_frm_style select, .appointment-1 .with_frm_style textarea, .appointment-1 .frm_form_fields_style, .appointment-1 .with_frm_style .frm_scroll_box .frm_opt_container, .appointment-1 .frm_form_fields_active_style, .appointment-1 .frm_form_fields_error_style, .appointment-1 .with_frm_style .chosen-container-multi .chosen-choices, .appointment-1 .with_frm_style .chosen-container-single .chosen-single {
border: 0px;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 2px solid white;
border-radius: 0px;
padding: 5px 0px;
background: none;
color: white;
}
.appointment-1 .frm_opt_container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
#pagewrap .appointment-1 .frm_opt_container .frm_radio {
margin-bottom: 5px;
}
.appointment-1 .with_frm_style .frm_radio input[type=radio], .appointment-1 .with_frm_style .frm_checkbox input[type=checkbox] {
border: 1px solid white;
background: none;
}
#pagewrap .frm_primary_label {
color: white;
font-size: 15px;
margin-bottom: 0px;
}
.appointment-1 .with_frm_style .vertical_radio .frm_checkbox label, .appointment-1 .with_frm_style .vertical_radio .frm_radio label {
color: white;
font-size: 15px;
width: 100%;
}
#pagewrap .appointment-1 ::-webkit-input-placeholder {
color: rgb(255 255 255 /50%)
}
#pagewrap .appointment-1 ::-moz-placeholder {
color: rgb(255 255 255 /50%)
}
#pagewrap .appointment-1 :-ms-input-placeholder {
color: rgb(255 255 255 /50%)
}
#pagewrap .appointment-1 ::-ms-input-placeholder {
color: rgb(255 255 255 /50%)
}
#pagewrap .appointment-1 ::placeholder {
color: rgb(255 255 255 /50%)
}
div#frm_field_26_container {
margin: 0px;
}
#pagewrap .appointment-1 .with_frm_style textarea {
max-height: 85px;
min-height: 85px;
}
#pagewrap .appointment-1 .frm_submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#pagewrap .appointment-1 button.frm_button_submit.frm_final_submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid white;
color: white;
border-radius: 50px;
padding: 5px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transform: translateY(-35px);
-ms-transform: translateY(-35px);
transform: translateY(-35px);
text-transform: capitalize;
background: none;
}
#pagewrap .appointment-1 .with_frm_style img {
width: 100%;
max-width: 15px;
margin-left: 5px;
}
#pagewrap .appointment-1 div#frm_field_37_container .frm_opt_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 1500px) {
.appointment-1 {
padding: 75px 5% 50px;
}
.appointment-1 h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 25px;
position: relative;
color: white;
}
.appointment-1 h2:after {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -100%;
background-size: contain;
background-repeat: no-repeat;
}
.appointment-1 .with_frm_style input[type=text], .appointment-1 .with_frm_style input[type=password], .appointment-1 .with_frm_style input[type=email], .appointment-1 .with_frm_style input[type=number], .appointment-1 .with_frm_style input[type=url], .appointment-1 .with_frm_style input[type=tel], .appointment-1 .with_frm_style input[type=phone], .appointment-1 .with_frm_style input[type=search], .appointment-1 .with_frm_style select, .appointment-1 .with_frm_style textarea, .appointment-1 .frm_form_fields_style, .appointment-1 .with_frm_style .frm_scroll_box .frm_opt_container, .appointment-1 .frm_form_fields_active_style, .appointment-1 .frm_form_fields_error_style, .appointment-1 .with_frm_style .chosen-container-multi .chosen-choices, .appointment-1 .with_frm_style .chosen-container-single .chosen-single {
border: 0px;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 2px solid white;
border-radius: 0px;
padding: 5px 0px;
background: none;
color: white;
}
.appointment-1 .frm_opt_container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
#pagewrap .appointment-1 .frm_opt_container .frm_radio {
margin-bottom: 5px;
}
.appointment-1 .with_frm_style .frm_radio input[type=radio], .appointment-1 .with_frm_style .frm_checkbox input[type=checkbox] {
border: 1px solid white;
background: none;
}
#pagewrap .frm_primary_label {
color: white;
font-size: 15px;
margin-bottom: 0px;
}
.appointment-1 .with_frm_style .vertical_radio .frm_checkbox label, .appointment-1 .with_frm_style .vertical_radio .frm_radio label {
color: white;
font-size: 15px;
width: 100%;
}
#pagewrap .appointment-1 ::-webkit-input-placeholder {
color: rgb(255 255 255 /50%)
}
#pagewrap .appointment-1 ::-moz-placeholder {
color: rgb(255 255 255 /50%)
}
#pagewrap .appointment-1 :-ms-input-placeholder {
color: rgb(255 255 255 /50%)
}
#pagewrap .appointment-1 ::-ms-input-placeholder {
color: rgb(255 255 255 /50%)
}
#pagewrap .appointment-1 ::placeholder {
color: rgb(255 255 255 /50%)
}
div#frm_field_26_container {
margin: 0px;
}
#pagewrap .appointment-1 .with_frm_style textarea {
max-height: 85px;
min-height: 85px;
}
#pagewrap .appointment-1 .frm_submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#pagewrap .appointment-1 button.frm_button_submit.frm_final_submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid white;
color: white;
border-radius: 50px;
padding: 5px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transform: translateY(-35px);
-ms-transform: translateY(-35px);
transform: translateY(-35px);
text-transform: capitalize;
background: none;
}
#pagewrap .appointment-1 .with_frm_style img {
width: 100%;
max-width: 15px;
margin-left: 5px;
}
#pagewrap .appointment-1 div#frm_field_37_container .frm_opt_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (max-width: 1280px) {
.appointment-1 h2 {
font-size: 30px;
line-height: 50px;
margin-bottom: 25px;
position: relative;
color: white;
}
.appointment-1 .with_frm_style input[type=text], .appointment-1 .with_frm_style input[type=password], .appointment-1 .with_frm_style input[type=email], .appointment-1 .with_frm_style input[type=number], .appointment-1 .with_frm_style input[type=url], .appointment-1 .with_frm_style input[type=tel], .appointment-1 .with_frm_style input[type=phone], .appointment-1 .with_frm_style input[type=search], .appointment-1 .with_frm_style select, .appointment-1 .with_frm_style textarea, .appointment-1 .frm_form_fields_style, .appointment-1 .with_frm_style .frm_scroll_box .frm_opt_container, .appointment-1 .frm_form_fields_active_style, .appointment-1 .frm_form_fields_error_style, .appointment-1 .with_frm_style .chosen-container-multi .chosen-choices, .appointment-1 .with_frm_style .chosen-container-single .chosen-single {
border: 0px;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 2px solid white;
border-radius: 0px;
padding: 5px 0px;
background: none;
color: white;
}
#pagewrap .frm_primary_label {
color: white;
font-size: 15px;
margin-bottom: 0px;
}
.appointment-1 .with_frm_style .vertical_radio .frm_checkbox label, .appointment-1 .with_frm_style .vertical_radio .frm_radio label {
color: white;
font-size: 15px;
width: 100%;
}
#pagewrap .appointment-1 button.frm_button_submit.frm_final_submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid white;
color: white;
border-radius: 50px;
padding: 5px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transform: translateY(-35px);
-ms-transform: translateY(-35px);
transform: translateY(-35px);
text-transform: capitalize;
background: none;
}
}
/* Location Template */
.location-1::before {
content: unset;
}
.location-1 .first {
width: 60%;
}
.location-1-text {
padding-right: 50px;
}
.location-1-text h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 10px;
color: var(--blue1);
position: relative;
}
.location-1-text h2:after {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -100%;
background-size: contain;
background-repeat: no-repeat;
}
.location-1-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.location-2.home-6 .last h2 {
margin-bottom: 25px;
max-width: 50%;
}
.location-3 {
padding: 100px 10%;
}
#pagewrap .location-3 .row_inner {
max-width: 75%;
}
.location-3 h2 {
font-size: 35px;
line-height: 100%;
margin-bottom: 25px;
text-align: center;
color: var(--blue1);
}
.location-3 h3 {
font-size: 25px;
line-height: 100%;
margin-bottom: 25px;
text-align: center;
color: var(--blue1);
}
.location-3-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 25px;
}
.location-3-button:after {
content: unset;
}
#pagewrap .location-3-button a {
padding: 0px;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#pagewrap .location-3-button>div {
padding: 0px 50px;
margin: 0px 5px;
position: relative;
border-right: 1px solid var(--blue1)
}
#pagewrap .location-3-button>div:last-child {
border: 0px;
}
.location-reviews .tb-column-inner {
width: 50%;
background: var(--blue2);
position: relative;
margin: -100px 10% 0px auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 50px 25px;
}
.location-reviews .module.module-image {
position: absolute;
top: 25px;
right: 50px;
}
.location-reviews .module.module-image img {
width: 100%;
max-width: 100px;
}
.location-reviews h2 {
max-width: 50%;
font-size: 40px;
line-height: 50px;
color: white;
position: relative;
}
.location-reviews h2:after {
content: '';
background-image: url('/wp-content/uploads/2022/09/Location_1.png');
width: 40px;
height: 45px;
position: absolute;
bottom: 0px;
background-size: contain;
background-repeat: no-repeat;
margin-left: 15px;
}
.location-reviews p {
color: white;
font-size: 18px;
line-height: 30px;
}
.location-reviews h3 {
color: white;
font-size: 21px;
line-height: 25px;
}
#pagewrap .location-reviews h3 a {
font-size: 21px;
line-height: 25px;
color: white;
border-bottom: 1px solid white;
}
@media (max-width: 1500px) {
.location-1 .first {
width: 60%;
}
.location-1-text {
padding-right: 50px;
}
.location-1-text h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 10px;
color: var(--blue1);
position: relative;
}
.location-1-text h2:after {
content: '';
background-image: url('/wp-content/uploads/2022/08/Stars_3.png');
width: 50px;
height: 45px;
position: absolute;
top: -100%;
background-size: contain;
background-repeat: no-repeat;
}
.location-1-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.location-2.home-6 .last h2 {
margin-bottom: 25px;
max-width: 50%;
}
.location-3 {
padding: 100px 5%;
}
#pagewrap .location-3 .row_inner {
max-width: 75%;
}
.location-3 h2 {
font-size: 35px;
line-height: 100%;
margin-bottom: 25px;
text-align: center;
color: var(--blue1);
}
.location-3 h3 {
font-size: 25px;
line-height: 100%;
margin-bottom: 25px;
text-align: center;
color: var(--blue1);
}
.location-3-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 25px;
}
#pagewrap .location-3-button a {
padding: 0px;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#pagewrap .location-3-button>div {
padding: 0px 50px;
margin: 0px 5px;
position: relative;
border-right: 1px solid var(--blue1)
}
.location-reviews .tb-column-inner {
width: 50%;
background: var(--blue2);
position: relative;
margin: -100px 10% 0px auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 50px 25px;
}
.location-reviews .module.module-image {
position: absolute;
top: 25px;
right: 50px;
}
.location-reviews .module.module-image img {
width: 100%;
max-width: 100px;
}
.location-reviews h2 {
max-width: 50%;
font-size: 40px;
line-height: 50px;
color: white;
position: relative;
}
.location-reviews h2:after {
content: '';
background-image: url('/wp-content/uploads/2022/09/Location_1.png');
width: 40px;
height: 45px;
position: absolute;
bottom: 0px;
background-size: contain;
background-repeat: no-repeat;
margin-left: 15px;
}
.location-reviews p {
color: white;
font-size: 18px;
line-height: 30px;
}
.location-reviews h3 {
color: white;
font-size: 21px;
line-height: 25px;
}
#pagewrap .location-reviews h3 a {
font-size: 21px;
line-height: 25px;
color: white;
border-bottom: 1px solid white;
}
#pagewrap .location-4 {
padding-bottom: 0px;
}
}
@media (max-width: 1280px) {
.location-1 .first {
width: 100%;
margin-bottom: 25px;
}
.location-1 .last {
width: 100%;
margin: 0px;
}
.location-1-text {
padding-right: 0px;
margin-bottom: 25px;
}
.location-1-text h2 {
font-size: 30px;
line-height: 40px;
}
.location-1-text p {
font-size: 18px;
line-height: 30px;
color: var(--blue1);
}
.location-2 .first {
width: 100%;
min-height: 500px;
}
.location-2 .last {
width: 100%;
}
.location-2.home-6 .last h2 {
max-width: 100%;
}
#pagewrap .location-3 .row_inner {
max-width: 100%;
}
.location-3 h2 {
font-size: 35px;
line-height: 100%;
margin-bottom: 25px;
text-align: center;
color: var(--blue1);
}
.location-3 h3 {
font-size: 25px;
line-height: 100%;
margin-bottom: 25px;
text-align: center;
color: var(--blue1);
}
.location-3-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 25px;
}
#pagewrap .location-3-button>div {
padding: 0px 25px;
margin: 0px 5px;
position: relative;
border-right: 1px solid var(--blue1)
}
.location-reviews .tb-column-inner {
width: 100%;
background: var(--blue2);
position: relative;
margin: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 50px 25px;
}
.location-reviews .module.module-image {
position: absolute;
top: 25px;
right: 50px;
}
.location-reviews .module.module-image img {
width: 100%;
max-width: 100px;
}
.location-reviews h2 {
max-width: 50%;
font-size: 40px;
line-height: 50px;
color: white;
position: relative;
}
.location-reviews h2:after {
content: '';
background-image: url('/wp-content/uploads/2022/09/Location_1.png');
width: 40px;
height: 45px;
position: absolute;
bottom: 0px;
background-size: contain;
background-repeat: no-repeat;
margin-left: 15px;
}
.location-reviews p {
color: white;
font-size: 18px;
line-height: 30px;
}
.location-reviews h3 {
color: white;
font-size: 21px;
line-height: 25px;
}
#pagewrap .location-reviews h3 a {
font-size: 21px;
line-height: 25px;
color: white;
border-bottom: 1px solid white;
}
}
@media (max-width: 700px) {
.location-1-text h2 {
font-size: 25px;
line-height: 35px;
}
.location-1-text p {
font-size: 15px;
line-height: 25px;
}
.location-2 .first {
min-height: 400px;
}
.location-3 h2 {
font-size: 25px;
line-height: 100%;
margin-bottom: 25px;
text-align: center;
color: var(--blue1);
}
.location-3 h3 {
font-size: 25px;
line-height: 100%;
margin-bottom: 25px;
text-align: center;
color: var(--blue1);
}
.location-3-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 25px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#pagewrap .location-3-button>div {
padding: 10px 0px;
margin: 10px 5px;
position: relative;
border-right: 0px solid var(--blue1);
border-bottom: 1px solid var(--blue1);
}
.location-reviews .tb-column-inner {
width: 100%;
background: var(--blue2);
position: relative;
margin: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 50px 25px;
}
.location-reviews .module.module-image {
position: absolute;
top: 25px;
right: 50px;
}
.location-reviews .module.module-image img {
width: 100%;
max-width: 100px;
}
.location-reviews h2 {
max-width: 50%;
font-size: 40px;
line-height: 50px;
color: white;
position: relative;
}
.location-reviews h2:after {
content: '';
background-image: url('/wp-content/uploads/2022/09/Location_1.png');
width: 40px;
height: 45px;
position: absolute;
bottom: 0px;
background-size: contain;
background-repeat: no-repeat;
margin-left: 15px;
}
.location-reviews p {
color: white;
font-size: 18px;
line-height: 30px;
}
.location-reviews h3 {
color: white;
font-size: 21px;
line-height: 25px;
}
#pagewrap .location-reviews h3 a {
font-size: 21px;
line-height: 25px;
color: white;
border-bottom: 1px solid white;
}
}
#pagewrap .header-which {
position: absolute;
top: 0px;
right: 2.5%;
}
@media (max-width: 1500px) {
#pagewrap .header-which {
display: none;
}
}
#pagewrap .header-which img {
width: 100%;
max-width: 75px;
}
#pagewrap .hero-links {
position: absolute;
top: 12.5%;
right: 0px;
height: 75%;
width: 50px;
}
@media (max-width: 1280px) {
#pagewrap .hero-links {
display: none;
}
}
.hero-links .tb_text_wrap {
width: 100%;
height: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-links .tb_text_wrap p {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: white;
width: 240%;
margin: 0;
}
#pagewrap .hero-links .tb_text_wrap p a {
color: white;
}
.link-divide {
width: 10px;
height: 1px;
background: white;
-webkit-transform: translateX(-2.5px);
-ms-transform: translateX(-2.5px);
transform: translateX(-2.5px)
}
.link-divide:last-of-type {
margin-bottom: 15px;
}
/* fallback */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}
.material-icons {
font-family: 'Material Icons' !important;
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
select#field_36bgi {
color: rgba(255,255,255,.6);
}
.legal-container {
padding: 50px 10%;
}
.legal-container h3 {
font-size: 30px;
color: var(--blue1);
}
.legal-container p,.legal-container li {
font-size: 18px;
color: var(--blue1);
}
@media (max-width: 1500px) {
.legal-container {
padding: 50px 5%;
}
}
@media (max-width: 1500px) {
.legal-container {
padding: 50px 5%;
}
.legal-container h3 {
font-size: 25px;
color: var(--blue1);
}
.legal-container p,.legal-container li {
font-size: 15px;
color: var(--blue1);
}
}
@media (max-width: 1500px) {
.blog-1 {
padding: 50px 5%;
position: relative;
}
}
@media (max-width: 1280px) {
.blog-1:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: -1;
height: 100%;
max-height: 350px;
background-color: var(--blue1);
}
.blog-single {
position: relative;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 25px;
}
.blog-single:first-of-type .blog-content-container {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.blog-single:first-of-type .blog-content-container:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
background: rgb(24,40,64);
background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(24,40,64,.75)), to(rgba(24,40,64,0)));
background: -o-linear-gradient(bottom, rgba(24,40,64,.75) 20%, rgba(24,40,64,0) 100%);
background: linear-gradient(0deg, rgba(24,40,64,.75) 20%, rgba(24,40,64,0) 100%);
}
.blog-archive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-single:first-of-type .blog-image-container img {
width: 100%;
max-height: 500px;
height: 500px;
-o-object-fit: cover;
object-fit: cover;
}
.blog-single .blog-image-container img {
width: 100%;
height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
.blog-1 form#search-filter-form-702>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-1 form#search-filter-form-702>ul>li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 15px;
}
.blog-1 .sf-item-0 {
display: none !important;
}
.blog-1 li.sf-field-search label, .blog-1 li.sf-field-search label input {
width: 100%;
border-radius: 50px;
}
.blog-single:first-of-type h2,.blog-single:first-of-type p,.blog-single:first-of-type button {
z-index: 2;
}
.blog-single:first-of-type h2 {
color: white;
font-size: 30px;
margin-bottom: 15px;
}
.blog-single:first-of-type p {
color: white;
font-size: 18px;
margin-bottom: 15px;
}
.blog-single:first-of-type button {
border-radius: 25px;
padding: 10px 40px 5px 10px;
background: unset;
position: relative;
border: 1px solid white;
color: white;
}
.blog-single:first-of-type button:before {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/wp-content/uploads/2022/08/White-Arrow.svg');
}
.blog-single h2 {
color: var(--blue1);
font-size: 21px;
margin-top: 25px;
text-align: center;
}
.blog-single p {
color: var(--blue1);
font-size: 15px;
margin-bottom: 5px;
text-align: center;
}
.blog-single button {
border-radius: 25px;
padding: 10px 40px 5px 10px;
background: unset;
position: relative;
border: 1px solid var(--blue1);
color: var(--blue1);
text-align: center;
}
.blog-single button:before {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/wp-content/uploads/2022/08/Navy-Arrow.svg');
}
.blog-content-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.blog-single-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 10%;
}
a.related-blog-single img {
height: 350px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
h2.blog-title {
font-size: 40px;
line-height: 50px;
max-width: 50%;
color: var(--blue1);
}
.blog-1 li.sf-field-category ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-content p {
font-size: 15px;
line-height: 30px;
color: var(--blue1);
}
}
@media (max-width: 1280px) {
.contact-1 .first {
width: 100%;
padding: 50px 5%;
}
.contact-1 .first h2:after, .appointment-1 h2:after {
content: unset;
}
.contact-1 .last {
width: 100%;
margin: 0px;
padding: 50px 5%;
}
button.frm_button_submit.frm_final_submit {
-webkit-transform: translateY(0px) !important;
-ms-transform: translateY(0px) !important;
transform: translateY(0px) !important;
}
}
#menu-item-956 {
border: 1px solid var(--blue1);
border-radius: 25px;
padding: 5px 50px 5px 10px
}
#menu-item-956:after {
content: '';
width: 20px;
height: 10px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7.5%;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/wp-content/uploads/2022/08/Navy-Arrow.svg');
}
.mobile-header-1,.mobile-header-2 {
padding: 15px 5%;
}
#pagewrap .mobile-header-2 .first, #pagewrap .mobile-header-2 .last {
width: 50%;
}
.mobile-header-1 .tb_text_wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mobile-header-1 .header-contact .tb_text_wrap p:first-of-type:after {
content: unset;
}
@media (max-width: 500px) {
.header-contact .tb_text_wrap p, #pagewrap .header-contact .tb_text_wrap p a {
font-size: 13px;
}
}
.mobile-header-1 .module-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mobile-header-1 .module-icon em {
font-size: 30px;
margin: 0px;
}
#pagewrap .mobile-header-which img {
width: 100%;
max-width: 100px;
margin: 0px 0px -25px auto;
display: block;
-webkit-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px);
}
#pagewrap .consult-which {
position: absolute;
top: 0px;
left: 5%;
}
#pagewrap .consult-which img {
width: 100%;
max-width: 100px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
background: var(--blue1);
color: white !important;
border: 0px;
box-shadow: none;
}
span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
border: 0px;
box-shadow: none;
background: none;
}
span.selection {
background: none;
border: 0px;
box-shadow: none;
}
span.select2-selection.select2-selection--single {
background: none;
border: 0px;
}
span.select2.select2-container.select2-container--default{
border-bottom: 2px solid white !important;
}
#pagewrap div#frm_checkbox_22-48-0,div#frm_radio_37-54-0 {
justify-content: flex-start;
}
/* which widget */
#pagewrap .which-widget iframe {
width: 70%;
margin: auto;
display: block;
border: solid var(--blue1) 5px !important;
margin-bottom: 50px;
}
@media (max-width: 1280px) {
#pagewrap .which-widget iframe {
width: 80%;
}
}
/* end of which widget */
/*/wp-content/uploads/themify-css/themify-builder-417-generated.css*/
/* Generated from tbuilder_layout_part: header */
.themify_builder_content-417 .tb_ucze379.module_row,.themify_builder_content-417 .tb_ucze379.module_row p,.themify_builder_content-417 .tb_ucze379.module_row h1,.themify_builder_content-417 .tb_ucze379.module_row h2,.themify_builder_content-417 .tb_ucze379.module_row h3:not(.module-title),.themify_builder_content-417 .tb_ucze379.module_row h4,.themify_builder_content-417 .tb_ucze379.module_row h5,.themify_builder_content-417 .tb_ucze379.module_row h6{font-weight:normal;font-family:"nexa-reg";}
.themify_builder_content-417 .tb_uc1f380.module_column,.themify_builder_content-417 .tb_uc1f380.module_column p,.themify_builder_content-417 .tb_uc1f380.module_column h1,.themify_builder_content-417 .tb_uc1f380.module_column h2,.themify_builder_content-417 .tb_uc1f380.module_column h3:not(.module-title),.themify_builder_content-417 .tb_uc1f380.module_column h4,.themify_builder_content-417 .tb_uc1f380.module_column h5,.themify_builder_content-417 .tb_uc1f380.module_column h6{font-weight:300;font-family:"nexa";}
.themify_builder_content-417 .tb_s2fi435.module_subrow,.themify_builder_content-417 .tb_s2fi435.module_subrow p,.themify_builder_content-417 .tb_s2fi435.module_subrow h1,.themify_builder_content-417 .tb_s2fi435.module_subrow h2,.themify_builder_content-417 .tb_s2fi435.module_subrow h3:not(.module-title),.themify_builder_content-417 .tb_s2fi435.module_subrow h4,.themify_builder_content-417 .tb_s2fi435.module_subrow h5,.themify_builder_content-417 .tb_s2fi435.module_subrow h6{font-weight:normal;font-family:"nexa-bold";}
.themify_builder_content-417 .tb_pmn2203.module_subrow,.themify_builder_content-417 .tb_pmn2203.module_subrow p,.themify_builder_content-417 .tb_pmn2203.module_subrow h1,.themify_builder_content-417 .tb_pmn2203.module_subrow h2,.themify_builder_content-417 .tb_pmn2203.module_subrow h3:not(.module-title),.themify_builder_content-417 .tb_pmn2203.module_subrow h4,.themify_builder_content-417 .tb_pmn2203.module_subrow h5,.themify_builder_content-417 .tb_pmn2203.module_subrow h6{font-weight:normal;font-family:"kinfolk";}
.themify_builder_content-417 .tb_d2j0523.module_subrow,.themify_builder_content-417 .tb_d2j0523.module_subrow p,.themify_builder_content-417 .tb_d2j0523.module_subrow h1,.themify_builder_content-417 .tb_d2j0523.module_subrow h2,.themify_builder_content-417 .tb_d2j0523.module_subrow h3:not(.module-title),.themify_builder_content-417 .tb_d2j0523.module_subrow h4,.themify_builder_content-417 .tb_d2j0523.module_subrow h5,.themify_builder_content-417 .tb_d2j0523.module_subrow h6{font-weight:normal;font-family:"nexa-bold";}
/*/wp-content/uploads/themify-css/themify-builder-473-generated.css*/
/* Generated from tbuilder_layout_part: footer */
.themify_builder_content-473 .tb_rcx9701.module_row{background-position:50% 50%;background-attachment:scroll;background-repeat:no-repeat;background-size:cover;background-image:url(https://bluebellfittedfurniture.co.uk/wp-content/uploads/2022/09/Footer-image.png);}
/*/wp-content/uploads/themify-customizer-5.6.7-5.7.3.css*/
/* Themify Customize Styling */
body {
font-family: "Open Sans"; font-weight:normal;
font-size:14px;
}
h1, .col4-1 h1, .col4-2 h1, .col3-1 h1, .col2-1 h1, .page-title, .sidebar-none .page-title {
font-family: "Open Sans"; font-weight:normal;
font-size:30px;
}
h2 {
font-family: "Open Sans"; font-weight:normal;
font-size:30px;
}
h3 {
font-family: "Open Sans"; font-weight:normal;
font-size:30px;
}
h4 {
font-family: "Open Sans"; font-weight:normal;
font-size:30px;
}
h5 {
font-family: "Open Sans"; font-weight:normal;
font-size:30px;
}
h6 {
font-family: "Open Sans"; font-weight:normal;
font-size:30px;
}
/* Themify Custom CSS */
#pagewrap a, #pagewrap a:hover {
color: #1c2b38;
}
#main-nav li:hover a:before, #main-nav a:before {
display: none!important;
}
a.ctcc-more-info-link {
color: white!important;
font-weight: bold;
}
a.ctcc-more-info-link {
color: white!important;
font-weight: bold;
}
button#catapultCookie {
background: #1c2b38;
color: white;
}
a.tb_turn_on.js-turn-on-builder span.edit-button { display: none;
}
p:nth-last-child(1) {
margin-bottom:0;
}
a.tb_turn_on.js-turn-on-builder, span.edit-button {
display: none;
}
/* START MOBILE MENU CSS */
@media screen and (max-width:1000px){
/*/mobile-menu.css*/
#headerwrap{
min-height:60px
}
#header{
height:auto;
width:auto;
text-align:initial;
padding:0;
}
#site-logo{
font-size:27px
}
#site-description{
left:0;
transform:none;
text-align:left
}
#site-description:before{
left:0;
margin-left:24px
}
#menu-icon{
position:absolute;
top:12px;
right:0;
z-index:9999;
line-height:1em;
border-radius:100%;
padding: 12px 10px;
}
#menu-icon:hover{
background-color:rgba(200,200,200,.25);
}
.menu-icon-inner{
width:22px;
height:18px
}
.menu-icon-inner:before,
.menu-icon-inner:after{
content:'';
display:block;
position:absolute;
left:0;
width:100%;
transition:transform .7s ease;
box-sizing:border-box
}
.menu-icon-inner:before{
top:0;
height:100%
}
.menu-icon-inner:after{
top:50%;
transform:translateY(-50%)
}
#menu-icon-close{
display:block;
position:absolute;
text-decoration:none;
top:14px;
right:12px;
min-width:36px;
min-height:36px;
transform-origin:center;
z-index:1;
border-radius:100%;
}
#menu-icon-close:before,
#menu-icon-close:after{
height:60%
}
#menu-icon-close:hover{
background-color:rgba(200,200,200,.25)
}
#cart-link-mobile{
display:block;
position:absolute;
top:12px;
right:50px;
z-index:9;
}
#cart-link-mobile .icon-shopping-cart{
font-size:24px;
padding: 9px;
}
#header .icon-shopping-cart.tf_loader{
font-size:15px;
padding:3px;
margin-top:11px
}
#cart-link-mobile .icon-shopping-cart svg{
margin-top:-6px;/* for alignment */
}
#cart-link-mobile .icon-menu:hover em{
background-color:rgba(200,200,200,.25);
}
.top-icon-wrap{
margin:auto;
border-top:1px solid rgba(180,180,180,.2);
background:rgba(0,0,0,.03);
display:block;
order:2;
width:100%;
padding:1em 0
}
.icon-menu{
margin:0
}
.sidemenu .search-button{
order:1;
width:71px;
border-radius:0;
border:none;
border-right:1px solid rgba(180,180,180,.2);
margin:0
}
.search-button .tf_fa{
font-size:1.3em;
padding:1.06em .8em
}
.header-icons{
justify-content:normal;
position:static
}
.top-icon-wrap li{
width:33%;
margin:0 -1px;
padding:0
}
.top-icon-wrap li a{
max-width:none;
display:block;
text-align:center;
padding:.5em
}
.top-icon-wrap li a .tooltip{
background-color:transparent;
color:#787878;
display:block;
position:static;
padding:.4em 0 0;
font-size:.8em;
margin:0;
opacity:1;
visibility:visible;
transform:none;
color:inherit
}
.sidemenu-on .wishlist + #cart-icon-count #cart-wrap{
left:50%;
top:100%;
width:276px;
transform:translateX(-50%)
}
.sidemenu-on #cart-wrap{
left:6px;
width:276px
}
#cart-wrap a{
text-align:left
}
#headerwrap #cart-icon{
right:6%
}
.icon-menu li > a .tooltip{
margin-top:0
}
.icon-menu .cart a .tooltip{
display:block
}
.sidemenu{
transition:all .2s ease-in-out;
transition-property:left,right;
height:100%;
width:320px;
padding:0 0 20px;
background-color:#fff;
color:#030301;
display:none;
overflow-y:auto;
position:fixed;
text-align:left;
top:0;
z-index:1100;
box-sizing:border-box
}
#mobile-menu{
right:-320px
}
#mobile-menu.sidemenu-on{
right:0;
box-shadow:-6px 0 20px 5px rgba(0,0,0,.25)
}
.sidemenu-right{
left:-320px
}
.sidemenu-left,
.sidemenu-left #headerwrap{
left:320px
}
.sidemenu-left #mobile-menu.sidemenu-on{
left:0
}
#mobile-menu-panel a{
color:#030301;
text-decoration:none
}
#main-nav{
float:none;
position:static;
padding:0;
margin:0 0 1em;
border-bottom:1px solid rgba(180,180,180,.2);
background-color:transparent
}
#main-nav li{
clear:both;
float:none;
display:block;
}
.icon-menu li > .sub-menu,
#main-nav li > .sub-menu {
position: static;
width: auto;
height: auto;
border: none;
margin: 0 0 0 2.8em;
background: none;
padding: 0;
display: none;
visibility:visible;
opacity: 1;
transform: none;
color:inherit;
pointer-events:auto;
box-shadow: none;
border-radius:0;
}
.icon-menu li.toggle-on > .sub-menu,
#main-nav li.toggle-on > .sub-menu{
display:block
}
#headerwrap #main-nav ul ul{
margin-left:1.25em;
}
#main-nav a{
background:none;
border:none;
border-top:1px solid rgba(180,180,180,.2);
color:#030301;
display:block;
font-size:100%;
width:auto;
padding:.6em .4em .6em 1.4em;
margin:0;
line-height:1.5em;
text-decoration:none
}
#main-nav ul a{
font-size:.95em;
padding:.6em 0;
width:auto
}
#main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
background:none;
color:#f0be5b
}
#headerwrap #main-nav .has-sub-menu > a {
padding-right:40px; /* for arrow spacing */
}
#main-nav .child-arrow{
display:block
}
#main-nav .highlight-link > a{
border:none;
border-top:1px solid rgba(180,180,180,.2);
box-shadow:none;
border-radius:0;
padding:.6em .4em .6em 1.4em;
}
/* Mega menu */
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega > .sub-menu {
padding:0;
margin:0;
width: auto;
background-color:transparent
}
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega-column > .sub-menu ul,
#main-nav .has-mega-sub-menu .mega-sub-menu ul{
float:none;
margin: 0 0 0 2.8em;
background-color:transparent
}
#main-nav .has-mega-column .widgettitle,
#main-nav .has-mega-column > .sub-menu > .columns-sub-item > a,
#main-nav .has-mega-column > .sub-menu a{
font-size:inherit;
font-weight:400;
text-transform:none;
border:none;
border-top:1px solid rgba(180,180,180,.2);
margin:0;
padding:.6em .4em .6em 0;
letter-spacing:inherit;
font-family:inherit
}
#main-nav .has-mega-column > .sub-menu .widget{
margin-top:.5em;
margin-bottom:.5em
}
#main-nav .has-mega-column .product-categories .count{
right:2em
}
.top-bar-left,
.top-bar-right{
width:100%;
float:none;
text-align:inherit
}
.top-bar-widgets .top-bar-widget-inner{
max-width:none;
background-color:transparent;
padding:0 1.4em
}
.top-bar-widgets{
background-color:transparent;
position:relative;
z-index:1
}
.fixed-header .top-bar-widgets,
.sidemenu .top-bar-widgets{
display:block
}
#main-nav .woocommerce .product_list_widget li{
padding-bottom:.8em !important
}
#main-nav .woocommerce .product_list_widget li a{
padding:1em 1em .4em 0
}
.mobile-menu-visible #headerwrap #menu-icon,
.mobile-menu-visible #headerwrap #cart-link-mobile,
.slide-cart-visible #headerwrap #cart-link-mobile,
.top-icon-wrap #cart-icon-count,
.top-icon-wrap li a .tooltip:before,
#headerwrap > .top-bar-widgets,
#main-nav .mega-sub-menu li:hover a:after,
#main-nav .mega-menu-posts,
#main-nav > li:hover > a:before,
#main-nav > .current_page_item > a:before,
#main-nav > .current-menu-item > a:before,
#main-nav > .current_page_item > a:hover:before,
#main-nav > .current-menu-item > a:hover:before{
display:none
}
}
/* END MOBILE MENU CSS */