/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24-Feb-2021, 10:09:24
    Author     : Jafran Mjm
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-May-2017, 13:04:39
    Author     : Mansaf Jafran
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-Jun-2018, 10:29:48
    Author     : Mansaf Jafran
*/
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2");
  unicode-range: 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;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), local("Raleway-Regular"), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), local("Raleway-Regular"), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ITw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local("Raleway Bold"), local("Raleway-Bold"), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local("Raleway Bold"), local("Raleway-Bold"), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gTD_u50.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3g3D_u50.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gbD_u50.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gfD_u50.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0-ExdGM.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0aExdGM.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0yExdGM.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0KExQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("PT Sans Bold"), local("PTSans-Bold"), url(https://fonts.gstatic.com/s/ptsans/v10/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("PT Sans Bold"), local("PTSans-Bold"), url(https://fonts.gstatic.com/s/ptsans/v10/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("PT Sans Bold"), local("PTSans-Bold"), url(https://fonts.gstatic.com/s/ptsans/v10/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("PT Sans Bold"), local("PTSans-Bold"), url(https://fonts.gstatic.com/s/ptsans/v10/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Alegreya Regular"), local("Alegreya-Regular"), url(https://fonts.gstatic.com/s/alegreya/v13/4UaBrEBBsBhlBjvfkSLsx6jx4w.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Alegreya Regular"), local("Alegreya-Regular"), url(https://fonts.gstatic.com/s/alegreya/v13/4UaBrEBBsBhlBjvfkSLlx6jx4w.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Alegreya Regular"), local("Alegreya-Regular"), url(https://fonts.gstatic.com/s/alegreya/v13/4UaBrEBBsBhlBjvfkSLtx6jx4w.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Alegreya Regular"), local("Alegreya-Regular"), url(https://fonts.gstatic.com/s/alegreya/v13/4UaBrEBBsBhlBjvfkSLix6jx4w.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Alegreya Regular"), local("Alegreya-Regular"), url(https://fonts.gstatic.com/s/alegreya/v13/4UaBrEBBsBhlBjvfkSLux6jx4w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Alegreya Regular"), local("Alegreya-Regular"), url(https://fonts.gstatic.com/s/alegreya/v13/4UaBrEBBsBhlBjvfkSLvx6jx4w.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Alegreya Regular"), local("Alegreya-Regular"), url(https://fonts.gstatic.com/s/alegreya/v13/4UaBrEBBsBhlBjvfkSLhx6g.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.banner {
  position: relative;
  background: url(../img/banner.jpg) no-repeat center top;
  background-size: 100% 120%;
  height: 800px;
  overflow: hidden; }
  .banner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 0; }
  .banner video {
    position: absolute;
    min-width: 100%;
    min-height: 120%;
    left: 50%;
    transform: translateX(-50%); }
  .banner .wrapper {
    position: relative;
    height: 100%;
    z-index: 5; }
  .banner .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 50%; }
  .banner #top-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    .banner #top-menu.fixed {
      position: fixed;
      top: 0;
      left: 0;
      bottom: auto;
      background: #0056cd;
      z-index: 99;
      border-bottom: 5px solid #fff; }
      .banner #top-menu.fixed .menu > li.active > a {
        background: #0e4189; }
  .banner .menu > li {
    float: left;
    width: calc(100% / 6);
    position: relative; }
    .banner .menu > li:after {
      content: " ";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      border-left: 1px solid #fff;
      height: 60%; }
    .banner .menu > li:first-child:after, .banner .menu > li.active:after, .banner .menu > li.removeAfter:after {
      display: none; }
    .banner .menu > li > a {
      display: block;
      background: #0056cd;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      font-weight: bold;
      position: relative;
      height: 100%;
      padding: 15px; }
      .banner .menu > li > a:hover {
        background: #1d56a6; }
      .banner .menu > li > a span.center {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        padding: 15px;
        transform: translateY(-50%); }
    .banner .menu > li .sub-menu {
      display: none;
      position: absolute;
      width: 100%;
      padding-top: 5px;
      left: 0;
      top: calc(100% - 5px); }
      .banner .menu > li .sub-menu ul {
        border-top: 1px solid #fff; }
        .banner .menu > li .sub-menu ul li {
          position: relative; }
          .banner .menu > li .sub-menu ul li a {
            display: block;
            padding: 15px 20px;
            background: #1d56a6;
            color: #fff;
            text-align: center;
            font-size: 15px;
            border-bottom: 1px dotted rgba(255, 255, 255, 0.4); }
            .banner .menu > li .sub-menu ul li a:hover {
              background: #0056cd; }
          .banner .menu > li .sub-menu ul li:last-child a {
            border-bottom: none; }
          .banner .menu > li .sub-menu ul li .child-sub {
            display: none;
            position: absolute;
            width: 100%;
            left: 100%;
            top: -1px; }
            .banner .menu > li .sub-menu ul li .child-sub li a {
              background: #0056cd; }
              .banner .menu > li .sub-menu ul li .child-sub li a:hover {
                background: #023882; }
          .banner .menu > li .sub-menu ul li:hover .child-sub {
            display: block; }
    .banner .menu > li:hover .sub-menu {
      display: block; }
  .banner .logo-mobile {
    display: none; }

#backToTop {
  display: inline-block;
  background: #0056cd url(../img/up-arrow.png) no-repeat center center;
  width: 40px;
  height: 40px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9;
  cursor: pointer;
  opacity: 0;
  transition: 0.2s all;
  -webkit-transition: 0.2s all; }
  #backToTop.show {
    opacity: 1; }

.dean-blk .blk {
  float: left;
  width: 50%;
  height: 326px; }
.dean-blk .blk-1 {
  background: #fff;
  position: relative; }
  .dean-blk .blk-1 .title {
    color: #080809;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 20px;
    display: block;
    font-weight: bold; }
    .dean-blk .blk-1 .title:after {
      content: " ";
      position: absolute;
      left: calc(100% + 10px);
      width: 113px;
      top: 57%;
      transform: translateY(-50%);
      border-bottom: 2px solid #000; }
    .dean-blk .blk-1 .title.right:after {
      left: auto;
      right: calc(100% + 10px); }
.dean-blk .blk-2 {
  overflow: hidden;
  position: relative; }
  .dean-blk .blk-2 img {
    width: 100%;
    min-height: 100%; }
  .dean-blk .blk-2:before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.2s all;
    -webkit-transition: 0.2s all; }
  .dean-blk .blk-2 .play {
    position: absolute;
    padding-top: 50px;
    font-size: 12px;
    /*text-transform: uppercase;*/
    text-align: center;
    background: url(../img/icon-play.png) no-repeat center top;
    background-size: 50px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: 0.2s all;
    -webkit-transition: 0.2s all; }
  .dean-blk .blk-2:hover:before {
    background: rgba(0, 0, 0, 0.7); }
  .dean-blk .blk-2:hover .play {
    transform: scale(0.9) translateX(-55%) translateY(-55%); }
.dean-blk .play-with-text {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
  color: #fff;
  vertical-align: middle;
  width: fit-content; }
  .dean-blk .play-with-text * {
    vertical-align: middle; }
  .dean-blk .play-with-text span {
    display: inline-block; }
  .dean-blk .play-with-text .title {
    font-size: 20px;
    text-transform: uppercase;
    padding-right: 50px;
    position: relative; }
    .dean-blk .play-with-text .title:after {
      content: "";
      position: absolute;
      right: 23px;
      height: 100%;
      border-right: 1px solid #c6c6c6;
      top: 1px;
      transform: rotate(16deg); }
  .dean-blk .play-with-text .play-btn {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    z-index: 2;
    padding-top: 45px;
    background: url(../img/icon-play.png) no-repeat center top;
    background-size: 42px;
    transition: 0.2s all;
    -webkit-transition: 0.2s all; }
.dean-blk.SPE .text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  padding: 20px;
  text-align: center; }
  .dean-blk.SPE .text .name {
    font-size: 20px;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    color: #080809; }
  .dean-blk.SPE .text .link {
    display: inline-block;
    padding: 5px 15px;
    /*text-transform: uppercase;*/
    color: #fff;
    font-size: 13px;
    color: #0e4189;
    border: 2px solid #0e4189;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    min-width: 130px; }
    .dean-blk.SPE .text .link i {
      background: url(../img/link.png) no-repeat left center;
      background-size: 12px;
      padding-left: 20px; }
    .dean-blk.SPE .text .link:hover {
      background: #0e4189;
      color: #fff; }
      .dean-blk.SPE .text .link:hover i {
        background: url(../img/link-hover.png) no-repeat left center;
        background-size: 12px; }
    .dean-blk.SPE .text .link.talk {
      color: #fff;
      background: #0056cd; }
      .dean-blk.SPE .text .link.talk i {
        background: url(../img/messenger-hover.png) no-repeat left center;
        background-size: 15px; }
      .dean-blk.SPE .text .link.talk:hover {
        color: #0056cd;
        border: 2px solid #0056cd;
        background: #fff; }
        .dean-blk.SPE .text .link.talk:hover i {
          background: url(../img/messenger.png) no-repeat left center;
          background-size: 15px; }

.welcome-msg {
  background: #fff;
  padding: 20px; }
  .welcome-msg .blk {
    float: left; }
  .welcome-msg .blk-1 {
    width: 175px;
    text-align: center; }
    .welcome-msg .blk-1 .img {
      width: 175px;
      height: 175px;
      overflow: hidden;
      border-radius: 100%;
      border: 4px solid #2159a8; }
      .welcome-msg .blk-1 .img img {
        width: 100%;
        min-height: 100%; }
    .welcome-msg .blk-1 .name {
      text-transform: uppercase;
      font-weight: bold;
      color: #2159a8;
      display: block;
      margin-top: 8px; }
    .welcome-msg .blk-1 .pos {
      color: #a9a4a4; }
  .welcome-msg .blk-2 {
    width: calc(100% - 175px);
    padding-left: 50px; }
    .welcome-msg .blk-2 .title {
      display: block;
      font-weight: bold;
      font-size: 25px;
      color: #080809; }
    .welcome-msg .blk-2 .more-content {
      visibility: hidden;
      height: 0; }
      .welcome-msg .blk-2 .more-content.active {
        visibility: visible;
        height: auto; }
    .welcome-msg .blk-2 .btn {
      cursor: pointer;
      display: inline-block;
      padding: 5px 10px;
      color: #fff;
      font-weight: bold;
      font-weight: bold;
      background: #2159a8;
      margin-top: 10px;
      opacity: 1;
      transition: 0.2s all;
      -webkit-transition: 0.2s all; }
      .welcome-msg .blk-2 .btn:hover {
        opacity: .8; }

.common-timing-blk .blk span {
  font-weight: bold;
  font-size: 25px;
  color: #080809; }
.common-timing-blk .blk p {
  margin-top: 5px; }
.common-timing-blk .blk.time {
  padding-left: 55px;
  background: url(../img/time.png) no-repeat left top;
  background-size: 37px; }
  .common-timing-blk .blk.time b {
    color: #2159a8; }
.common-timing-blk .blk.talk {
  padding-left: 75px;
  background: url(../img/messenger-black.png) no-repeat 20px top; }
  .common-timing-blk .blk.talk img {
    position: relative;
    top: 4px; }
.common-timing-blk .blk .talk-with-us-btn {
  display: block;
  padding: 7px 15px;
  /*text-transform: uppercase;*/
  font-size: 13px;
  color: #0056cd;
  font-weight: bold;
  text-align: center;
  border: 2px solid #0056cd;
  background: #fff;
  width: 225px;
  margin-top: 12px; }
  .common-timing-blk .blk .talk-with-us-btn i {
    padding-left: 20px;
    background: url(../img/messenger.png) no-repeat left center;
    background-size: 15px; }
  .common-timing-blk .blk .talk-with-us-btn:hover {
    color: #fff;
    background: #0056cd; }
    .common-timing-blk .blk .talk-with-us-btn:hover i {
      background: url(../img/messenger-hover.png) no-repeat left center;
      background-size: 15px; }

.department-title {
  font-weight: bold;
  font-size: 26px;
  color: #080809;
  display: block;
  margin-bottom: 20px;
  padding-bottom: 8px;
  padding-left: 55px;
  background: url(../img/mortarboard.png) no-repeat left top;
  /*background-size: 42px;*/ }

.posts {
  margin-left: -20px; }
  .posts .post {
    float: left;
    width: calc((100% / 4) - 20px);
    margin-left: 20px;
    margin-bottom: 20px;
    background: #fff;
    position: relative;
    padding: 15px;
    position: relative;
    /*padding-bottom: 60px;*/ }
    .posts .post.no-link {
      padding-bottom: 15px; }
    .posts .post .img {
      overflow: hidden;
      position: relative;
      margin-top: 10px; }
      .posts .post .img img {
        width: 100%;
        min-height: 100%; }
      .posts .post .img:before {
        position: absolute;
        content: " ";
        width: 100%;
        height: 100%;
        z-index: 1;
        background: rgba(0, 0, 0, 0.5);
        transition: 0.2s all;
        -webkit-transition: 0.2s all; }
      .posts .post .img .play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 40px;
        height: 40px;
        z-index: 2;
        background: url(../img/icon-play.png) no-repeat center center;
        background-size: 35px;
        /*@include delay(.1s);*/ }
      .posts .post .img:hover:before {
        background: rgba(0, 0, 0, 0.7); }
      .posts .post .img:hover .play {
        transform: scale(0.9) translateX(-57.5%) translateY(-57.5%); }
      .posts .post .img.nohover:hover:before {
        background: rgba(0, 0, 0, 0.5); }
    .posts .post .title {
      display: block;
      font-weight: bold;
      color: #080809; }
    .posts .post .more {
      display: block;
      padding-left: 27px;
      cursor: pointer;
      color: #003e94;
      background: url(../img/link3.png) no-repeat left 2px;
      background-size: 15px;
      margin: 13px 0 5px;
      transition: 0.2s all;
      -webkit-transition: 0.2s all; }
      .posts .post .more:hover {
        color: #0056cd; }
      .posts .post .more.time {
        color: #000;
        background: url(../img/time.png) no-repeat left 2px;
        background-size: 16px;
        padding-left: 22px;
        margin-bottom: 2px; }
        .posts .post .more.time:hover {
          color: #000; }
      .posts .post .more.video {
        background: url(../img/video.png) no-repeat left 2px;
        background-size: 17px; }
    .posts .post .link {
      display: block;
      padding: 7px 15px;
      color: #fff;
      font-size: 13px;
      border: 2px solid #0056cd;
      color: #0056cd;
      font-weight: bold;
      text-align: center;
      width: calc(100% - 30px);
      margin-top: 20px;
      position: absolute;
      bottom: 15px; }
      .posts .post .link i {
        background: url(../img/link.png) no-repeat left center;
        background-size: 12px;
        padding-left: 20px; }
      .posts .post .link:hover {
        background: #0056cd;
        color: #fff; }
        .posts .post .link:hover i {
          background: url(../img/link-hover.png) no-repeat left center;
          background-size: 12px; }
      .posts .post .link.talk i {
        background: url(../img/messenger.png) no-repeat left center;
        background-size: 15px; }
      .posts .post .link.talk:hover i {
        background: url(../img/messenger-hover.png) no-repeat left center;
        background-size: 15px; }
    .posts .post .model {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      z-index: 99999;
      padding: 20px;
      padding-right: 30px;
      padding-top: 40px; }
      .posts .post .model p:first-child {
        margin-top: 0; }
      .posts .post .model p:last-child {
        margin-bottom: 0; }
      .posts .post .model .inner {
        position: absolute;
        background: #fff;
        width: 500px;
        height: 500px;
        padding: 40px;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%); }
        .posts .post .model .inner .text {
          width: 100%;
          height: 100%;
          overflow-y: scroll;
          padding-right: 20px; }
          .posts .post .model .inner .text p {
            line-height: 20px; }
            .posts .post .model .inner .text p:nth-child(2) {
              margin-top: 0; }
            .posts .post .model .inner .text p:last-child {
              margin-bottom: 0; }
      .posts .post .model ::-webkit-scrollbar {
        width: 3px;
        height: 3px; }
      .posts .post .model ::-webkit-scrollbar-track {
        background-color: #fff;
        border-left: 1px solid #7c7c7c;
        border-right: 1px solid #7c7c7c; }
      .posts .post .model ::-webkit-scrollbar-thumb {
        background-color: #0056cd; }
      .posts .post .model ::-webkit-scrollbar-thumb:hover {
        background-color: #fff; }
      .posts .post .model .close {
        position: absolute;
        right: 0px;
        top: -36px;
        width: 25px;
        height: 25px;
        background: url(../img/cancel.png) no-repeat center center;
        background-size: 100%;
        cursor: pointer; }
    .posts .post .contact {
      margin-top: 30px;
      background: #fcfcfc;
      padding: 10px; }
      .posts .post .contact.absolute {
        position: absolute;
        bottom: 15px;
        left: 15px;
        width: calc(100% - 30px); }
      .posts .post .contact span {
        display: block; }
        .posts .post .contact span.title {
          color: #0056cd;
          font-size: 20px;
          font-weight: bold;
          margin-bottom: 3px; }
        .posts .post .contact span.name {
          font-weight: bold;
          margin-bottom: 3px; }
        .posts .post .contact span.email {
          padding-left: 18px;
          margin-bottom: 1px;
          color: #646464;
          background: url(../img/email.png) no-repeat left 3px;
          background-size: 13px;
          overflow-wrap: break-word;
          font-size: 13px; }
          .posts .post .contact span.email:hover {
            color: #0056cd; }

.about-blk {
  padding: 60px 0; }
  .about-blk .blk-2 {
    background: url(../img/about.jpg) no-repeat center top;
    background-size: cover; }

.page-blk {
  padding: 100px 0; }

.second-blk {
  background: #e4efff; }
  .second-blk .section-title-2.title-1, .second-blk .section-title-2.title-2 {
    background: #2059a8; }

.third-blk {
  background: #f2e2e4; }
  .third-blk .dean-blk .blk-1 {
    background: #fff7f8; }
  .third-blk .section-title-2 {
    background: #f0455c; }

.fourth-blk {
  background: #f4ecfc; }

.partners-blk {
  background: #f6f6f6; }

.fifth-blk .posts .post {
  background: #f0f0f0;
  width: calc((100% / 3) - 20px); }
.fifth-blk .why-at-ku .title-blk {
  width: 100%;
  height: 300px;
  background: url(../img/why-at-ku.jpg) no-repeat center center;
  background-size: cover;
  position: relative; }
  .fifth-blk .why-at-ku .title-blk span {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 37px;
    line-height: 43px;
    font-weight: bold;
    padding-left: 50px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
.fifth-blk .why-at-ku .list .blk {
  position: relative; }
  .fifth-blk .why-at-ku .list .blk:before {
    content: " ";
    position: absolute;
    left: 11px;
    top: 0;
    height: 100%;
    border-left: 2px solid #0056cd; }
  .fifth-blk .why-at-ku .list .blk.blk:nth-child(2):before {
    left: 31px; }
  .fifth-blk .why-at-ku .list .blk li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px;
    padding-top: 2px; }
    .fifth-blk .why-at-ku .list .blk li:before {
      content: " ";
      position: absolute;
      left: 0;
      top: 0;
      width: 24px;
      height: 24px;
      background: url(../img/why-at-ku-li.png) no-repeat center center;
      background-size: 100%; }

.sixth-blk {
  background: #f6f6f6; }
  .sixth-blk .sl-video {
    position: relative;
    overflow: hidden; }
    .sixth-blk .sl-video img {
      width: 100%;
      min-height: 100%;
      opacity: 0.4;
      transition: 0.2s all;
      -webkit-transition: 0.2s all; }
    .sixth-blk .sl-video .text {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      z-index: 2;
      color: #fff;
      vertical-align: middle;
      width: fit-content; }
      .sixth-blk .sl-video .text * {
        vertical-align: middle; }
      .sixth-blk .sl-video .text span {
        display: inline-block; }
      .sixth-blk .sl-video .text .title {
        font-size: 20px;
        /*text-transform: uppercase;*/
        padding-right: 50px;
        position: relative; }
        .sixth-blk .sl-video .text .title:after {
          content: "";
          position: absolute;
          right: 23px;
          height: 100%;
          border-right: 1px solid #c6c6c6;
          top: 1px;
          transform: rotate(16deg); }
      .sixth-blk .sl-video .text .play {
        font-size: 12px;
        /*text-transform: uppercase;*/
        text-align: center;
        color: #fff;
        z-index: 2;
        padding-top: 45px;
        background: url(../img/icon-play.png) no-repeat center top;
        background-size: 42px;
        transition: 0.2s all;
        -webkit-transition: 0.2s all; }
    .sixth-blk .sl-video:hover .play {
      transform: scale(0.9); }
    .sixth-blk .sl-video:hover img {
      opacity: 0.3; }
    .sixth-blk .sl-video.open-day {
      background: #000;
      height: 500px; }
      .sixth-blk .sl-video.open-day .text .title {
        font-size: 40px;
        line-height: 45px;
        padding-right: 80px; }
        .sixth-blk .sl-video.open-day .text .title:after {
          right: 40px; }
      .sixth-blk .sl-video.open-day .text .play {
        padding-top: 63px;
        background: url(../img/icon-play.png) no-repeat center top;
        background-size: 59px; }
    .sixth-blk .sl-video.book {
      cursor: pointer; }
      .sixth-blk .sl-video.book .text .play {
        background: url(../img/icon-read.png) no-repeat center top;
        background-size: 42px; }
  .sixth-blk .videos {
    margin-left: -2px; }
    .sixth-blk .videos .post {
      float: left;
      margin-left: 2px;
      margin-bottom: 2px;
      width: calc((100% / 2) - 2px);
      background: #1a38a8;
      height: 360px; }
      .sixth-blk .videos .post.post-1 {
        color: #fff;
        position: relative;
        positin: relative; }
        .sixth-blk .videos .post.post-1 .inner {
          position: absolute;
          width: 100%;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);
          padding: 100px; }
        .sixth-blk .videos .post.post-1 span {
          font-size: 40px;
          line-height: 40px;
          font-weight: bold;
          display: block;
          margin-bottom: 30px; }
        .sixth-blk .videos .post.post-1 .btn {
          font-size: 20px;
          line-height: 20px;
          display: block;
          padding: 10px 20px;
          border: 1px solid #fff;
          border-radius: 20px;
          text-transform: uppercase;
          text-align: center; }
          .sixth-blk .videos .post.post-1 .btn:hover {
            color: #1a38a8;
            background: #fff; }

.seventh-blk .posts .post {
  background: #f0f0f0; }
.seventh-blk .section-title-2.title-2 {
  background: #00a8cf; }

.SPE-blks {
  background: #fff;
  padding: 20px;
  margin-left: -20px; }
  .SPE-blks .dean-blk {
    float: left;
    width: calc(50% - 20px);
    margin-left: 20px; }
    .SPE-blks .dean-blk .blk-2 {
      float: none;
      width: 100%; }
      .SPE-blks .dean-blk .blk-2 .play.normal {
        display: block !important; }
  .SPE-blks .title {
    display: block;
    font-weight: bold;
    color: #080809;
    margin-bottom: 10px; }
  .SPE-blks .contact {
    margin-top: 30px;
    background: #fcfcfc;
    padding: 10px; }
    .SPE-blks .contact span {
      display: block; }
      .SPE-blks .contact span.title {
        color: #0056cd;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 3px; }
      .SPE-blks .contact span.name {
        font-weight: bold;
        margin-bottom: 3px; }
      .SPE-blks .contact span.email {
        padding-left: 18px;
        margin-bottom: 1px;
        color: #646464;
        background: url(../img/email.png) no-repeat left 3px;
        background-size: 13px;
        overflow-wrap: break-word;
        font-size: 13px; }
        .SPE-blks .contact span.email:hover {
          color: #0056cd; }
  .SPE-blks .more {
    display: block;
    padding-left: 27px;
    cursor: pointer;
    color: #003e94;
    background: url(../img/link3.png) no-repeat left 2px;
    background-size: 15px;
    margin: 15px 0 0px;
    transition: 0.2s all;
    -webkit-transition: 0.2s all; }
    .SPE-blks .more:hover {
      color: #0056cd; }
  .SPE-blks .link {
    display: block;
    padding: 7px 15px;
    color: #fff;
    font-size: 13px;
    border: 2px solid #0056cd;
    color: #0056cd;
    font-weight: bold;
    text-align: center;
    width: calc(100%);
    margin-top: 20px; }
    .SPE-blks .link i {
      background: url(../img/link.png) no-repeat left center;
      background-size: 12px;
      padding-left: 20px; }
    .SPE-blks .link:hover {
      background: #0056cd;
      color: #fff; }
      .SPE-blks .link:hover i {
        background: url(../img/link-hover.png) no-repeat left center;
        background-size: 12px; }
    .SPE-blks .link.talk i {
      background: url(../img/messenger.png) no-repeat left center;
      background-size: 15px; }
    .SPE-blks .link.talk:hover i {
      background: url(../img/messenger-hover.png) no-repeat left center;
      background-size: 15px; }

@media screen and (max-width: 750px) {
  .SPE-blks .dean-blk {
    width: calc(100% - 20px); }
    .SPE-blks .dean-blk.dean-blk-5 {
      margin-bottom: 30px; } }
.agenda-model {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none; }
  .agenda-model#agenda_1 .inner {
    height: max-content; }
  .agenda-model .inner {
    position: absolute;
    width: 1141px;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    padding: 40px;
    padding-right: 20px; }
    .agenda-model .inner .inner-wrapper {
      overflow-y: scroll;
      height: 100%;
      padding-right: 20px; }
  .agenda-model img {
    width: 100%;
    display: block; }
  .agenda-model .close {
    width: 45px;
    height: 40px;
    position: absolute;
    background: #fff url(../img/close.png) no-repeat center center;
    right: 0;
    top: 0;
    cursor: pointer; }
  .agenda-model h5 {
    font-size: 30px;
    line-height: 33px;
    font-weight: bold;
    color: #0056cd;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center; }
  .agenda-model h6 {
    font-size: 26px;
    font-weight: bold;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 10px; }
  .agenda-model .block {
    margin: 30px 0;
    padding: 25px 25px;
    background: #fff; }
  .agenda-model .time {
    float: left;
    width: 180px;
    padding: 11px 5px 0 15px !important;
    font-weight: bold; }
    .agenda-model .time span {
      padding-left: 26px;
      background: url(../img/time.png) no-repeat left 2px;
      background-size: 16px; }
  .agenda-model table {
    float: left;
    border: none;
    width: 100%; }
    .agenda-model table tr {
      border: none; }
      .agenda-model table tr th {
        background: #0056cd;
        background-size: 24px;
        padding: 10px 0;
        border: 1px solid #0056cd;
        color: #fff;
        text-align: center;
        font-size: 15px;
        font-weight: bold; }
      .agenda-model table tr td {
        padding: 10px;
        border: 1px solid #585858; }
        .agenda-model table tr td ul {
          margin: 15px 0; }
          .agenda-model table tr td ul li {
            list-style: circle;
            padding-left: 15px;
            list-style-position: inside; }
  .agenda-model .blk-title {
    padding: 10px 20px 10px 50px;
    display: block;
    background: #0056cd;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-top: -10px;
    margin-bottom: 10px; }
    .agenda-model .blk-title.engineering {
      background: #0056cd url(../img/icon-title-engineering-white.png) no-repeat 15px center;
      background-size: 24px; }
    .agenda-model .blk-title.arts {
      background: #0056cd url(../img/icon-title-arts-white.png) no-repeat 15px center;
      background-size: 21px; }
    .agenda-model .blk-title.admission {
      background: #0056cd url(../img/icon-title-admissions-white.png) no-repeat 15px center;
      background-size: 24px; }
    .agenda-model .blk-title.medicine {
      background: #0056cd url(../img/icon-title-medical-white.png) no-repeat 15px center;
      background-size: 24px; }
    .agenda-model .blk-title.student-life {
      background: #0056cd url(../img/icon-title-student-life-white.png) no-repeat 15px center;
      background-size: 24px; }
    .agenda-model .blk-title.partners {
      background: #0056cd url(../img/icon-title-partners-white.png) no-repeat 15px center;
      background-size: 24px; }

@media screen and (max-width: 1141px) {
  .agenda-model .inner {
    width: calc(100% - 40px); } }
@media screen and (max-width: 612px) {
  .agenda-model h5 br {
    display: none; } }
@media screen and (max-width: 600px) {
  .agenda-model .block .time {
    width: 100%; }
    .agenda-model .block .time span {
      background: url(../img/time.png) no-repeat left 2px;
      background-size: 20px;
      font-size: 18px;
      display: block; }

  .agenda-model .block table {
    width: calc(100% - 32px);
    margin: 0 16px; } }
#first-title {
  display: block;
  font-size: 30px;
  line-height: 47px;
  font-weight: bolder;
  text-transform: uppercase;
  color: #2059a8;
  margin-bottom: 20px;
  text-align: center; }
  #first-title b {
    color: #000;
    font-size: 47px; }

#first_blk {
  padding: 30px;
  background: #ddd;
  border-radius: 5px; }
  #first_blk .dbl_blk {
    background: #195389;
    background: linear-gradient(180deg, #195389 0%, #1561ad 100%); }
    #first_blk .dbl_blk .inner {
      width: calc(100% / 2);
      float: left; }
      #first_blk .dbl_blk .inner img {
        width: 100%;
        display: block; }
      #first_blk .dbl_blk .inner video {
        width: 100%;
        display: block;
        padding-left: calc(11% - 2px); }

#colleges .blks .blk {
  width: calc(100% / 3);
  float: left; }
  #colleges .blks .blk .img {
    position: relative;
    max-height: 200px;
    overflow: hidden; }
    #colleges .blks .blk .img:after {
      content: "";
      position: absolute;
      width: 60px;
      height: 60px;
      top: 0;
      left: 0; }
    #colleges .blks .blk .img img {
      width: 100%;
      display: block; }
  #colleges .blks .blk h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px; }
  #colleges .blks .blk.blk-1 .img:after {
    background: url(../img/college-1-after.png) no-repeat center #2059a8; }
  #colleges .blks .blk.blk-1 h3 {
    background: #2059a8; }
  #colleges .blks .blk.blk-2 .img:after {
    background: url(../img/college-2-after.png) no-repeat center #9e9e9e; }
  #colleges .blks .blk.blk-2 h3 {
    background: #9e9e9e; }
  #colleges .blks .blk.blk-3 .img:after {
    background: url(../img/college-3-after.png) no-repeat center #6f5091; }
  #colleges .blks .blk.blk-3 h3 {
    background: #6f5091; }

#admissions .blks .blk {
  width: calc((100% / 2) - 20px);
  float: left; }
  #admissions .blks .blk .img {
    max-height: 300px;
    overflow: hidden; }
    #admissions .blks .blk .img img {
      width: 100%; }
  #admissions .blks .blk .content {
    padding: 40px 20px;
    background: #e0ecfc;
    min-height: 238px; }
    #admissions .blks .blk .content h3 {
      font-weight: bold;
      font-size: 22px;
      line-height: 22px;
      text-transform: uppercase;
      margin-bottom: 25px; }
    #admissions .blks .blk .content p.note {
      color: red; }
    #admissions .blks .blk .content p a {
      text-decoration: underline; }
    #admissions .blks .blk .content .important {
      cursor: pointer;
      width: 100%;
      background: url(../img/inside-arrow-right-black.png) no-repeat 130px 4px;
      background-size: 8px;
      display: block;
      font-weight: bold; }
      #admissions .blks .blk .content .important.active {
        background: url(../img/inside-arrow-down-black.png) no-repeat 130px 6px;
        background-size: 12px; }
      #admissions .blks .blk .content .important ul {
        margin-top: 25px;
        display: none; }
        #admissions .blks .blk .content .important ul li {
          font-weight: 500;
          cursor: unset;
          margin-bottom: 15px;
          list-style: decimal;
          list-style-position: inside; }
          #admissions .blks .blk .content .important ul li::marker {
            font-weight: bold; }
          #admissions .blks .blk .content .important ul li a {
            cursor: pointer;
            color: #0056cd;
            text-decoration: underline; }
          #admissions .blks .blk .content .important ul li:last-child {
            margin-bottom: 0; }
  #admissions .blks .blk a.btn {
    display: block;
    width: 100%;
    height: 50px;
    background: #001b48;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 15px;
    background: #2059a8; }
    #admissions .blks .blk a.btn span {
      color: #fff;
      padding: 10px;
      padding-left: 70px;
      background: url(../img/master-apply.png) no-repeat 20px center;
      background-size: 33px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%); }
  #admissions .blks .blk.blk-1 {
    margin-right: 20px; }
  #admissions .blks .blk.blk-2 {
    margin-left: 20px; }

/*# sourceMappingURL=index.css.map */
