@charset "UTF-8";

/*! -----------------------------------------------------------
[Custom Stylesheet]

Project:     Core-id365
Version:     1.0.0

-------------------------------------------------------------- */


/* changes nav logo size ------------------------------------- */
.extra-nav,
.inner-header {
    min-width: 200px;
    max-width: 200px;
    overflow: hidden;
}

/* NAVIGATION = decreases opacity */
.header.header-light .inner-nav > ul > li > a.active,
.header.header-light .inner-nav > ul > li > a:hover,
.header.header-light .inner-nav > ul > li > a:focus,
.header.header-light .extra-nav > ul > li > a.active,
.header.header-light .extra-nav > ul > li > a:hover,
.header.header-light .extra-nav > ul > li > a:focus {
    opacity: .5;
}

/* FONTS = basic font changes ------------------------------------------ */

/* changes body properties */
body {
    line-height: 1.25;
    font-size: 17px;
    color: #666;
}

/* changes font properties */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "PT Sans", Arial, serif;
    line-height: 1.3;
    font-weight: 400;
}

/* changes h2 properties */
h2,
.h2 {
    font-size: 24px;
}

/* changes h3 properties */
h3,
.h3 {
        text-transform: uppercase;
        font-size: 16px;
}

/* changes h5 properties */
h5,
.h5, {
    font-family: "PT Sans", Arial, serif;
    line-height: 1.8;
    font-weight: 400;
    color: #313131;
}

/* reduces margin property */
p,
pre,
ul,
ol,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 12px;
}

/* changes list properties */
ul,
ol {
    padding-left: 0px;
    list-style: disc;
}

/* changes list properties */
ul > li,
ol > li {
    margin: 6px 0 0 30px;
    list-style-position: outside;
}

/* changes list 2nd level properties */
li li {
    padding-left: 0px;
    list-style: square;
    font-weight: normal;
}

/* changes list 3rd level properties */
li li li{
    padding-left: 0px;
    list-style: square;
    font-weight: normal;
}

/* FONTS = special section font properties ------------------------------- */

/* changes module-title h2 properties */
.module-title h2 {
    text-transform: none;
    letter-spacing: 0px;
    font-size: 28px;
}

/* changes special-heading properties */
.special-heading h1,
.special-heading h2,
.special-heading h3,
.special-heading h4,
.special-heading h5,
.special-heading h6 {
    border-bottom: 2px dotted #e74c3c;
}


/* HEADER = header design changes ------------------------------------------ */
.module,
.module-sm {
    background-color: #fff;
    padding: 50px 0 50px 0;
}

/* HEADER = text changes */
.module-title {
    margin: 0 0 0 0;
}

/* HEADER = changes bg gray color */
.module-gray {
    background-color: #cccccc;
}

/* HEADER = corrects photo banner on mobile */
@media (max-width: 992px) {
    .module-header {
        padding: 250px 0;}
    }

/* CORE design changes -------------------------------------------- */

/* FOOTER = adds bg to footer */
.footer {
    background: url("../images/background.jpg");
    background-size:cover;
    background-repeat: no-repeat;
}

/* CTA BACKGROUND = adds bg to Call to Action */
.module-gray {
    background: url("../images/background-gs.jpg");
    background-size:cover;
    background-repeat: no-repeat;
}

/* HR = restyles HR tag */
hr {
  border-bottom: 1px dotted #e74c3c;
}

/* ACCORDIAN = restyles font size in accordion */
.accordion .card-header {
    font-size: 16px;
}

/* ACCORDIAN = restyles font color in accordion */
.accordion .card .card-body {
    color: #666;
}

/* ACCORDIAN = hover font color in accordion */
.accordion .card-header a:hover,
.accordion .card-header a:focus {
    color: #e74c3c;
}

/* ICON BOX = changes icon-box h6 properties */
.icon-box-title h6 {
    font-family: "Hind", Arial, serif;
    font-size: 17px;
    color: rgb(102, 102, 102);
    margin: 0 0 10px;
}

/* ICON BOX = changes icon-box p properties */
.icon-box-content p {
margin: 0 0 0 0;
}

/* FORM = form styling */
.form-control {
    border-color: #cacaca;
    background-color: #f7f7f7;

}

/* FORM = form focus styling */
.form-control:focus {
    border-color: #cacaca;
    border-width: 2px;
    background-color: #ffffff;
}



/* scrolling text */
.marquee-container {
  height: 70px;
  overflow: hidden;
  line-height: 70px;
  position: relative;
  top: 180px;
 }

.marquee {
   top: 0;
   left: 100%;
   overflow: hidden;
   position: absolute;
   white-space: nowrap;
   font-size: 28px;
   animation: marquee 440s linear infinite;
}

.marquee2 {
   animation-delay: 220.5s;
}

@keyframes marquee {
  0% {
    left: 100%;
  }
  100% {
    left: -2990%
  }
}

.lower {
  position: relative;
  bottom: 28px;
  font-size: 15px;
}
.m-span {
  margin-right:20px
}

