:root {
  --main-color: #2EA8E5;
  --color-dark: #2E3133;
  --color-gray1: #454A4D;
  --color-gray2: #5C6366;
  --color-gray3: #737B80;
  --color-gray4: #8A9499;
  --color-gray5: #A1ADB2;
  --color-gray6: #D4D7D9;
  --color-lightblue: #E5F6FF;
  --color-white: #FFFFFF;
  --color-orange: #F27130;
  --color-lightorange: #F2B230;
  --color-green: #66CC66;

  --transition: all .2s linear;
}



html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; }

*, ::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit; }


/**--------------------------------------------------------------------------------*/
/* RESET STYLES */
/**--------------------------------------------------------------------------------*/
html { overflow-y: scroll; }

*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

* { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-text-size-adjust: none; -webkit-locale: auto; }

.clear { clear: both; overflow: hidden; height: 0px; font-size: 0px; display: block; }

html:not(.touch-screen)::-webkit-scrollbar, html:not(.touch-screen) *::-webkit-scrollbar { width: 6px; height: 6px; }

html:not(.touch-screen)::-webkit-scrollbar-track, html:not(.touch-screen) *::-webkit-scrollbar-track { background: #FFF; }

html:not(.touch-screen)::-webkit-scrollbar-thumb, html:not(.touch-screen) *::-webkit-scrollbar-thumb { background: #3338CE; }

:focus, :active, :visited { outline: none; }

button { background: none; }

a { display: inline-block; text-decoration: none; cursor: pointer; outline: none; color: inherit; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

/**--------------------------------------------------------------------------------*/
/* GLOBAL SETTINGS */
/**--------------------------------------------------------------------------------*/
html { height: 100%; }

body { height: 100%; }

#content-block { overflow: hidden; position: relative; min-height: 100vh; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

footer { margin-top: auto; }

.overflow-hidden { overflow: hidden; }

html.overflow-hidden body { overflow: hidden; }


img[data-i-src], [data-bg] { -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; opacity: 0; }

img[data-i-src].imgLoaded, [data-bg].bgLoaded { opacity: 1; }

.container { padding: 0 20px; }

.row { margin-right: -20px; margin-left: -20px; }

.row > div[class^=col] { padding: 0 20px; }

/*-------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*-------------------------------------------------------------------------------*/
body { font-family: 'Roboto', sans-serif; font-size: 16px; font-size: 1em; color: #000; font-weight: 400; }

a { color: inherit; text-decoration: none; -webkit-transition: --transition; -o-transition: --transition; transition: --transition; }

a:hover { text-decoration: none; }

ul, ol { list-style: none; }

strong { font-weight: 700; }

img { max-width: 100%; height: auto; display: block; }

.text-sm { font-size: 12px; line-height: 1.3em; font-weight: 400; }

.text { font-size: 14px; line-height: 1.4em; font-weight: 400; }

.text-xl { font-size: 24px; line-height: 1.4em; font-weight: 400; }

.text.light { color: #FFF; }

.text.light-08 { color: rgba(255, 255, 255, 0.8); }

.gray { color: #858585; }

.text.letter--02 { letter-spacing: -0.02em; }

.text.letter--04 { letter-spacing: -0.04em; }

.text > *:not(*:last-child), .text-sm > *:not(*:last-child), .text-xl > *:not(*:last-child) { margin-bottom: 30px; }

.up-cap { text-transform: capitalize; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #000; font-family: 'Roboto', sans-serif; }

h1, .h1 { font-size: 48px; line-height: 1.2em; }

h2, .h2 { font-size: 36px; line-height: 1.2em; }

h3, .h3 { font-size: 32px; line-height: 1.4em; }

h4, .h4 { font-size: 24px; line-height: 1.4em; }

h5, .h5 { font-size: 20px; line-height: 1.4em; }

h6, .h6 { font-size: 16px; line-height: 1.4em; }

.title.light { color: #FFF; }

.text-truncate { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.text-cut-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.text-cut-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.text-cut-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.text-cut-5 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.text-left { text-align: left; }

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

.text-right { text-align: right; }

@media (min-width: 1200px) { .text a:hover:before { width: 100%; right: auto; left: 0; } }

@media (max-width: 1199px) { h1, .h1 { font-size: 40px; } }

@media (max-width: 991px) { h1, .h1 { font-size: 32px; }
  h2, .h2 { font-size: 32px; }
  h3, .h3 { font-size: 24px; }
  .text { font-size: 18px; }
  .text-xl { font-size: 22px; }
  .text > *:not(*:last-child), .text-sm > *:not(*:last-child), .text-xl > *:not(*:last-child) { margin-bottom: 15px; } }


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BOOTSTRAP ICONS STYLE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.bi.bold:before {
  font-weight: bold !important;
}
.bi.color-gray:before {
  color: var(--color-gray1);
}
.bi:before {
  transition: var(--transition);
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/