/*! Place your custom styles here */

/************* UL TAG *************/
.nicedot {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

/************* LOGO  **************/

/* CHANGED THE LOGO SIZE */
.bar .logo {
  max-height: 3.85714286em;		/* FROM 1.85714286em; */
  max-width: none;
}

/* CHANGED TOP MARGIN IN LOGO */ 
.bar .logo {
  margin: 0;
  position: relative;
  top: 1px;				/* FROM 4 */
}

/************* MENU  **************/

/* CHANGED THE OPACITY OF MENU LETTERING */
.menu-horizontal > li:not(:hover) > a,
.menu-horizontal > li:not(:hover) > span,
.menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
  opacity: .7;					/* FROM .5 */
}

/* CHANGED THE COLOR OF THE MENU LETTERING */
.menu-horizontal > li > a,
.menu-horizontal > li > span,
.menu-horizontal > li > .modal-instance > .modal-trigger {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  color: #0a1b35;			/* FROM 252525 */
}

/* CHANGED HOVER COLOR ON MENU */
.menu-horizontal > li > a:hover,
.menu-horizontal > li > span:hover,
.menu-horizontal > li > .modal-instance > .modal-trigger:hover {
  color: #252525;			/* FROM 252525 */
}

/* CHANGED TOP MARGIN IN MENU LABELS */ 
.bar .menu-horizontal {
  position: relative;
  top: 10px;				/* FROM 6 */
}

/* CHANGED MENU LETTERING OPTIONS */
.bar-1 .menu-horizontal > li > .dropdown__trigger,
.bar-1 .menu-horizontal > li > a {
 
  font-size: 14px;	 /* WAS: font-size: 0.857142857142857em; */
  line-height: 2.166666666666667em;
  text-transform: capitalize;	/* FROM UPPERCASE */
  font-weight: 600;
  letter-spacing: .1px;			/* FROM .5 */
}

/* CHANGED MENU LETTERING OPTIONS */
.bar-1 .menu-horizontal li.selected a {
  color: #252525;
  opacity: .9;
} 

/* CHANGE PRIMARY COLOR FROM 4a90e2 TO 111e2f */
[data-overlay].bg--primary:before {
  background: #111e2f;
}
.btn--primary,
.btn--primary:visited {
  background: #111e2f;
  border-color: #111e2f;
}
input[type="submit"] {
  background: none;
  outline: none;
  border: none;
  background: #111e2f;
  padding: 0.46428571em 2.78571429em 0.46428571em 2.78571429em;
  color: #fff;
}
.accordion li.active .accordion__title {
  background: #111e2f;
  border-bottom: 1px solid #ececec;
}
.color--primary {
  color: #111e2f !important;
}
a {
  color: #111e2f;
}
.bg--primary {
  background: #111e2f;
}

.bg--primary div:not([class*='feature']) .btn--primary .btn__text {
  color: #111e2f;
}
.bg--primary > .btn--primary .btn__text {
  color: #111e2f;
}
.checkmark:not([class*='bg-']) {
  background: #111e2f;
}
.bg--primary .boxed:not(.imagebg) a {
  color: #111e2f;
}
.bg--primary .boxed:not(.imagebg) .color--primary {
  color: #111e2f !important;
}
.feature.feature--featured:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #111e2f;
  left: 0;
}
.imagebg:not(.image--light) .feature.bg--white a:not(.btn) {
  color: #111e2f;
}
.accordion-1 li.active .accordion__title {
  border-color: #111e2f;
}
.tabs li.active .tab__title {
  color: #111e2f;
}
.tabs li.active .tab__title span {
  color: #111e2f;
}
.tabs--folder .tabs > li.active {
  border-top: 3px solid #111e2f;
}
/*! -- Stack Loader -- */
.loader {
  border: 3px solid #111e2f;
  border-radius: 30px;
  height: 30px;
  left: 50%;
  margin: -15px 0 0 -15px;
  opacity: 0;
  position: fixed;
  z-index: 10;
  top: 50%;
  width: 30px;
  animation: pulsate 0.7s ease-out infinite;
}
.process-1:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  background: #111e2f;
}
.process__item:after {
  content: '';
  width: 1.85714286em;
  height: 1.85714286em;
  background: #fff;
  border: 2px solid #111e2f;
  border-radius: 50%;
  position: absolute;
  top: 0;
  margin-left: 1px;
}
.process-2:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  top: 0.92857143em;
  left: 0;
  background: #111e2f;
}
.process-3 li .process__number {
  float: left;
  width: 15%;
  width: 3.71428571em;
  height: 3.71428571em;
  border-radius: 50%;
  border: 2px solid #111e2f;
  background: #fff;
  text-align: center;
}
.process-3 li .process__number span {
  font-size: 1.35714286em;
  font-weight: bold;
  color: #111e2f;
  position: relative;
  top: 12px;
}
.process-stepper > li.active:before,
.process-stepper > li.active:after {
  background: #111e2f;
}
button[type="submit"].btn--loading:after,
input[type="submit"][type="submit"].btn--loading:after {
  background: #111e2f;
}
.bg--primary button.btn.btn--primary {
  color: #111e2f;
  border-color: #111e2f;
}
.input-checkbox input:checked + label {
  border-color: #111e2f;
  background: #111e2f;
}
.input-checkbox.input-checkbox--switch label:hover:before {
  border-color: #111e2f;
}
.input-checkbox.input-checkbox--switch input:checked + label {
  background: none;
}
.input-checkbox.input-checkbox--switch input:checked + label:before {
  animation: none !important;
  background: #111e2f;
  border-color: #111e2f;
  transform: translateX(1.85714286em);
}
.input-radio label:hover {
  border-color: #111e2f;
}
.input-radio label:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #111e2f;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  opacity: 0;
  left: 0;
}
.input-radio input:checked + label {
  border-color: #111e2f;
  background-color: #111e2f;
}
.input-radio--innerlabel:hover {
  border-color: #111e2f;
}
.input-radio--innerlabel input:checked + label {
  border-color: #111e2f;
  background: #111e2f;
  color: #fff;
}
.bg--primary .input-radio--innerlabel.checked label {
  color: #111e2f;
}
.input-select:focus:after {
  border-color: #111e2f;
}
.input-select select:focus {
  border-color: #111e2f;
}
.input-number .input-number__controls > span:hover {
  color: #111e2f;
}
.picker .picker__day.picker__day--highlighted {
  color: #111e2f;
  font-weight: 600;
}
.picker .picker__day:hover {
  color: #111e2f;
}
.progress-horizontal__progress {
  background: #111e2f;
  border-radius: 100px;
}
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active {
  color: #111e2f;
  cursor: pointer;
}
.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover {
  color: #111e2f;
}
.masonry-filters--horizontal .masonry__filters ul li.active {
  color: #111e2f;
}
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
  background: #111e2f;
  transition: all .3s ease;
  padding: 0.46428571em 1.85714286em;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
}
.wizard > .steps li.current a:after,
.wizard > .steps li.current a:before {
  background-color: #111e2f;
}

/*	CHANGE THE LIGHT BLUE COLOR WHEN HOVER TO GRAY (5798e4 TO 939699) */
.cta-2.bg--primary:hover {
  background: #939699;
}

/*	CHANGE THE FONT SIZE FOR THE HEADER H1 */
h1 {
  font-size: 80px;
}

/*	CREATE A SMALL ITALIC FONT */
si {
	font-style: italic;
	font-size: 12px;
}

/*	CREATE A VERTICAL LINE */
.vl {
  border-left: 2px solid gray;
  height: 500px;
}
/* DO NOT SHOW VERTICAL LINE ON SMALLER DEVICES */
@media screen and (max-width: 768px) {
.vl {
    display: none;
  }
}