.center
{
    justify-content: center;
    display: flex;
    align-items: center;
}

.textCenter
{text-align: center;}

.head
{
  font-weight:500;
  font-size:25px;
  color:#2f5b60;
  text-align: center;
}

.bold
{
    font-weight:500;
    font-size:25px;
}

.hrWax{ 
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
  }

  .cardx
  {
    border:1px solid grey; min-height:350px;
    margin-top:10px;
  }

  .cardx:hover
  {
    border:none;
    height:360px;
    box-shadow:2px 5px 15px 5px rgb(212, 212, 212);
  }


  .cardBlog
  {
    border:1px solid grey; min-height:450px;
    margin-top:10px;
  }

  .cardBlog:hover
  {
    border:none;
    min-height:460px;
    box-shadow:2px 5px 15px 5px rgb(212, 212, 212);
  }

  .smallDeco
  {
      font-size:15px;
      font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
  }
  .esmallDeco
  {font-size:12px;}

  .eorange
  {font-size:13px;color:rgb(14, 222, 245); font-weight:600;}

  .smallDecoblog
  {
      font-size:15px;
      font-weight:400;
  }

  .esmallDecoblog
  {
      font-weight:300;
      text-align: justify;
  }

  .block
  {
      height:40px;
      border-radius:25px 25px 25px 25px;
      border:2px solid rgb(14, 222, 245);
      margin-top:10px;
      line-height:1;
  
  }

  .bcss
  { 
  min-height:350px;
  border:2px solid rgb(191, 191, 191);
  border-radius:3px;
  margin-top:25px;
  
  }

.jscder
{
  text-align: center;
}

  .bcss2
  { 
  min-height:350px;
  border:1px solid rgb(32, 32, 62);
  border-radius:3px;
  margin-top:35px;

  }
  .bcss2:hover
  {
    border:none;
    height:360px;
    box-shadow:2px 5px 15px 5px rgb(212, 212, 212);
  }
  .bcss:hover
  {
    border:none;
    
    box-shadow:2px 5px 15px 5px rgb(212, 212, 212);
  }


.cardrec
{
  min-height:140px; border:1px solid rgb(184, 184, 184); padding-top:30px; padding-bottom:20px;
}

  .card-link
  {
    color:rgb(14, 222, 245);
  }

 .navs
 {
   height:80px;
   
 }

 .navText
 {
  font-weight: 500; color: rgb(255, 255, 255)
 }

 .navText:hover
 {
  font-weight: 500; color: rgb(0, 0, 0)
 }
.button
 {
   padding:7px;
   border:1px solid rgb(14, 222, 245);
   font-size:12px;
   border-radius:3px;
   font-weight:600;
   cursor: pointer;

 }
 .parallax {
  /* The image used */
  background-image: url("../img/NS.jpg");

  /* Set a specific height */
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
 .viewPR
 {
  background-color:rgb(14, 222, 245);padding:10px;padding-left:25px; width:230px; padding-right:25px; color:#fff;
  cursor: pointer;text-align: center; border-radius:5px;
 }

.btnOrange
{
  background-color: rgb(14, 222, 245);
  color: #fff;
}

.spanJob
{background-color:rgb(14, 222, 245); color:#fff; padding:5px; font-size:12px;}

.colorTextBold
{
  font-weight: 500; color: rgb(14, 222, 245);
  font-size:20px;
}

.shake:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.xozsz
{
  height:200px;
}

.galzo
{
  font-size:45px;
  color:rgb(0, 179, 255);
 
}

.zox
{
  font-size:40px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2px;
  color:rgb(13, 40, 52);
}
.zox2
{
  font-size:15px;
  font-weight: 500;
  text-align: center;  color:rgb(13, 40, 52);
}
