.my-ubuntu-body{
    color: #373737;
    /*font-family: 'Open Sans',sans-serif;*/
    font-family: 'Ubuntu',sans-serif;
    font-size: 1rem;
}

.my-opensans-body{
    color: #373737;
    /*font-family: 'Open Sans',sans-serif;*/
    font-family: sans-serif;
    font-size: 1rem;
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


/*Former custom css*/
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.carousel-item {
  height:600px;
}

.carousel-item img {
  position: absolute;
  top:0;
  left:0;
  min-height:600px;
}

.no-radius{
    border-radius:0px !important;
}

.my-drop{
    color:white;
    border:0px solid transparent;
    background-color:#2196F3;
    border-radius:0px;
}

.my-drop > a{
    color:white;
}

.carousel-item:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,0.0);
}

.sec-bg{
  background:#3F51B5;
}

.mhide{display:none;}

.m-bg{
    background-color: #0D47A1;
    background-image: linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 0),linear-gradient(-45deg,rgba(0,0,0,.06) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.06) 0),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.06) 0);
    background-size: 24px 24px;
    background-position: 0 0,0 12px,12px -12px,-12px 0;
}

.c-bg{
    background-color: #B2EBF2;
    background-image: linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 0),linear-gradient(-45deg,rgba(0,0,0,.06) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.06) 0),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.06) 0);
    background-size: 24px 24px;
    background-position: 0 0,0 12px,12px -12px,-12px 0;
}


.trans-bg{
  background:transparent;
  border: 1px solid #424242;
}

.mcursor{
  cursor:pointer;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #28a745;
    background-color: #28a745;
}

.transparent{
  background:#f8f9fa59;
}

.transparent-1{
  background:#e83e8c85;
}

.transparent-2{
  background:#ffc10763;
}

.transparent-3{
  background:#20c99794;
}

.transparent-4{
  background:#17a2b86b;
}

.transparent-5{
  background:#dc354585;
}

.mFade{
  background: linear-gradient(0deg,rgba(0,0,0,2) 0,transparent 100%);
  padding: 6.3rem 2rem 3.1rem 2rem;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  white-space: normal;
  width: 100%;
  
}

.shadow-primary{
    box-shadow:0 0 0 .2rem rgba(38,143,255,.5);
}

.shadow-info{
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
}

.shadow-success{
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25);
}

.shadow-warning{
   box-shadow:0 0 0 .2rem rgba(222,170,12,.5);
}

.shadow-danger{
   box-shadow:0 0 0 .2rem rgba(225,83,97,.5)
}

.shadow-light{
    box-shadow:0 0 0 .2rem rgba(216, 217, 219, 0.5);
}

.my-checkbox{
    transform:scale(1.5);
}

.mFind {
    font-weight: bold;
    background: #FFF9C4 !important;
}

.pre-scrollable{
  max-height:340px;
  overflow-y:scroll;
}

.sand {
    background: url(/_filx/_visualx/images/sand.png);
}

.cta {
    background: url(/_filx/_visualx/images/cta-bg.png);
    background-size:cover;
}

.cta-alt {
    background: url(/_filx/_visualx/images/cta-alt.jpg);
    background-size:cover;
}

.mbcolor{
  background-color:#fff3cd !important;
  color: #664d03 !important;
  font-size: 1.5rem;
}

.text-main{
  color:#039BE5 !important;
}

.bg-sec{
  background-color:#191d3d !important;
}

.bg-main{
  background-color:#FFD600 !important;
}

.border-main{
  border-color: #039BE5!important;
}

.bg-grey{
  background-color: #f8f9fa!important;
}

.bg-danger-light{
  background-color:#ffcdd2 !important;
}

.bg-success-light{
  background-color:#C8E6C9 !important;
}

.bg-primary-light{
  background-color:#EDE7F6 !important;
}

.bg-warning-light{
   background-color:#FFF59D !important;
}

.btn-main{
  background-color: #7952b3;
  border-color: #7952b3;
  color:white;
}

.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .01);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  color: #fff;
  border-radius: .75rem;
}

.icon-link {
  display: inline-flex;
  align-items: center;
}
.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  transition: transform .25s ease-in-out;
  fill: currentColor;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}

.icon-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border-radius: .75rem;
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.text-khaki{
  color:#B7CE36;
}

.text-yellow{
  color:#FFE61D;
}

.text-orange{
  color:#FAAE1A;
}

.text-blue{
  color:#96C8EB;
}