/* raleway-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/raleway-v34-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/raleway-v34-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v34-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v34-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/raleway-v34-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    background-color: #eef0f1;
    font-family: 'Raleway', sans-serif;
    color: #333333;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5em;
}

h1, h2, h3, h5, h6 {
    font-weight: revert;
    line-height: 1em;
    text-transform: uppercase;
}
h1 {
    font-size: 28px;
    font-weight: 700;
    color: #29467b;
}
h2 {
    font-size: 22px;
     font-weight: 500;
    color: #333333;
}
h3 {
    font-size: 18px;
    line-height: 1em;
  font-weight: 700;
    color: #29467b;
}

h4 {
    font-size: 22px;
     font-weight: 700;
}

a {
    color: #29467b;
}
a:hover, a:active {
    text-decoration: none;
    color: #ff0000;
}
/* menu */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-family: 'Raleway', sans-serif;
  color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
    line-height: 18px;
}


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    padding: 0;
    position: relative;
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
   color: #fff;
   background-color: #ff0000;
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li:hover>a {
   color: #fff;
   background-color: #ff0000;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #29467b;
    padding: 0;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #fff;
    background-color: #ff0000;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    display: block;
    color: #fff;
    padding: 0 15px;
    line-height: 80px;
    margin: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    display: block;
    color: #fff;
    padding: 0 10px;
    line-height: 44px;
    margin: 0;
}
.burger-icon>span {
    background-color: #ffffff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #29467b;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 16px;
    padding: 4px 0px;
    line-height: 18px;
    font-weight: 400;
    color: #29467b;
}

#sp-header {
    background: #29467b;
}
#sp-header .logo {
    display: block;
}

.sp-megamenu-parent {
    margin: 0;
}
div {
padding: 0px;
  margin: 0px;
}

#sp-footer .container-inner {
    padding: 10px 0;
}

#sp-bottom {
    font-size: 16px;
}
.btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: #29467b;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #ff0000;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #ff0000;
  }


@media (max-width: 1650px){
    #sp-header {height: 60px;}
    .logo-image {height: 60px;}
    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {padding: 0 10px; line-height: 60px;}
   .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 16px;}
   .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {letter-spacing: 0px;}
}
@media (max-width: 1400px){
    #sp-header {height: 50px;}
    .logo-image {height: 50px;}
    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {padding: 0 10px; line-height: 50px;}
    body {font-size: 17px;}
    h1 {font-size: 26px;}
    h2 {font-size: 21px;}
    h3 {font-size: 17px;}
      h {font-size: 20px;}
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 15px;}
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {text-transform: none;}

}
@media (max-width: 1200px){
    .logo-image {height: 40px;}
    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {padding: 0 5px; line-height: 40px;}
     .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 13px;}
    body {font-size: 16px;}
    h1 {font-size: 25px;}
    h2 {font-size: 20px;}
    h3 {font-size: 16px;}
      h2 {font-size: 19px;}
}
@media (max-width: 992px){
    
     body {font-size: 16px;}
    h1 {font-size: 23px;}
    h2 {font-size: 19px;}
    h3 {font-size: 15px;}
      h2 {font-size: 18px;}
    #sp-bottom {font-size: 14px;
    
}
}