/* Minification failed. Returning unminified contents.
(73,1): run-time error CSS1019: Unexpected token, found '}'
(185,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(214,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(219,14): run-time error CSS1039: Token not allowed after unary operator: '-black'
(225,14): run-time error CSS1039: Token not allowed after unary operator: '-black'
(234,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(243,14): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(247,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(251,23): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(270,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(283,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(379,20): run-time error CSS1039: Token not allowed after unary operator: '-black'
(380,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(406,21): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(417,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(490,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(544,22): run-time error CSS1039: Token not allowed after unary operator: '-black'
(605,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(613,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(633,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(637,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(653,21): run-time error CSS1039: Token not allowed after unary operator: '-font-primary'
(737,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(756,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(760,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(791,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(795,22): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(799,22): run-time error CSS1039: Token not allowed after unary operator: '-green'
 */
body .sm-blue a, body .sm-blue a:hover, body .sm-blue a:focus, body .sm-blue a:active
{
  text-shadow: none;
}

/*TABLE WIDGET container*/
#html_content{
    display:grid;
}
/*---------*/

.sdt_box_item img
{
  display: inline-block;
}



.ms-slide .ms-caption
{
  background-color: #000000;
  font-size:20px;
}



/* START CSS */

img
{
  display: block;
}
*
{
  font-family: sans-serif;
}

body, html
{
  padding:0; margin:0;
  width:100vw;
  overflow-x: hidden;
}


body.home header #logo a {
    pointer-events: none;
}


.nosize
{
  font-size:0;
  opacity: 0;
  position: fixed;
  left:-99999px;
  top:-9999px;
}




.contained-width, .full-width
{
  display: block;
}


body.no-inside-menu #leftMenu
{
  display: none!important;
}
}


/* MOBILE MENU */

#nav-icon {
  width: 40px;
  height: 30px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #000000;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 12px;
}

#nav-icon span:nth-child(4) {
  top: 24px;
}

#nav-icon.open span:nth-child(1) {
  top: 15px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.hide{
    display:none;
}

/* Video responsive*/
/*-----------------------------------------------*/
.video-responsive {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}











:root {
	--purple: #573494;
	--darkpurple: #4b2a85;
	--pink: #a23193;
	--green: #83c8bc;
	--grey: #f2f2f2;
	--grey-dark: #eefdfb;
	--medgrey: #53565a;
	--darkgrey: #414346;
	--bs-success-pink: #ffc0cb;

  --primary: #1c5560;
  --secondary: #b20839;
  --text-color: #333;
  --black: #000;
  --white: #fff;
  --font-primary: "muli", sans-serif;
}
* {
  font-family: "muli", sans-serif;
  font-style: normal;
}
html {
  font-size: 62.5%;
}
body {
  font-family: "muli", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  color: var(--text-color);
}
h1 {
	font-size: 2.8rem;
	font-weight: 700;
	color: var(--black);
}
h2
{
	font-size: 2.6rem;
	font-weight: 300;
	color: var(--black);
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
h2::after {
  content: '';
  width: 200px;
  height: 2px;
  background: var(--secondary);
  position: absolute;
  bottom: -2px;
  left: 0;
}
h3
{
	font-size: 2.2rem;
	font-weight: 700;
	color: var(--text-color);
}
p, li, a {
    font-weight: normal;
    color: var(--text-color);
    font-size: 1.8rem;
    font-weight: 400;
    /*direction: rtl;*/
    font-family: var(--font-primary);
}
a {
	text-decoration: underline;
}

ol {
  list-style: none;
  counter-reset: counter;
  padding-left: 20px;
}
strong, b {
  font-weight: 700 !important;
}
ol li {
  counter-increment: counter;
}
ol li::before {
  content: counter(counter) ". ";
  color: var(--secondary);
  font-weight: 700;
}
ol[type="a"] {
    counter-reset: revert;
}
ol[type="a"] > li {
    list-style: lower-alpha;  
}
ol[type="a"] > li:before {
    content: '';
}
ul li::marker {
  color: var(--secondary);
}
input[type=text]:focus, input[type=text]:focus-visible {
  outline: none !important;
}
.lang_selector{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.4rem;
}
header {
  padding-top: 0;
  padding-bottom: 0;
  display: inline-grid;
}
.header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-left {
  padding-top: 38px;
  padding-left: 8px;
}
#logo {
    width: 273px;
}
#logo img {
  width: 273px !important;
  height: auto !important;
}
@media (max-width: 990px) {
  #logo {
    width: 190px;
  }
  #logo img {
  width: 190px !important;
  height: auto !important;
  }
}

footer {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-grid;
    width: 100%;
    background-color: #f2eded;
   /* position: absolute;
    bottom: 0;*/
}
    footer .footer-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        max-width: 1280px;
        margin: 0 auto;
        width: 100%;
    }
footer > div > div:last-child {
    text-align: right;
    padding-top:15px;
}

.footer-logo > div{
    display:inline-block;
}

#logo, .textSize, .searchPanel {
    display: inline-block;
}
/* .textSize, .searchPanel {
  float:right;
} */
.contained-width {
  max-width: 1280px;
  margin:0 auto;
}
@media (max-width: 767px) {
    footer{
        display:flex;
        width:98%;
    }
}
@media (min-width: 990px) {
  header.contained-width {
    margin-bottom: 20px !important;
  }
}
.full-width {
  max-width: none;
  width: 100vw;
}
.header-alert {
  background: var(--black); 
  color: var(--white); 
  width: 100%; 
  padding: 15px;
}
.header-right {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-flow: column nowrap;
}
.searchPanel {
    border-bottom: 2px solid #3a949d !important;
}
.searchPanel button {
    border: none;
    background: url(../Images/search-button.png) no-repeat transparent !important;
    height: 15px !important;
    width: 15px !important;
}
.searchPanel button i {
  display: none !important;
}
#ctl05_SearchText1_tbSearch {
  font-size: 1.3rem !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-family: var(--font-primary) !important;
}
.textSize {
    padding: 0 40px 0 30px;
}
fieldset{
    border:0;
}
#spGrow a, #spShrink a {
    text-decoration: none;
    font-size: 1.4rem;
    color: var(--black);
    padding: 3px;
    width: 20px;
    display: inline-block;
    text-align: center;
}
#spGrow a {
    font-size: 2.0rem;
    font-weight: 700;
}
.mainmenu.menu-horizontal {
  margin-top: 20px;
}

#mainContentHome {
  display: grid;
  grid-gap: 1px;
/*  background-color: #000000;*/
  padding: 1px;
}
#mainContentHome > div {
  background-color: #ffffff;
  padding: 20px;
}
@media (max-width: 776px) {
  #mainContentHome > div {
    background-color: #ffffff;
    padding: 0 10px;
  }
}
#homeContentInner {
	display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 767px) {
  #homeContentInner {
    flex-direction: column;
    gap: 0;
  }
}
#mainContentInside {
  display: grid;
  grid-template-columns: 300px 1fr;
/*  background-color: #000000;*/
  grid-gap: 1px;
  padding: 1px;
}

#mainContentInside>div {
  background-color: #ffffff;
}

#leftMenu {
  grid-row: span 3;
}
#breadcrumbs, #leftMenu
{
  padding: 10px;
}
#insideContent {
  padding: 10px 30px 10px 50px;
}
#breadcrumbs {
    background: url(../Images/page-title-bg.jpg) no-repeat;
    background-size: cover;;
    padding: 2px 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}
#breadcrumbs h1 {
    margin-left: 20px;
    font-weight: normal;
    color: var(--white);
}
#insideBanner img {
  width: 100%;
  height: auto;
}
#utility {
  margin-right: 15px;
  margin-top: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#mobileMenu {
    display: none;
    position: absolute;
    width: 40px;
    top: 20px;
    right: 20px;
}
.no-inside-menu #mainContentInside
{
  grid-template-columns: 1fr;
}
.no-inside-menu #leftMenu
{
  display: none;
}
/*Glossary*/
#servicesGlossary h2 {
    display: inline-block;
}
#servicesGlossary h2.inactive {
    color: Silver;
}
@media (max-width: 767px) {
  #mainContentHome {
    display: block;
  }
  #mainContentHome>div {
    border: 0;
  }
  #utility {
    display: none;
  }
  #mobileMenu {
    display: block;
  }
  .header-alert {
    display: none;
  }
  #mainMenu {
    display: none;
    /* height: calc(100vh - 73px); */
    background: var(--black);
  }
  .contained-width {
     padding: 10px 10px 0;
  }
  #mainContentInside
  {
    grid-template-columns: 1fr;
  }
  #leftMenu
  {
    /*display: none;*/
    order:2;
  }
  .intro-content-left {
    display: none;
  }
}
.intro-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.intro-content-left {
  width: 250px;
  margin-right: 20px;
}
.homeContentLeft, 
.homeContentRight {
  padding: 10.0rem 4% 8.0rem;
  width: 44%;
  position: relative;
}
@media (max-width: 776px) {
.homeContentLeft, 
.homeContentRight {
  padding: 6rem 5% 8rem;
  width: 90%;
}
}
.homeContentLeft h2, 
.homeContentRight h2 {
  font-size: 2.0rem;
  font-weight: 700;
}
.homeContentLeft h3, 
.homeContentRight h3 {
  font-size: 3.2rem;
  font-weight: 300;
  line-height: 3.2rem;
}
.homeContentLeft .outterContWrap.slick, 
.homeContentRight .outterContWrap.slick {
  position: static !important;
  height: 100% !important;
}
.container-blue {
  background: url(../Images/blue-bg.jpg) no-repeat top center;
  background-size: cover;
}
.container-blue h2::after {
  background: var(--white);
}
.container-blue h2, 
.container-blue h3, 
.container-blue h4, 
.container-blue p, 
.container-blue li, 
.container-blue a {
  color: var(--white);
}
.container-grey {
  background: url(../Images/grey-bg.jpg) no-repeat top center;
  background-size: cover;
}
.container-blue .button, .container-grey .button {
  text-decoration: none;
  padding: 10px 50px 10px 0 !important;
  position: absolute;
  right: 30px;
  bottom: 20px;
  display: inline-block;
  transition: all 0.3s ease-out;
}
.container-blue .button:hover, .container-grey .button:hover {
  right: 20px;
}
.container-blue .button {
  background: url(../Images/right-arrow-white.png) no-repeat right;
  color: var(--white);
}
.container-grey .button {
  background: url(../Images/right-arrow-red.png) no-repeat right;
  color: var(--secondary);
}
#html_content .col-1 .rowSub {
    padding-bottom:0;
    padding-top:0;
}
/*Banner CSS Start*/
.ms-slide .ms-caption {
  background-color: transparent !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto !important;
  display: flex;
  align-items: center;
  font-size: 6.8rem !important;
  font-family: var(--font-primary);
  width: 350px;
  line-height: 6.5rem !important;
}
@media (max-width: 776px) {
  .ms-slide .ms-caption {
    font-size: 2.2rem !important;
    line-height: 2.2rem !important;
    width: 50%;
  }
}
/*Banner CSS end*/
footer, 
footer p, 
footer li, 
footer a {
  font-size: 1.2rem;
  font-weight: 700 !important;
  text-transform: uppercase;
  text-decoration: none;
}
footer .contained-width  {
  gap: 20px !important;
}
::focus-visible {
  outline: none !important;
}
/*Mobile Navigation CSS Start*/
#nav-icon span {
  border-radius: 20px;
}
#nav-icon span:nth-child(1) {
  background: #b20839 !important;
}
#nav-icon span:nth-child(2), 
#nav-icon span:nth-child(3) {
  background: #36939c !important;
}
#nav-icon span:nth-child(4) {
  background: #0168b3 !important;
}
@media (max-width: 767px) {
  #mainMenu {
    position: absolute;
    z-index: 2;
    background: #f0f0f0;
    left: 0;
    right: 0;
    top: 75px;
  }
  .menu-horizontal .sm-blue {
    flex-direction: column;
  }
  #nav-icon.open span:nth-child(2) {
    background: #b20839 !important;
  }
  .menu-horizontal .sm-blue li a, 
  .menu-horizontal .sm-blue li a:hover, 
  .menu-horizontal .sm-blue li a:focus,   
  .menu-horizontal .sm-blue li a:active, 
  .menu-horizontal .sm-blue li a.highlighted {
    background: url(../Images/mobile-nav-icon.png) no-repeat center right !important;
    text-align: right !important;
    padding-right: 6rem !important;
    font-size: 2rem !important;
    font-weight: 400 !important;
    background-size: 20px !important;
  }
  .menu-horizontal .sm-blue li {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
    margin-bottom: 10px !important;
  }
  .menu-horizontal .sm-blue li ul {
    background: transparent !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }
  .menu-horizontal .sm-blue li ul li {
    border-top: 0 !important;
    margin: 0 !important;
  }
  .menu-horizontal .sm-blue ul li a {
    font-size: 2.0rem !important;
    color: var(--text-color) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 18px !important;
  }
  .menu-horizontal .sm-blue ul li:last-child a {
    margin-bottom: 10px !important;
  }
  footer .footer-wrap {
    flex-direction: column;
  }
  footer .innerContWrap {
    text-align: center !important;
    margin-bottom: 10px !important;
  }
}
@media (min-width: 768px) {
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    color: var(--primary) !important;
  }
}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
  color: var(--primary) !important;
}
.sm-blue ul a:hover {
  background-color: #09414e2c !important;
}
/*Mobile Navigatio CSS End*/
.rowSub {
    padding-top: 50px;
    padding-bottom: 50px;
}

.col-2 > div.rowSub, .grid2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5vw;
}

.col-3 > div.rowSub, .grid3col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.col-4 > div.rowSub, .grid4col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 5vw;
}

.col-1.yellow, .col-2.yellow, .col-3.yellow, .col-4.yellow {
    background: var(--yellow);
}

.col-1.grey, .col-2.grey, .col-3.grey, .col-4.grey {
    background: var(--grey);
}

.col-1.green, .col-2.green, .col-3.green, .col-4.green {
    background: var(--green);
}

@media (max-width: 767px) {
    body .callOutP {
        font-size: 18px !important;
    }

    .col-3 > div.rowSub, .grid3col, .col-2 > div.rowSub, .grid2col {
        grid-template-columns: 1fr;
    }

    .col-4 > div.rowSub, .grid4col {
        grid-template-columns: 1fr 1fr;
    }

    .col-3 > div.rowSub, .grid3col, .col-2 > div.rowSub, .grid2col, .col-4 > div.rowSub, .grid4col {
        grid-row-gap: 20px;
    }

    .col-1 .rowSub, .col-2 .rowSub, .col-3 .rowSub, .col-4 .rowSub {
        padding-top: 6vw;
        padding-bottom: 6vw;
    }
}

@media (max-width: 500px) {

    .col-4 > div.rowSub, .grid4col {
        grid-template-columns: 1fr;
    }
}



