/*
    Created on : Jan 31, 2019, 2:29:31 PM
    Author     : Felixom
*/
body{
  /*background: url("../img/layout/CCTI_BG.png") no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:100%; height: 100%;
}
html{min-height:100%; height: 100%;}
.h100vh{min-height:100vh;}
/**********************************************/

.font12{font-size:12px;}
.font14{font-size:14px;}
.font30{font-size:30px;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.justify{text-align:justify;}
.bold{font-weight: bold;};

.inline{display:inline;}
.width70{width:70%;}
.hcenter{margin-left:auto;margin-right:auto;}

.capi{text-transform: capitalize;}

.pt70{padding-top:70px;}
.pb30{padding-bottom:30px;}

.bgredlight{background-color:#fee!important;}
.bggraylight{background-color:#efefef!important;}
.bgblack{background-color:#1E232D!important;}
.bgblue{background-color:#083793!important;}
.bgbluelight{background-color:#006fb0!important;}
.bgbluelightalpha{background:rgba(0,111,176,0.7)!important;}
.bgdarkblue{background-color:#2d3e50!important;}
.white{color:#fff !important;}
.black{color:#1E232D;}
.bgyellow{background-color:#FCAE3F;}

.rounded-bot{border-bottom-right-radius:20px;border-bottom-left-radius:20px;}
.rounded-topp{border-top-right-radius:20px;border-top-left-radius:20px;}
.rounded50{border-radius:50px;}
.roundedt50{border-top-right-radius:50px;border-top-left-radius:50px;}
.roundedb50{border-bottom-right-radius:50px;border-bottom-left-radius:50px;}
.border3{border:3px solid #999 !important}
.border1{border:1px solid #aaa !important}

/*****/

.textsw{color: white;text-shadow: 2px 2px 4px #000000;}

.title-hr hr {
    display: inline-block;
    width: 30%;
    margin: 5px 10px;
    border-top: 2px solid #000;
}

/* Carousel
----------------------------------- */
#carouselBeadManRedding {
    background-color: #000;
}
.carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out 1.7s;
    left: 0;
    top: 0;
    position: absolute;
}
.carousel.carousel-fade .carousel-item.active {
    opacity: 1 !important;
}
.carousel.carousel-fade .carousel-item:first-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.carousel.carousel-fade .carousel-item:second-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.carousel-item .img-fluid {
    margin: 0 auto;
}
/*---------------------------------FIXSS*/
@media (max-width: 320px) {
  .navbar-text {
    font-size: x-small;
    margin: auto;
  }
  .navbar-toggler{
      font-size: 0.75rem !important;
  }
  .registro{
      margin-top: 240px;
      margin-bottom: 50px;
  }
  .registro2{
      margin-top: 160px!important;
      margin-bottom: 50px!important;
  }
}

@media (min-width: 200px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(-1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(-.5rem);
    opacity: 1;
  }
  0% {
    transform: translateY(-1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

@keyframes slideInx {
  0% {
    transform: translateX(-1rem);
    opacity: 0;
  }
  100% {
    transform: translateX(-.5rem);
    opacity: 1;
  }
  0% {
    transform: translateX(-1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideInx {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateX(1rem);
    -webkit-opacity: 0;
  }
}

.slideInx {
  -webkit-animation-name: slideInx;
  animation-name: slideInx;
}