/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaWzU.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: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* math */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkenkaWzU.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: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.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: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.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: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.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: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnka.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: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.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: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.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: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.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: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.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: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.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: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.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;
}


html {
  scroll-behavior: smooth;
}

body {
  color: #7e7e7e !important;
}

p {
  color: #7e7e7e !important;
}

a {
  color: inherit !important;
}

a:hover {
  text-decoration: none;
  outline: none;
}

.navbar-light .navbar-toggler {
  color: #17469e !important;
  border: none;
  font-size: 24px;
}

.navbar {
  padding: 10px 50px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  position: relative;
  z-index: 100000000000000;

  transition: all 0.5s;
  top: 0px;
}

.nav-link {
  font-size: 15px;
  color: #17469e !important;
  line-height: 84px;
  font-weight: 500;
}

.nav-item {
  font-size: 14px;
  text-align: center;
}

.nav-item:hover .nav-link,
.navbar-light .navbar-nav .active>.nav-link {
  color: #101010 !important;
}

.navbar .dropdown-menu {
  border-radius: 0;

  color: #ffffff;
  line-height: 2;
  margin: 0px;
  padding: 0px;
}

.dropdown-item:hover {
  color: #17469e !important;
  background-color: #ffffff;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.logo {
  padding-top: 15px;
  padding-bottom: 15px;
}

.language-selector img {
  width: 30px;
}

.language-selector .dropdown-menu {
  min-width: 30px;
  background-color: #ffffff im !important;
}

.language-selector .dropdown-item {
  min-width: 30px;
  padding: .25rem 0.25rem;
}

.sticky {
  transition: all 0.5s;
  position: fixed;
  top: 0px;
  width: 100%;

}


.background-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrap-bg-video {
  z-index: -100;
  height: 90vh;
  width: 100%;
  top: 0px;
  overflow: hidden;
}

.intro-content {
  width: 70%;
  max-width: 1140px;
  text-align: center;
}

.intro-content.cc-homepage {
  position: absolute;
  z-index: 100;
  margin-bottom: 20px;
  margin-bottom: 55%;
  margin-top: 45%;
}

.intro-text {
  width: 80%;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
  text-align: left;
  color: #ffffff;
}

.heading-jumbo {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 4.3rem;
  line-height: 1.2em;
  text-align: left;
  text-transform: none;
  font-weight: 700;


}

.heading-jumbo.center {
  text-align: center;
}

.heading-jumbo.center-bold {
  font-weight: 600;
  text-align: center;
}

.heading-jumbo-small {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 36px;
  line-height: 50px;
  font-weight: 400;
  text-transform: none;
}

.scroll-down {
  margin: auto;
  height: 40px;
  width: 30px;
  background-color: #17469e;
  color: #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  top: -2em;
  animation: schrollDown 2s infinite;
  text-align: center;
  transition: 0.3s;
}

.scroll-down:hover {
  background-color: #ffffff;
  color: #17469e;
}

.scroll-down:hover i {
  color: #17469e;
}

.scroll-down i {
  color: #ffffff;
}

@keyframes schrollDown {
  0% {
    top: -2em;
  }

  50% {
    top: -4em;
  }

  100% {
    top: -2em;
  }
}

.dropdown-toggle::after {
  display: none !important;
}

.btnNoBG .p-hero,
.btnNoBGBlue .p-hero {
  display: block;
  float: right;
}

.btnNoBG,
.btnNoBGBlue {
  margin-left: 0px;
  transition: 0.3s;
  padding-left: 0px;
  padding-right: 0px;
}


.btnNoBG .separator.small,
.btnNoBGBlue .separator.small {
  margin-right: 5px;
  display: block;
  float: left;
  top: 10px;
}

.btnNoBG .separator,
.btnNoBGBlue .separator {
  position: relative;
  width: 40px;
  height: 2px;
  background-color: #fff;
}

.btnNoBGBlue .separator {
  background-color: #17469e;
}

.btnNoBG:hover,
.btnNoBGBlue:hover {
  transition: 0.3s;
  margin-left: 10px;
}

.btnNoBGBlue:hover .separator {
  transition: 0.3s;
  background-color: #d71921;
}

.btnNoBGBlue:hover .p-hero {
  color: #17469e;
}


.btnBlue {
  background-color: #17469e;
  color: #ffffff !important;
  border-radius: 0px;
  padding: 10px 40px;
  transition: 0.3s;
  font-weight: 700;
}

.btnBlue:hover,
.brandCont .subcont:hover .btnBlue {
  background-color: #ffffff;
  color: #17469e !important;
}

.btnRed {
  background-color: #d71921;
  color: #ffffff !important;
  border-radius: 0px;
  padding: 10px 40px;
  transition: 0.3s;
  font-weight: 600;
}

.btnRed:hover {
  background-color: #17469e;
}

.btnWhite {
  background-color: #ffffff;
  color: #17469e !important;
  border-radius: 0px;
  padding: 10px 40px;
  transition: 0.3s;
  font-weight: 600;
}

.btnWhite:hover {
  background-color: #17469e;
  color: #ffffff !important;
}

.btnNoBG {
  transition: 0.3s;
  border-radius: 0;

}


.blueText {
  color: #17469e !important;
}

.redText {
  color: #c03 !important;
}

.bgRed {
  background-color: #c03;
  color: #ffffff !important;
}

.bgBlue {
  background-color: #17469e;
  color: #ffffff !important;
}



.historyCont {
  background-image: url(../img/5_1.png);
  background-position: center center;
  background-size: cover;
  color: #ffffff;
}

.historyCont h1 span {
  font-size: 2em;
  line-height: 1;
  font-weight: 500;
}

.historyCont .year h1 {
  font-weight: 500;
}

.historyCont img {
  height: 7px;
}

.historyCont .year {
  cursor: pointer;
  transition: 0.3s;
}



.historyCont .year p {
  position: relative;
  top: 5px;
  transition: 0.3s;
  color: #ffffff !important;
}

.historyCont .year:hover p {

  top: -5px;
}

.brandCont .col-md-3,
.brandCont .col-md-2 {
  background-color: #f2f2f2;
  background-image: url(../img/JSW-01.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-attachment: scroll;
  cursor: pointer;
}

.brandCont .col-md-3 .subcont p {
  min-height: 120px;
  font-size: 1.12rem;
}

.brandCont .col-md-2 p {
  min-height: 40px;
  font-size: 12pt;
}

.brandCont .footerBar {
  position: relative;
  top: 7px;
}

.brandCont .col-md-3:hover h5 {
  color: #17469e;
}

.beCont {
  background-image: url(../img/5.png);
  padding-top: 160px;
  padding-bottom: 160px;
  background-attachment: fixed;
  color: #ffffff;
}

.beCont p {
  color: #ffffff !important;
}

#myBtn {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 20px;
  /* Place the button at the bottom of the page */
  right: 30px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  cursor: pointer;
  /* Add a mouse pointer on hover */
}


.footerLogo {
  background-image: url(../img/6.png);
  background-size: auto 100%;
  padding-top: 180px;
  padding-bottom: 180px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f3f3f3;
}

.footerLogo h4 {
  font-weight: 400;
  color: #17469e;
  letter-spacing: 20px;
}

.footer ul {
  list-style: none;
  text-align: left;
  padding-left: 0px;
}

.footer ul li {
  margin-bottom: 4px;
}

.footer ul li:hover a {
  color: #17469e !important;
}

.footer h6 {
  color: #17469e;
}

.socialUL {
  list-style: none;
}

.socialUL li {
  display: inline-block;

}

.socialUL li:hover a,
.socialUL li:hover .fa::before {
  background-color: #17469e;
  color: #ffffff !important;
}

.socialUL li a {
  border: solid 1px #17469e;
  color: #17469e;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  line-height: 28px;
  margin-right: 5px;
}

.socialUL li a .fa::before {
  color: #17469e !important;
}

.copyright {
  background-color: #c5c5c5;
  color: #000000;
}

.copyright .col-md-6:first-child {
  text-align: left;
}

.copyright .col-md-6:nth-child(2) {
  text-align: right;
}

.copyright a:hover {
  color: #17469e !important;
}

.pageTitle .logo {
  position: absolute;
  left: 0px;
  top: 70px;
  max-width: 150px;
}

.pageTitle h1 {
  font-size: 4em;
  _font-weight: 300;
  font-weight: 400;
}

.dropDownAnimation {
  animation: dropDownAN 2s infinite;
  position: relative;
}

@keyframes dropDownAN {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(2px);
  }

  40% {
    transform: translateY(-10px);
  }

  60% {
    transform: translateY(-5px);
  }
}

@media (max-width: 991.98px) {

  .nav-link,
  .dropdown-item {
    line-height: 1.6;
    text-align: center;
  }

  .nav-item {
    border-top: 1px solid rgba(0, 0, 0, .1);
  }
}


@media (max-width: 575.98px) {
  .navbar {
    padding: 10px 30px;
  }

  .navbar-nav {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .dropdown:hover .dropdown-menu {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .logo {
    width: 140px;
  }

  .heading-jumbo {
    font-size: 2.5em;
  }

  .historyCont .d-none {
    display: block !important;
  }

  .display-3 {
    font-size: 3.5em;
  }

  .footerLogo {
    background-size: 200% auto;
  }

  .footerLogo h4 {
    letter-spacing: 2px;
  }

  .footer .col {
    flex-basis: auto;
  }

  .copyright .col-md-6,
  .copyright .col-md-6:nth-child(2) {
    text-align: center !important;
  }

  .pageTitle .logo {
    position: relative;
    width: 50%;
    top: 30px !important;
    display: flex;
    margin: 0 auto;
  }

  .pageTitle h1 {
    font-size: 3em;
  }

  .wrap-bg-video {
    height: 80vh !important;
  }

  .background-video video {
    height: 100%;
  }

  .intro-content.cc-homepage {
    margin-bottom: 20% !important;
    margin-top: 20%;
  }
}




@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 1200px) {

  .nav-item {
    margin-left: 25px;
  }

}


body.lb-disable-scrolling {
  overflow: hidden
}

.lb-loader,
.lightbox {
  text-align: center;
  line-height: 0;
  position: absolute;
  left: 0
}


.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: .8;
  display: none
}

.lightbox {
  width: 100%;
  z-index: 10000;
  font-weight: 400;
  outline: 0
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff
}

.lightbox a img {
  border: none
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

.lb-container>.nav {
  left: 0
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,
.lb-prev {
  height: 100%;
  cursor: pointer;
  display: block
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both
}

.lb-data {
  padding: 0 4px;
  color: #ccc
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em
}

.lb-data .lb-caption a {
  color: #4ae
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: .7;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1
}


.TerminalStrengthsItems h6 {
  font-weight: 700;
}

/*new*/
.breadcrumbs-panel .breadcrumb {
  background: #fff !important;
  border-bottom: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
}

/*==Scroll Up==*/
.scrollup {
  position: fixed;
  bottom: 0px;
  right: 0px;
  /* display: none; */
  z-index: 9999;
  font-size: 13px;
}

.scrollup {
  -webkit-animation: fadeInUp 1000ms ease;
  -moz-animation: fadeInUp 1000ms ease;
  -ms-animation: fadeInUp 1000ms ease;
}

a.scrollup {
  color: #d71921 !important;
  text-decoration: none;
  border: 2px solid #2347a1;
  border-width: 5px 5px 0px 5px;
  background: #fff;
  padding: 15px 5px 7px 5px;
  line-height: 15px;
  width: 50px;
  right: 5px;
  border-radius: 100px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  text-align: center;
  bottom: 0px;
}

a.scrollup:hover {
  color: #2347a1 !important;
  text-decoration: none;
  border: 5px solid #d71921;
  border-width: 5px 5px 0px 5px;
  background: #fff;
  text-decoration: none !important;
}