@font-face {
  font-family: "scriptin";
  src: url("/storage/app/media/scriptin-webfont.ttf");
}
@font-face {
  font-family: "optima";
  src: url("/storage/app/media/optima-webfont.ttf");
}
@font-face {
  font-family: "tahoma";
  src: url("/storage/app/media/tahoma-webfont.ttf");
}
@font-face {
  font-family: "century";
  src: url("/storage/app/media/century-webfont-1.ttf");
}

.sidebar-holder-top::before {
  display: block;
  margin: 0 10px 15px;
  content: "LEARN MORE";
  font-size: 26px;
  font-weight: lighter;
  color: rgba(67, 105, 177, 1) !important;
}
/* .sidebar-holder-top {
  background: rgb(156, 173, 180);
}
.navigation .mm-panels > .mm-panel {
  background: rgb(156, 173, 180);
  padding: 0 !important;
  color: #fff !important;
}
.navigation .mm-panels > .mm-panel .mm-listview > li > a,
.navigation .mm-panels > .mm-panel .mm-listview > li > span {
  color: #fff;
}
.navigation .mm-panels > .mm-panel .mm-listview > li > a:hover,
.navigation .mm-panels > .mm-panel .mm-listview > li > span:hover {
  background: rgba(102, 133, 147, 1);
  color: rgba(223, 233, 158, 1);
}
.navigation
  .mm-panels
  > .mm-panel
  .mm-listview
  > li.mm-selected
  > a:not(.mm-next):not(.mm-arrow),
.navigation
  .mm-panels
  > .mm-panel
  .mm-listview
  > li.mm-selected
  > span:not(.mm-next):not(.mm-arrow),
.navigation
  .mm-panels
  > .mm-panel
  .mm-listview
  > li.active
  > a:not(.mm-next):not(.mm-arrow),
.navigation
  .mm-panels
  > .mm-panel
  .mm-listview
  > li.active
  > span:not(.mm-next):not(.mm-arrow) {
  background: rgba(102, 133, 147, 1);
  color: #fff;
}
.wrap__image:after {
  background: rgb(223, 233, 159) !important;
}
.wrap__ctaBody .cta_block {
  border: 2px solid hsl(68, 63%, 77%) !important;
}
.wrap__ctaBody .cta_block .cta__title {
  color: rgba(156, 196, 120, 1);
}
.cta__button {
  background: rgba(156, 173, 180, 1);
}
.cta__button:hover {
  color: rgba(223, 233, 158, 1);
  background: rgba(102, 133, 147, 1) !important;
}
.cta__button:active {
  color: rgba(223, 233, 158, 1);
  background: rgba(102, 133, 147, 1) !important;
}
.cta_header_4__container .cta__button {
  color: rgba(223, 233, 158, 1) !important;
  background: rgba(102, 133, 147, 1) !important;
}
.cta_header_4__container .cta__button:hover {
  color: rgba(223, 233, 158, 1) !important;
  background: rgba(102, 133, 147, 1) !important;
}
.cta_header_4__container .cta__button:active {
  color: rgba(223, 233, 158, 1) !important;
  background: rgba(102, 133, 147, 1) !important;
}
.sidebar-holder .wrap__editable p {
  color: rgba(153, 153, 153, 1) !important;
} */
.wrap__contacts:before {
  display: block;
  margin: 0 10px 15px 0px;
  content: "CONTACT";
  font-size: 26px;
  font-weight: lighter;
  color: #fff;
}
.wrap__contacts {
  /* background: rgb(223, 233, 159); */
}
/* .wrap__footer {
  background: rgba(225, 224, 224, 1) !important;
} */

/* .wrap__ctaHeader .cta__link--icon {
  color: rgba(156, 173, 180, 1);
}
.wrap__ctaHeader .cta__link--icon:hover {
  color: rgba(102, 133, 147, 1);
} */
.content a {
  text-decoration: none !important;
  color: #57697f !important;
  /* font-weight: bold!important; */
}
/* --------------------------------------------LOGO TITLE----------------------------------------------------- */
.wrap__logoHeader .logo__title {
  font-family: optima !important;
  /* color: rgba(198, 220, 244, 1) !important; */
  font-size: 34px !important;
  /* margin: 0 0 0px !important; */
  color: #4067b0;
}
/* --------------------------------------------LOGO DESCRIPTION----------------------------------------------------- */
.wrap__logoHeader .logo__description {
  font-family: tahoma !important;
  font-size: 18px !important;
}
/* --------------------------------------------PAGE TITLE----------------------------------------------------- */
.wrap__page-content h1,
.page__title {
  margin-bottom: 15px;
  font-family: scriptin!important;
  font-size: 44px;
  color: rgba(64, 103, 176, 1);
}

/* --------------------------------------------END PAGE TITLE----------------------------------------------------- */
/* --------------------------------------------SIDEBAR----------------------------------------------------- */
/* ----------ACTIVE FOCUS---------- */
/* .navigation
  .mm-panels
  > .mm-panel
  .mm-listview
  > li.mm-selected
  > a:not(.mm-next):not(.mm-arrow),
.navigation
  .mm-panels
  > .mm-panel
  .mm-listview
  > li.mm-selected
  > span:not(.mm-next):not(.mm-arrow),
.navigation
  .mm-panels
  > .mm-panel
  .mm-listview
  > li.active
  > a:not(.mm-next):not(.mm-arrow),
.navigation
  .mm-panels
  > .mm-panel
  .mm-listview
  > li.active
  > span:not(.mm-next):not(.mm-arrow) {
  background: #a4b950;
  color: #fff;
}
----------HOVER----------
.navigation .mm-panels > .mm-panel .mm-listview > li > a:hover,
.navigation .mm-panels > .mm-panel .mm-listview > li > span:hover {
  background: #a4b950;
  color: #fff;
} */
/* --------------------------------------------END SIDEBAR----------------------------------------------------- */
/* --------------------------------------------CONTACT----------------------------------------------------- */
#side_links {
  color: rgba(153, 153, 153, 1);
  font-size: 14px !important;
}
#side_links .title {
  font-size: 22px;
  color: rgba(203, 223, 123, 1) !important;
}
#side_links b {
  font-size: 12pt !important;
}
#side_links a {
  text-decoration: none !important;
  color: #fff !important;
}
#side_links i,
span {
  padding-right: 0;
}
#side_links img {
  height: 12px !important;
}
/* --------------------------------------------END CONTACT----------------------------------------------------- */
/* --------------------------------------------INDENT----------------------------------------------------- */
.custom_list-style li {
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -1.3em;
  padding-left: 2.5em;
}
.custom_list-style1 li {
  /* list-style-type: disc;
  list-style-position: inside; */
  text-indent: -1.3em;
  padding-left: 2.5em;
}
.myindent {
  padding-left: 3em;
}
/* --------------------------------------------END INDENT----------------------------------------------------- */
/* --------------------------------------------CONTENT----------------------------------------------------- */
.content a {
  text-decoration: none !important;
  color: #57697f !important;
  /* font-weight: bold!important; */
}
.content .left img {
  float: left;
  clear: left;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.content .right img {
  float: right;
  clear: right;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.content .img_center img {
  display: block !important;
  margin: auto !important;
}
.content .center {
  text-align: center !important;
}
.red {
  color: red !important;
}
.content .wel_img img {
  height: 263px;
  width: 200px;
}
/* --------------------------------------------END CONTENT----------------------------------------------------- */
.wrap__contacts {
  height: 480px !important;
}
tr,
td,
th {
  border: none;
}
.wrap__logoHeader {
  max-width: 70% !important;
}
@media only screen and (max-width: 768px) {
  .wrap__ctaHeader {
    display: none;
  }
  .wrap__logoHeader {
    max-width: 100% !important;
    width: 100% !important;
  }
  .wrap__logoHeader .logo a {
    max-width: 100%;
    width: 100%;
  }
  .logo__left .logo__summary {
    text-align: center !important;
    width: 100% !important;
  }
  .wrap__logoHeader .logo__title {
    font-size: 48px !important;
  }
  .wrap__logoHeader .logo__description {
    font-size: 32px !important;
  }
  .sidebar-holder-top::before {
    font-size: 20px;
  }
  .wrap__contacts:before {
    font-size: 20px;
  }
}
@media only screen and (max-width: 425px) {
  .wrap__logoHeader .logo__title {
    font-size: 32px !important;
  }
  .wrap__logoHeader .logo__description {
    font-size: 24px !important;
  }
  .wrap__page-content h1,
  .page__title {
    font-size: 32px;
  }
  .wrap__contacts {
    height: 270px !important;
    text-align: center;
  }
  #copyright ul li {
    text-align: center !important;
  }
  .sidebar-holder-top::before {
    content: "";
  }
  .wrap__contacts:before {
    content: "";
  }
  .content .right img {
    float: none !important;
    clear: right;
    display: block;
    margin: auto;
    margin-bottom: 10px;
  }
  .content .left img {
    float: none !important;
    clear: left;
    display: block;
    margin: auto;
    margin-bottom: 10px;
  }
}

/*  RESPONSIVE GRID  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  COLUMN SETUP  */
.col {
  display: block;
  float: left;
  margin: 0 1%;
  border-right: none;
  border-left: none;
  background: none;
}

.col:first-child {
  margin-left: 0;
}

/*  GROUPING  */
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1; /* For IE 6/7 */
}
/*  GRID OF TWO  */
.span_2_of_2 {
  width: 100%;
}
.span_1_of_2 {
  width: 48.5%;
}
/*  GRID OF THREE  */
.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 65.33%;
}
.span_1_of_3 {
  width: 31.66%;
}
/*  GRID OF FOUR  */
.span_4_of_4 {
  width: 100%;
}
.span_3_of_4 {
  width: 73.75%;
}
.span_2_of_4 {
  width: 48.5%;
}
.span_1_of_4 {
  width: 23.25%;
}
/*  GRID OF FIVE  */
.span_5_of_5 {
  width: 100%;
}
.span_4_of_5 {
  width: 78.8%;
}
.span_3_of_5 {
  width: 58.6%;
}
.span_2_of_5 {
  width: 38.4%;
}
.span_1_of_5 {
  width: 18.2%;
}
/*  GRID OF SIX  */
.span_6_of_6 {
  width: 100%;
}
.span_5_of_6 {
  width: 82.06%;
}
.span_4_of_6 {
  width: 65.13%;
}
.span_3_of_6 {
  width: 48.2%;
}
.span_2_of_6 {
  width: 31.26%;
}
.span_1_of_6 {
  width: 14.33%;
}
/*  GRID OF SEVEN  */
.span_7_of_7 {
  width: 100%;
}
.span_6_of_7 {
  width: 85.48%;
}
.span_5_of_7 {
  width: 70.97%;
}
.span_4_of_7 {
  width: 56.45%;
}
.span_3_of_7 {
  width: 41.94%;
}
.span_2_of_7 {
  width: 27.42%;
}
.span_1_of_7 {
  width: 12.91%;
}

/*  MEDIA QUERIES */

@media only screen and (max-width: 768px) {
  .col {
    margin: 1% 0 1% 0%;
  }
  .span_2_of_2,
  .span_1_of_2 {
    width: 100%;
  }
  .span_3_of_3,
  .span_2_of_3,
  .span_1_of_3 {
    width: 100%;
  }
  .span_1_of_4,
  .span_2_of_4,
  .span_3_of_4,
  .span_4_of_4 {
    width: 100%;
  }
  .span_1_of_5,
  .span_2_of_5,
  .span_3_of_5,
  .span_4_of_5,
  .span_5_of_5 {
    width: 100%;
  }
  .span_1_of_6,
  .span_2_of_6,
  .span_3_fo_6,
  .span_4_of_6,
  .span_5_of_6,
  .span_6_of_6 {
    width: 100%;
  }
  .span_1_of_7,
  .span_2_of_7,
  .span_3_of_7,
  .span_4_of_7,
  .span_5_of_7,
  .span_6_of_7,
  .span_7_of_7 {
    width: 100%;
  }
}