*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

.fa .fa-thumbs-o-down .unliked-fa{
      color: hsl(0deg 100% 25%) !important;
  }

.fa .fa-thumbs-down .unliked-fa{
      color: hsl(0deg 100% 25%) !important;
  }

  .fa .fa-thumbs-o-up .liked-fa{
      color: #143d51 !important;
  }

  .fa .fa-thumbs-up .liked-fa{
      color: #143d51 !important;
  }

 i.liked-fa{
      color: #143d51 !important; 
  }

  i.unliked-fa{
      color: hsl(0deg 100% 25%) !important;
  }

  .na-me a:hover{
  color: #143d51 !important;
  text-decoration: underline;
 }

  .blog-meta a:hover{
  color: #143d51 !important;
  text-decoration: underline;
}

  .portfolio-links  i:hover{
  color: white !important;
}

 .page-link:hover{
  background-color: #143d51 !important;
}

.page-link {
    color: #007bff;
    background-color: #fff;
    border: 1px solid  white !important;
}

.media-heading a span:hover{
  color: #143d51 !important; 
}

.checklist:hover{
  color: hsl(0deg 100% 25%) !important;
}

.checkers:hover{
  color: #242424 !important;
}

.checks:hover{
  color: #143d51 !important;
}

.tekw .checking {
  color: white !important;
}

.mass .checking {
  color: white !important;
}

.tekw .checks {
  color: white !important;
}

.tekw .checking:hover{
  color: #143d51 !important;
}

.tekw .checks:hover{
  color: red !important;
}

.tekw .btn-info:hover{
  color: #143d51 !important;
  background-color: black!important;
}

.icons .btn-info:hover{
  color: #143d51 !important;
  background-color: black!important;
} 

.icon .btn-info:hover{
  color: #143d51 !important;
  background-color: black!important;
} 

.modal .checklist:hover{
  color: #143d51 !important;
  background-color: black!important;
}

.text-muted{
  color: rgba(255, 255, 255, 0.5)!important;
}

.fa-atom, .fa-spinner{
background : transparent !important;
}

.jumbotron{
  background-color: #f8f8ff;
  border-top: rgb(219,219,219); padding: 1rem;
  border-radius: 0;

}
.big-dark{background-color: rgba(0, 0, 0, 0.5)!important;}
.bg-dark{background-color: #0a0a0a !important;}

.img-thumbnail{
border-top:2px solid #dddddd;
background-color:#dddddd;
border-radius:10px;
overflow:hidden;
width:100%;
/*height:300px; */}

.img-rounded{
padding: 2rem
border:2px solid #868e96;
background-color:#dddddd;
border-radius:0;
overflow:hidden;
width:100%;
/*height:449px;*/}

.thumb img:hover{

  transform: scale(1.4) rotate(2deg);
  box-shadow: 0 0 7px rgba(0,0,0, .5);
  height: 20rem;
  }

.thumb:hover img{

transform: scale(.92)
height: 20rem;

}
.fa{background-color:white;}

.underline{width:100px; height:2px; background-color:black; margin-top:-20px;}
}

.shuffle-btn-group label a {
  font-weight: bolder!important;
}

.shuffle-btn-group label a:hover{
  color: #143d51 !important;
  
}

ul li a {list-style-type: none; text-decoration:none;
}
   
  .h1{  background-color: #073992;
    color: gray;}
  .h2{
    background-color:#073992; color: gray; overflow:hidden; }
  .h3{
    background-color:#073992; color: gray;  font-weight:200px;
  }
  
  .good{
    font-family: 'Cardo', serif;
}

/*
#preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #ffffff;
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  border-radius: 60px;
  animation: loader 0.1s linear infinite;
  -webkit-animation: loader 0.3s linear infinite;
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}

  @keyframes slideInLeft {
        0% {
          transform: translateX(-100%);
        }
        100% {
          transform: translateX(0);
        }
      }
      .loadingBox {
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-name: slideInLeft;
      } */
    
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #073992!important;
  border-color: red!important;
}

.page-item.disabled .page-link {
  color: red!important;
  pointer-events: none;
  cursor: auto;
  background-color: #073992!important;
  border-color: red!important;
}

hr {
  max-width: 50px;
  border-width: 3px;
  border-color: #073992;
  justify-content: left;
}

hr.light {
  border-color: #b65418;
  justify-content: left;
}

/*  Header
==================================== */
.topbar{
  background-color: black;
  padding: 5px 0;
  /* color:#fff; */
  font-size: 11px !important;
}
.topbar .container .row {
    margin: 0;
  padding:0;
}
.topbar .container .row .col-md-12 { 
  padding:0;
}
.topbar p{
  margin:0;
  display:inline-block;
  font-size: 11px;
  color: #f1f6ff;
}
.topbar p > i{
  margin-right:5px;
  color: #00bcd4;
}
.topbar p:last-child{
  text-align:right;
} 
header .navbar {
    margin-bottom: 0;
}

.my-flex-container1{
     padding:0px; margin: 0px;}
.item1{background-image: linear-gradient( rgba(10, 10, 10, .4), rgba(10, 10, 10, .4)), url("../image/vimtech1.jpg");
  height:420px !important; margin-top:-5px;  background-repeat: no-repeat;
    background-position: center center;
  background-size: cover; }
.item2{background-color:#f8f8ff; margin-top:-30px; height:420px !important; overflow: scroll;}
.item3{background-color:#073992; color:white; font-weight:30px; height:422px !important; margin-top:-7px; }

/*--------------------------------*/
.my-flex-container2{ background-color: #0a0a0a;
    color:#ededed;}
.my-flex0{ background-color: #0a0a0a; }
.my-flex1{ background-color: #0a0a0a; padding-top:17px; padding-bottom:0px;}
.my-flex2{ background-color: #0a0a0a;}
/*--------------------------------*/
.my-flex-container3{
  margin-bottom:0px; padding: 0px; }
.my-flex3{ background-color:#f8f8ff; color: black;}
.my-flex4{background-color:#f8f8ff;
 color: black;}

/*--------------------------------*/
.text-success{
  color:#b65418;
}

    .fixed {
      position: fixed;
      top: 1;
      z-index: 1030;
    }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.my-flex-container5{
 color:white; background-color: #073992; padding:5px;}
.my-flex13{ background-color: #073992; color: white; border: #073992;}
.my-flex14{ background-color: #073992; color: white; border: #073992; }
/*--------------------------------------*/
/*------------------card image1------------*/

.my-flex-container6{
 color:white; margin-bottom:5px;  padding:10px;  width:100%; height:50px;}

.feat{
  color:#073992;
}
#sea .card-body{background-color: white;}
#bck{
  background: linear-gradient( rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)), url('image/blog1.jpeg') center center no-repeat;
  background-size:cover;
}

.background{
  background: linear-gradient( rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)), url('../image/led14.jpg') center center no-repeat;
  background-size:cover;
}

.background2{
  background: linear-gradient( rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)), url('../image/vimtech-wallpaper (9).jpg') center center no-repeat;
  background-size:cover;
}

.background3{
  background: linear-gradient( rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)), url('../image/vimtech-wallpaper (2).jpg') center center no-repeat;
  background-size:cover;
}

.background8{
  background: linear-gradient( rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)), url('../image/vimtech-wallpaper (8).jpg') center center no-repeat;
  background-size:cover;
}

.tax{
  background: linear-gradient( rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)), url('../image/custom2.jpg') center center no-repeat;
  background-size:cover;
}

.tax1{
  background: linear-gradient( rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)), url('../image/krid1.jpg') center center no-repeat;
  background-size:cover;
   color: white; width:100%;
   height:655px;
}

.error{
  background: rgba(0,0,0,0.8);
  color: white;
  padding: 10px;
}

.card-body{
  text-align: center; 
    padding: 0.5rem !important; 
    background-color:white; 
    color: grey; 
    border: none!important;
  }

.card{
  border-radius: 10px !important; 
    border: none!important;

} 
.card-img{
   height:80px !important;
  border-radius: none;
}

body {
  color: #393131!important;
  background-color: #fff;
  width:100%;
  font-size: 0.82rem;
  font-family: sans-serif, 'Merriweather', 'Helvetica Neue', Arial;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: background 3s;
}

p{
  color: #393131;
}


.form-group{
  color: gray;
}

section{
width: 100%;
 margin: 0;
  padding: 0;
  overflow: hidden;
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}
  
#heroca {
  width: 100%;
 margin: 0;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#heroca .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#heroca .carousel-inner .carousel-item,
#heroca .carousel-inner .active.carousel-item-left,
#heroca .carousel-inner .active.carousel-item-right {
  
}

#heroca .carousel-inner .active,
#heroca .carousel-inner .carousel-item-next.carousel-item-left,
#heroca .carousel-inner .carousel-item-prev.carousel-item-right {
  
  transition: 0.5s;
}

#heroca .carousel-inner .carousel-item-next,
#heroca .carousel-inner .carousel-item-prev,
#heroca .carousel-inner .active.carousel-item-left,
#heroca .carousel-inner .active.carousel-item-right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#heroca .carousel-indicators li {
  cursor: pointer;
}

#heroca .btn-get-started {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 5px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 0;
  background: #428bca;
}

#heroca .btn-get-started:hover {
  background: #1c5c93;
}

#heroca .linedis {
  display: inline-flex !important;
  text-align: left;
  padding-left: 0!important;
}

.btn-blue{
  background-color:#17a2b8 !important; 
  border: none;
  border-color: none;
  border-radius: 10px;
  font-size: 15px;
  font-family:  'Merriweather', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
  transition: 0.5s;
  cursor: pointer;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s;
  transition: all .5s;
  color: white;
}

.btn-blue:hover{
 background-color: #17a2b8;
  border:none;
  border-color: none;
  text-decoration: none;
  text-underline-position: none;
  color: #143d51!important;
  }


.btn-blue:focus, .btn-blue.focus {
  box-shadow: 0 0 0 0.2rem #17a2b8;
}

.btn-blue.disabled, .btn-blue:disabled {
  color: #fff;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8 !important;
  border-color:#17a2b8 !important;
}

.btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #17a2b8;
}

.btn-info{
  background-color:#143d51 !important; 
  border: none;
  border-color: none;
  border-radius: 10px;
  font-size: 15px;
  font-family:  'Merriweather', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
  transition: 0.5s;
  cursor: pointer;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s;
  transition: all .5s;
}

.btn-info:hover{
 background-color: #143d51;
  border:none;
  border-color: none;
  text-decoration: none;
  text-underline-position: none;
  color: #143d51!important;
  transition: all 0.2s ease-in;
  }

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem #143d51;
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #143d51 !important;
  border-color: #143d51 !important;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #143d51 !important;
  border-color: #143d51 !important;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #143d51;
}

.bg-warning{background-color: #0a0a0a!important;}

.btn-warning{
  background-color:#cc0000 !important; 
  border: none;
  border-color: none;
  border-radius: 10px;
  font-size: 15px;
  font-family:  'Merriweather', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
  transition: 0.5s;
  cursor: pointer;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s;
  transition: all .5s;
}
.btn-warning:hover{
 background-color: #073992;
  border:none;
  border-color: none;
  text-decoration: none;
  text-underline-position: none;
  color: #143d51!important;
  }

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem #073992;
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #073992 !important;
  border-color: #073992 !important;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #073992 !important;
  border-color: #073992 !important;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #073992;
}

.btn-primary{
  background-color:#073992;
  border: none;
  border-color: none;
  border-radius: 50px;
  font-size: 1.15rem;
  padding: 5px 15px;
  margin-top: 5px;
  color: white;
  transition: 0.5s;
  cursor: pointer;
  border: 1px solid #073992!important;

}
.btn-primary:hover{
 background-color: #073992;
  border:none;
  border-color: none;
  text-decoration: none;
  text-underline-position: none;
  color: #143d51!important;
  }

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem #073992!important;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #073992 !important;
  border-color: #073992 !important;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #073992 !important;
  border-color: #073992 !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #073992 !important;
}

.btn-info{
  background-color:#143d51 !important; 
  border: none;
  border-color: none;
  border-radius: 10px;
  font-size: 15px;
  font-family:  'Merriweather', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
  transition: 0.5s;
  cursor: pointer;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s;
  transition: all .5s;
  }

.btn-info:hover{
 background-color: #143d51;
  border:none;
  border-color: none;
  text-decoration: none;
  text-underline-position: none;
  color: #143d51!important;
  transition: all 0.2s ease-in;
  }

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem #143d51 !important;
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #143d51 !important;
  border-color: #143d51 !important;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #143d51 !important;
  border-color: #143d51 !important;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #143d51 !important;
}

.bg-dark{background-color: #0a0a0a!important;}

.btn-dark{
  background-color:#242424 !important; 
  border: none;
  border-color: none;
  border-radius: 10px;
  font-size: 15px;
  font-family:  'Merriweather', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
  transition: 0.5s;
  cursor: pointer;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s;
  transition: all .5s;
}

.btn-dark:hover{
 background-color: #242424!important;
  border:none;
  border-color: none;
  text-decoration: none;
  text-underline-position: none;
  color: #143d51!important;
  transition: all 0.2s ease-in;
  }

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem #242424;
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #242424 !important;
  border-color: #242424 !important;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #242424 !important;
  border-color: #242424 !important;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #242424!important;
}

.btn-success{
  background-color:#00bc8c!important;
  border: none;
  border-color: none;
  border-radius: 10px;
  font-size: 15px;
  font-family:  'Merriweather', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
  transition: 0.5s;
  cursor: pointer;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s;
  transition: all .5s;
}
.btn-success:hover{
 background-color: #00bc8c!important;
  border:none;
  border-color: none;
  text-decoration: none;
  text-underline-position: none;
  color:#143d51!important;
  }

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem #00bc8c!important;
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #073992 !important;
  border-color: #00bc8c!important;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #00bc8c!important;
  border-color: #00bc8c!important;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #00bc8c!important;
}


.btn-danger:hover{
 background-color: #073992;
  border:none;
  border-color: none;
  text-decoration: none;
  text-underline-position: none;
  color: #143d51!important;
  }

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem #073992 !important;
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #073992 !important;
  border-color: #073992 !important;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #073992 !important;
  border-color: #073992 !important;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #073992 !important;
}


 .alert-success{
  background-color:#073992 !important;
  border: 1px solid #073992;
  
  border-radius: 5px;
  margin-right: 0px;

}

.alert-success1{
  background-color:#073992 !important;
  border: 1px solid #073992;
  align-items: center;
  border-radius: 5px;
  margin-left: 25px;

}

.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

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

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

section .word{
  background-color:black;
  color:white;
  height:50px; margin-bottom:0;
}

.soft{
  
  width:100%;
}
.footer{
  background-color: black;
  color: white; width:100%;
  
}

.footes{
  background: linear-gradient( rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)), url('../image/vimtech-wallpaper (9).jpg') center center no-repeat;
  background-size:cover; 
  color: white; 
  width:100%; 
  padding: 2px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.footes ul li a{
  
  color: gray!important;
 font-weight: bold;
}

.footes ul li a:hover{
  
  color: #143d51 !important;
 font-weight: bold;
}

.footes1{
   background-color: #0a0a0a;
  color: white; width:100%; margin-left:0px;
}

.foote{
  background-color: #0a0a0a;
  color: white; width:100%;
}



 .img1{
    width: 13%;
    height:auto;
  }

  footer p{
  color: gray;
  }

 footer ul li a {
  list-style-type: none; text-decoration: none !important; color: gray;}

.tape a:hover {
  color: #143d51
 !important;}

.bord ul li{border-right:2px solid white; text-align:center; border:2px solid black;}

.tape ul li{font-size: 1rem; list-style-type: none; text-decoration: none !important;}

.para{min-height:30px; padding-top: 20px;}

.ebe .card-img img{height: 600px;}

.my-flex-contact5{
  margin-bottom:0px; padding: 0px; }
.my-contact3{ background-color:#073992; color: black; border: 2px lightgrey; padding:0px;  }
.my-contact4{background-color:#073992; color: black;}



  .about {
    position: relative;
    padding: 40px 20px;
    border: 1px solid #eee;
    margin: 15px 0px;
    cursor: pointer;
    transition: 1s all;
    -webkit-transition: 1s all;
}

.about i {
    font-size: 36px;
    color: #143d51;
    margin-bottom: 20px;
}

.about:after {
    content: "";
    background-color: #2a2a2a;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 0%;
    z-index: -1;
    transition: 1s height;
    -webkit-transition: 1s height;

}

.about:hover:after {
    height: 100%;
}

.about:hover i, .about:hover p, .about:hover h3 {
    color: white;
}

.hero5 {
    text-align: center;
    color: white;
    background: linear-gradient( rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)), url("../image/veh.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    
}
.hero6 {
    text-align: center;
    color: white;
    background: linear-gradient( rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)), url("../image/authorize.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    
}

.hero7 {
    text-align: center;
    color: white;
    background: linear-gradient( rgba(20, 20, 20, .8), rgba(20, 20, 20, .8)), url("../image/license.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    
}

.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  right: 15px;
  bottom: 15px;
  background: #428bca;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #629fd3;
  transition: background 0.2s ease-in-out;
}

.portfolio nav li{

  text-align: center,
}

.search-page {
  padding-top: 40px;
}

.search-page .halfway-fab {
  margin-top: -17px;
  margin-right: 20px;
  background-color: #fa4949;
}

.search-page .halfway-fab:hover {
  background-color: #fc8f8f;
}

.search-page .card-action {
  background-color: #494551;
}

.search-page .card-action a {
  color: #fff !important;
}

.writ input[type="text"] {
    width: 92%;
    color: rgba(158, 158, 158, 0.69);
    outline: none;
    font-size: 16px;
    padding: 10px 0px;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.12);
    -webkit-appearance: none;
}
li.na-me select {
    padding: 8px 0px!important;
    width: 92%;
    color: rgba(158, 158, 158, 0.69);
    margin-top: 0px;
  border:none;
  font-size: 18px;
    border-bottom:1px solid rgba(0,0,0,.12);
    vertical-align: middle;
      outline: none;
}
.writ li {
    display: inline-block;
    float: left;
  margin-top: 1em;
}
li.na-me {
    width: 50%;
}
li.descrip {
    width: 100%;
}
.writ h4 {
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 0.5em;
    padding: 0 0 0.5em 0;
    color: #34AD00;
    font-weight: 600;
}
.writ {
    padding: 0 2em 3em;
}
.sub-bn {
    text-align: right;
  margin-top:2em;
}
button.subbtn {
    padding: 6px 25px!important;
    font-size: 16px;
    text-indent: 0;
    padding: 6px 20px;
    color: #fff;
    background-color: #34ad00;
    border: 0;
    border-radius: 2px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    background-repeat: no-repeat;
    background-position: 96% center;
}
button.subbtn:focus, button.subbtn:hover {
    background-color: #1f8dd6;
    outline: 0;
}

 .ck-editor__editable[role="textbox"] {
                /* editing area */
                min-height: 300px;
 }

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

@media (max-width: 575.98px) { 
h1,
h2,
h3,
h4,
h5,
h6 {
 
font-family:'Merriweather', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
font-weight: 500;
text-align: left; 
}

h1 {
    font-size: 22px!important;
}

h2 {
    font-size: 17px;
}
h3 {
    font-size: 15px;
}
h4 {
    font-size: 12px; 
}
h5 {
    font-size: 10px;
  }

h6 {
    font-size: 9px;
}


section h5 {
 font-size: 1rem!important;
   font-weight: 200;
  }

p {
  font-size: 0.82rem;
}


h3.box1{
   font-size: 18px!important;
   font-weight: 900!important;
   border: 2px solid #073992 !important;
}

video{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 250px !important;
}

.box-title h3 {
  font-size: 18px!important;
  font-weight: 900!important;
  color: #5c768d;
}

.videonews video {
  margin: 0!important;
  padding: 0!important;
  width: 100%!important;
  height: 200px !important;
   min-width: 100%!important;
}

 #contact h6 {
 font-size: 1rem!important;
   font-weight: 200;
  
}

.carousel-caption{
 bottom: 4rem;
  z-index: 15; 
}

#slid .carousel-item{
  height: 26rem;
  background-color: black !important;
}

#slid .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 26rem;
  display: flex;
}

#slid .carousel-item  h2{
 font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
 text-align: left;
  width: 100%;
 margin-top: 15px!important; 
  
}

#slid .carousel-caption p{
 font-weight: 300;
 font-size: 0.85rem!important;
 text-align: left;
  width: 100%;
 }

  #slid .carousel-control-prev-icon, #slid .carousel-control-next-icon {
  background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

#slid .carousel-control-prev-icon:hover, #slid .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


#slides .carousel-item{
  height: 23rem!important;
  background-color: black !important;
}

#slides .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 23rem!important;
  display: flex;
  }

  #slides .carousel-caption h1{
  font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
 font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 30px 10px 20px 10px;
  margin: 0px!important;
top: 0px!important;
}

#slides .carousel-control-prev-icon, #slides .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#slides .carousel-control-prev-icon:hover, #slides .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


#sly .carousel-item{
  height: 23rem!important;
  background-color: black !important;
}

#sly .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 23rem!important;
  display: flex;
  }

  #sly .carousel-caption h1{
  font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
 font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#sly .carousel-control-prev-icon, #sly .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#sly .carousel-control-prev-icon:hover, #sly .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


#slider .carousel-item{
  height: 23rem!important;
  background-color: black !important;
}
#slider .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 23rem!important;
  display: flex;
   
}

#slider .carousel-caption h1{
 font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
 text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5)!important;
   padding: 5px;

}

#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}


#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover {
background: black;
  color: white;
}

#sly2 .carousel-item{
  height: 23rem!important;
  background-color: black !important;
}

#sly2 .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 23rem!important;
  display: flex;
  }

  #sly2 .carousel-caption h1{
  font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
 font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#sly2 .carousel-control-prev-icon, #sly2 .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#sly2 .carousel-control-prev-icon:hover, #sly2 .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slyerse .carousel-item{
  height: 23rem!important;
  background-color: black !important;
}

#slyerse .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 23rem!important;
  display: flex;
  }

  #slyerse .carousel-caption h1{
  font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
 font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#slyerse .carousel-control-prev-icon, #slyerse .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#slyerse .carousel-control-prev-icon:hover, #slyerse .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


#slyer .carousel-item{
  height: 23rem!important;
  background-color: black !important;
}

#slyer .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 23rem!important;
  display: flex;
  }

  #slyer .carousel-caption h1{
  font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
 font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#slyer .carousel-control-prev-icon, #slyer .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#slyer .carousel-control-prev-icon:hover, #slyer .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


#slopes .carousel-item{
  height: 23rem!important;
  background-color: black !important;
}

#slopes .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 23rem!important;
  display: flex;
  }

  #slopes .carousel-caption h1{
  font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
 font-family:'Montserrat'!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#slopes .carousel-control-prev-icon, #slopes .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#slopes .carousel-control-prev-icon:hover, #slopes .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slyerto .carousel-item{
  height: 23rem!important;
  background-color: black !important;
}

#slyerto .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 23rem!important;
  display: flex;
  }

  #slyerto .carousel-caption h1{
  font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
 font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#slyerto .carousel-control-prev-icon, #slyerto .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#slyerto .carousel-control-prev-icon:hover, #slyerto .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#sly3 .carousel-item{
  height: 23rem!important;
  background-color: black !important;
}

#sly3 .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 23rem!important;
  display: flex;
  }

  #sly3 .carousel-caption h1{
  font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
 font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#sly3 .carousel-control-prev-icon, #sly3 .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#sly3 .carousel-control-prev-icon:hover, #sly3 .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


.alert-success1{
  background-color:#073992 !important;
  border: 1px solid #073992;
  align-items: left;
  border-radius: 5px;
  margin-left: 0px;

}

.alert-success{
  background-color:#073992 !important;
  border: 1px solid #073992 !important;
  align-items: left;
  border-radius: 5px;
  margin-right: 0px;

}

footer {
  padding: 0px;
 }

#footersfoot h6 {
 font-size: 0.7rem!important;
  font-weight: 200;
  color:white;
}

#footersfoot p {
 font-size: 0.60rem!important; 
}

#footersfoot ul li a{
 font-size: 0.60rem!important;
font-family: 'Open Sans', sans-serif;
}

#footersfoot .quest span{
 font-size: 0.60rem!important;
 font-family: 'Open Sans', sans-serif;
}

#footersfoot .reserved span{
 font-size: 0.60rem!important;
 font-family: 'Open Sans', sans-serif;
 line-height: 0!important;
}

.card h4{
   font-weight: 200;
    font-size: 12px !important;
}
.card h2{
   font-weight: 200;
    font-size: 1rem!important;
}

.card h5{
   font-weight: 200;
    font-size: 1rem!important;
}

.card h3{
   font-weight: 200;
    font-size: 1rem!important;
}

button:focus {
  outline: none!important;
  outline:none!important;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .1rem !important;
    padding-right: .3rem !important;
}

 .breadcrumb {
 padding: 0.75rem 0.55rem!important;
  border-radius: 0.25rem!important;

}

.breadcrumb .breadcrumb-item a{
font-size: 11px!important;
  }

.product-page {
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #073992!important;
  
}

.product-page nav {
  background: none;
  box-shadow: none;

}

#topes .breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 0.1rem!important;
  margin-bottom: 1rem!important;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;

}

#topes .breadcrumb .breadcrumb-item a{

  font-size: 12px;
  }

#topes .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

#topes .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem!important;
  color: #6c757d;
  content: "/";
  font-weight: bold;
}

#topes .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

#topes .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

#topes .breadcrumb-item.active {
  color: #6c757d;
}


.img-fluidi {
  max-width: 100%;
  height: 350px!important;
}

.home .search {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.home .search h1{
  padding-top: 50px;
  font-weight: 600;
  font-size: 50px;
}

.home .search p{
  padding-top: 0px;
 padding-bottom: 20px;
 
}

.home nav {
  background: none !important;
  
}

.home nav input{
  background: transparent;
  border: 2px solid white;
}

.home .serch nav {
  border-radius: 45px !important;
}

.home .serch nav .nav-wrapper {
  border-radius: 45px;
}

.home .serch nav .nav-wrapper input {
  border-radius: 45px;
}

.serch .statistics {
  padding-top: 40px;
}


.home .search nav {
  border-radius: 45px !important;
}

.home .search nav button i{
 font-size: 10px !important;
}

.home .search nav .nav-wrapper {
  border-radius: 55px;
}

.home .search nav .nav-wrapper input {
  border-radius: 55px;
}

.search .statistics {
  padding-top: 40px;
}

.footee{
  background-color: #0a0a0a;
  color: white; width:100%;
}

.footee span{
  font-size: 12px;
  font-weight: bold
}

/* Projects area
================================================== */
/* Project filter nav */
.shuffle-btn-group {
  display: inline-block;
  margin: 30px 0 10px;
  width: 100%;
  border-bottom: 3px solid #143d51;
}
.shuffle-btn-group label {
  display: inline-block;
  color: #212121;
  font-size: 14px;
  padding: 6px 5px;
  padding-top: 10px;
  font-weight: 700;
  text-transform: capitalize;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0;
}

.shuffle-btn-group label a{
  display: inline-block;
  color: #212121;
  font-size: 14px!important;
  font-weight: 700;
  text-transform: capitalize;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0;
}

.shuffle-btn-group label a:hover{
  color: #143d51 !important;
  
}

.shuffle-btn-group label.active {
  color: #212121;
  background: #143d51;
}
.shuffle-btn-group label input {
  display: none;
}

/* Project shuffle Item */
.shuffle-item {
  padding: 0;
}
.shuffle-item .project-img-container {
  position: relative;
  overflow: hidden;
}
.shuffle-item .project-img-container img {
  transform: perspective(1px) scale3d(1.1, 1.1, 1);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover img {
  transform: perspective(1px) scale3d(1.15, 1.15, 1);
}
.shuffle-item .project-img-container:after {
  opacity: 0;
  position: absolute;
  content: "";
  top: 0;
  right: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover:after {
  opacity: 1;
}
.shuffle-item .project-img-container .gallery-popup .gallery-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 5px 12px;
  background: #0b35d4;
  color: #fff;
  opacity: 0;
  transform: perspective(1px) scale3d(0, 0, 0);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover .gallery-popup .gallery-icon {
  opacity: 1;
  transform: perspective(1px) scale3d(1, 1, 1);
}
.shuffle-item .project-img-container .project-item-info {
  position: absolute;
  top: 50%;
  margin-top: -10%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 30px;
  z-index: 1;
}
.shuffle-item .project-img-container .project-item-info-content {
  opacity: 0;
  transform: perspective(1px) translate3d(0, 15px, 0);
  transition: all 400ms;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title {
  font-size: 20px;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title a {
  color: #fff;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title a:hover {
  color: #0b35d4;
}
.shuffle-item .project-img-container .project-item-info-content .project-cat {
  background: #0b35d4;
  display: inline-block;
  padding: 2px 8px;
  font-weight: 700;
  color: #000;
  font-size: 10px;
  text-transform: uppercase;
}
.shuffle-item .project-img-container:hover .project-item-info-content {
  opacity: 1;
  transform: perspective(1px) translate3d(0, 0, 0);
}

.general-btn .btn-primary:hover {
  background: #000;
}

#carda .card-body{
  text-align: center; 
    padding: 0.5rem !important; 
    background-color:#0a0a0a; 
    color: grey; border: none!important;}

#carda .card {
  border-radius: 10px !important; 
    border: none!important;
}

#carda .card-img{
   height:90px !important;
  border-radius: none;
}

.profile .profile-card img {
  max-width: 120px;
}

.profile .profile-card h2 {
  font-size: 24px;
  font-weight: 700;
  color: #2c384e;
  margin: 10px 0 0 0;
}

.profile .profile-card h3 {
  font-size: 18px;
}

.profile .profile-card .social-links a {
  font-size: 20px;
  display: inline-block;
  color: rgba(1, 41, 112, 0.5);
  line-height: 0;
  margin-right: 10px;
  transition: 0.3s;
}

.profile .profile-card .social-links a:hover {
  color: #143d51!important; 
}

.profile .profile-overview .row {
  margin-bottom: 20px;
  font-size: 15px;
}

.profile .profile-overview .card-title {
  color: #012970;
}

.profile .profile-overview .label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit img {
  max-width: 120px;
}

/* Bordered Tabs */
.nav-tabs-bordered {
  border-bottom: 2px solid #ebeef4;
}

.nav-tabs-bordered .nav-link {
  margin-bottom: -2px;
  border: none;
  color: #2c384e;
  font-size: 11px !important;
  font-weight: 900;
}

.nav-tabs-bordered .nav-link a{
  margin-bottom: -2px;
  border: none;
  color: #2c384e!important;
  font-size: 11px !important;
  font-weight: 900!important;
}

.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
  color:#143d51;
}

.nav-tabs-bordered  a:hover,
.nav-tabs-bordered  a:focus {
  color: #143d51!important;
}

.nav-tabs-bordered .nav-link.active {
  background-color: #fff;
  color:#143d51;
  border-bottom: 2px solid #143d51;
}

  .login span.logspan {
  position: fixed; 
  right:30px; 
  top:210px; 
  font-size: 15px;
 }

.login .authlog {
 background: rgba(0, 0, 0, 0.2); 
 margin: auto; 
 backdrop-filter: blur(5px); 
 box-shadow: 5px 5px 5px 0px inset;
 }


.img-thums {
background-color:#dddddd;
border-radius:10px;
overflow:hidden;
width:60%;
height: 30px!important;
}

 }

@media (min-width: 576px) and (max-width: 767.98px) {
h1,
h2,
h3,
h4,
h5,
h6 {
 
 font-family:'Merriweather', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
 font-weight: 500;
  text-align: left; 
}

h1 {
    font-size: 25px!important;
}

h2 {
    font-size: 20px;
}
h3 {
    font-size: 17px;
}
h4 {
    font-size: 12px; 
}
h5 {
    font-size: 10px;
  }

h6 {
    font-size: 9px;
}


section h5 {
 font-size: 1rem!important;
   font-weight: 200;
  
}

p {
  font-size: 0.90rem;
}

h3.box1{
   font-size: 23px!important;
   font-weight: 900!important;
   border: 2px solid #073992 !important;
}

video{
  margin: 0;
  padding: 0;
  width: 100%!important;
  min-width: 100%!important;
  height: 300px !important;
}

.videonews video {

  margin: 0!important;
  padding: 0!important;
  width: 100%!important;
  height: 300px !important;
   min-width: 100%!important;
}

.box-title h3 {
  font-size: 23px!important;
  font-weight: 900!important;
  color: #5c768d;
}

 #contact h6 {
 font-size: 1rem!important;
   font-weight: 200;
  
}

.carousel-caption{
 bottom: 4rem;
  z-index: 15; 
}

#slid .carousel-item{
  height: 28rem;
  background-color: black !important;
  border: 0px black!important;
}

#slid .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 28rem;
  display: flex;
}

#slid .carousel-item  h2{
 font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
 text-align: left;
  width: 100%;
 margin-top: 15px!important; 
  
}

#slid .carousel-caption p{
 font-weight: 300;
 font-size: 0.85rem!important;
 text-align: left;
  width: 100%;
 
}

  #slid .carousel-control-prev-icon, #slid .carousel-control-next-icon {
  background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

#slid .carousel-control-prev-icon:hover, #slid .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


#slides .carousel-item{
  height: 28rem!important;
  background-color: black !important;
  border: 0px black!important;
}

#slides .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 28rem!important;
  display: flex;
  }

  #slides .carousel-caption h1{
    font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.4rem!important;
font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
 text-align: left!important;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 40px 15px 30px 10px;
  margin: 0px!important;
top: 0px!important;
}

#slides .carousel-control-prev-icon, #slides .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#slides .carousel-control-prev-icon:hover, #slides .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


#sly .carousel-item{
  height: 23rem!important;
  background-color: black !important;
  border: 0px black!important;
}

#sly .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 23rem!important;
  display: flex;
  }

  #sly .carousel-caption h1{
    font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#sly .carousel-control-prev-icon, #sly .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#sly .carousel-control-prev-icon:hover, #sly .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


#slider .carousel-item{
  height: 28rem!important;
  background-color: black !important;
  border: 0px black!important;
}
#slider .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 28rem!important;
  display: flex;
   
}

#slider .carousel-caption h1{
  font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
 text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5)!important;
   padding: 5px;

}

#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#sly2 .carousel-item{
  height: 28rem!important;
  background-color: black !important;
  border: 0px black!important;
}

#sly2 .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 28rem!important;
  display: flex;
  }

  #sly2 .carousel-caption h1{
    font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#sly2 .carousel-control-prev-icon, #sly2 .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#sly2 .carousel-control-prev-icon:hover, #sly2 .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slyerse .carousel-item{
  height: 28rem!important;
  background-color: black !important;
  border: 0px black!important;
}

#slyerse .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 28rem!important;
  display: flex;
  }

  #slyerse .carousel-caption h1{
    font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#slyerse .carousel-control-prev-icon, #slyerse .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#slyerse .carousel-control-prev-icon:hover, #slyerse .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slyer .carousel-item{
  height: 28rem!important;
  background-color: black !important;
}

#slyer .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 28rem!important;
  display: flex;
  }

  #slyer .carousel-caption h1{
    font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#slyer .carousel-control-prev-icon, #slyer .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#slyer .carousel-control-prev-icon:hover, #slyer .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slyerto .carousel-item{
  height: 28rem!important;
  background-color: black !important;
  background-color: black !important;
}

#slyerto .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 28rem!important;
  display: flex;
  }

  #slyerto .carousel-caption h1{
    font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#slyerto .carousel-control-prev-icon, #slyerto .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#slyerto .carousel-control-prev-icon:hover, #slyerto .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slopes .carousel-item{
  height: 28rem!important;
  background-color: black !important;
  background-color: black !important;
}

#slopes .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 28rem!important;
  display: flex;
  }

  #slopes .carousel-caption h1{
    font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
font-family:'Montserrat'!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#slopes .carousel-control-prev-icon, #slopes .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#slopes .carousel-control-prev-icon:hover, #slopes .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#sly3 .carousel-item{
  height: 28rem!important;
  background-color: black !important;
  background-color: black !important;
}

#sly3 .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 28rem!important;
  display: flex;
  }

  #sly3 .carousel-caption h1{
    font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.2rem!important;
font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#sly3 .carousel-control-prev-icon, #sly3 .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900px;
}

#sly3 .carousel-control-prev-icon:hover, #sly3 .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

.alert-success1{
  background-color:#073992 !important;
  border: 1px solid #073992;
  align-items: left;
  border-radius: 5px;
  margin-left: 0px;

}

.alert-success{
  background-color:#073992 !important;
  border: 1px solid #073992 !important;
  align-items: left;
  border-radius: 5px;
  margin-right: 0px;

}

footer {
  padding: 0px;
 }

#footersfoot h6 {
 font-size: 0.7rem!important;
  font-weight: 200;
  color:white;
}

#footersfoot p {
 font-size: 0.70rem!important;
}

#footersfoot ul li a{
 font-size: 0.70rem!important;
 font-family: 'Open Sans', sans-serif;
}

#footersfoot .quest span{
 font-size: 0.70rem!important;
 font-family: 'Open Sans', sans-serif;
}

#footersfoot .reserved span{
 font-size: 0.6rem!important;
 font-family: 'Open Sans', sans-serif;
 line-height: 0!important;
}

.card h4{
   font-weight: 200;
    font-size: 14px !important;
}
.card h2{
   font-weight: 200;
    font-size: 1rem!important;
}

.card h5{
   font-weight: 200;
    font-size: 1rem!important;
}

.card h3{
   font-weight: 200;
    font-size: 1rem!important;
}

button:focus {
  outline: none!important;
  outline:none!important;
}

.breadcrumb {
 
  padding: 0.75rem 0.55rem!important;
  border-radius: 0.25rem!important;

}

.breadcrumb .breadcrumb-item a{

  font-size: 12px!important;
  
  }

.product-page {
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #073992!important;
  
}

.product-page nav {
  background: none;
  box-shadow: none;

}

#topes .breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 0.1rem!important;
  margin-bottom: 1rem!important;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;

}

#topes .breadcrumb .breadcrumb-item a{

  font-size: 12px;
  }

#topes .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

#topes .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem!important;
  color: #6c757d;
  content: "/";
  font-weight: bold;
}

#topes .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

#topes .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

#topes .breadcrumb-item.active {
  color: #6c757d;
}

.img-fluidi {
  max-width: 100%;
  height: 350px!important;
}

.home .search {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.home .search h1{
  padding-top: 50px;
  font-weight: 600;
  font-size: 50px;
}

.home .search p{
  padding-top: 0px;
 padding-bottom: 20px;
 
}

.home nav {
  background: none !important;
  
}

.home nav input{
  background: transparent;
  border: 2px solid white;
}

.home .serch nav {
  border-radius: 45px !important;
}

.home .serch nav .nav-wrapper {
  border-radius: 45px;
}

.home .serch nav .nav-wrapper input {
  border-radius: 45px;
}

.serch .statistics {
  padding-top: 40px;
}


.home .search nav {
  border-radius: 45px !important;
}

.home .search nav button i{
 font-size: 10px !important;
}

.home .search nav .nav-wrapper {
  border-radius: 55px;
}

.home .search nav .nav-wrapper input {
  border-radius: 55px;
}

.search .statistics {
  padding-top: 40px;
}

.footee{
  background-color: #0a0a0a;
  color: white; width:100%;
}

.footee span{
  font-size: 12px;
  font-weight: bold
}

.shuffle-btn-group {
  display: inline-block;
  margin: 35px 0 20px;
  width: 100%;
  border-bottom: 3px solid #143d51;
}
.shuffle-btn-group label {
  display: inline-block;
  color: #212121;
  font-size: 16px;
  padding: 6px 20px;
  padding-top: 10px;
  font-weight: 700;
  text-transform: capitalize;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0;
}

.shuffle-btn-group label a{
  display: inline-block;
  color: #212121;
  font-size: 16px!important;
  font-weight: 700;
  text-transform: capitalize;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0;
}

.shuffle-btn-group label.active {
  color: #212121;
  background: #143d51;
}
.shuffle-btn-group label input {
  display: none;
}

/* Project shuffle Item */
.shuffle-item {
  padding: 0;
}
.shuffle-item .project-img-container {
  position: relative;
  overflow: hidden;
}
.shuffle-item .project-img-container img {
  transform: perspective(1px) scale3d(1.1, 1.1, 1);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover img {
  transform: perspective(1px) scale3d(1.15, 1.15, 1);
}
.shuffle-item .project-img-container:after {
  opacity: 0;
  position: absolute;
  content: "";
  top: 0;
  right: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover:after {
  opacity: 1;
}
.shuffle-item .project-img-container .gallery-popup .gallery-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 5px 12px;
  background: #0b35d4;
  color: #fff;
  opacity: 0;
  transform: perspective(1px) scale3d(0, 0, 0);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover .gallery-popup .gallery-icon {
  opacity: 1;
  transform: perspective(1px) scale3d(1, 1, 1);
}
.shuffle-item .project-img-container .project-item-info {
  position: absolute;
  top: 50%;
  margin-top: -10%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 30px;
  z-index: 1;
}
.shuffle-item .project-img-container .project-item-info-content {
  opacity: 0;
  transform: perspective(1px) translate3d(0, 15px, 0);
  transition: all 400ms;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title {
  font-size: 20px;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title a {
  color: #fff;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title a:hover {
  color: #0b35d4;
}
.shuffle-item .project-img-container .project-item-info-content .project-cat {
  background: #0b35d4;
  display: inline-block;
  padding: 2px 8px;
  font-weight: 700;
  color: #000;
  font-size: 10px;
  text-transform: uppercase;
}
.shuffle-item .project-img-container:hover .project-item-info-content {
  opacity: 1;
  transform: perspective(1px) translate3d(0, 0, 0);
}

.general-btn .btn-primary:hover {
  background: #000;
}

#carda .card-body{
  text-align: center; 
    padding: 0.5rem !important; 
    background-color:#0a0a0a; 
    color: grey; border: none!important;}

#carda .card{
  border-radius: 10px !important; 
    border: none!important;
} 
#carda .card-img{
   height:80px !important;
  border-radius: none;
}

.profile .profile-card img {
  max-width: 120px;
}

.profile .profile-card h2 {
  font-size: 24px;
  font-weight: 700;
  color: #2c384e;
  margin: 10px 0 0 0;
}

.profile .profile-card h3 {
  font-size: 18px;
}

.profile .profile-card .social-links a {
  font-size: 20px;
  display: inline-block;
  color: rgba(1, 41, 112, 0.5);
  line-height: 0;
  margin-right: 10px;
  transition: 0.3s;
}

.profile .profile-card .social-links a:hover {
  color: #143d51!important; 
}

.profile .profile-overview .row {
  margin-bottom: 20px;
  font-size: 15px;
}

.profile .profile-overview .card-title {
  color: #012970;
}

.profile .profile-overview .label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit img {
  max-width: 120px;
}

/* Bordered Tabs */
.nav-tabs-bordered {
  border-bottom: 2px solid #ebeef4;
}

.nav-tabs-bordered .nav-link {
  margin-bottom: -2px;
  border: none;
  color: #2c384e;
  font-size: 15px;
  font-weight: 900;
}

.nav-tabs-bordered .nav-link a{
  margin-bottom: -2px;
  border: none;
  color: #2c384e!important;
  font-size: 15px!important;
  font-weight: 900!important;
}

.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
  color:#143d51;
}

.nav-tabs-bordered  a:hover,
.nav-tabs-bordered  a:focus {
  color: #143d51!important;
}

.nav-tabs-bordered .nav-link.active {
  background-color: #fff;
  color:#143d51;
  border-bottom: 2px solid #143d51;
}

.login span.logspan {
  position: fixed; 
  right:30px; 
  top:210px; 
  font-size: 15px;
 }

  .login .authlog {
 background: rgba(0, 0, 0, 0.2); 
 margin: auto; 
 backdrop-filter: blur(5px); 
 box-shadow: 7px 5px 7px 0px inset;
 }

.img-thums {
background-color:#dddddd;
border-radius:10px;
overflow:hidden;
width:60%;
height: 40px!important;
}

 }


@media (min-width: 768px) and (max-width: 991.98px) { 
h1,
h2,
h3,
h4,
h5,
h6 {
 
  font-family:'Merriweather', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
  font-weight: 700;
  text-align: left; 
}

h1 {
    font-size: 1.7rem!important;
}

h2 {
    font-size: 1.4rem!important;
}
h3 {
    font-size: 1.2rem!important;
     font-weight: 700;
}

h4 {
   font-size: 0.80rem!important;
     font-weight: 700;
}
h5 {
    font-size: 0.90rem!important;
     font-weight: 700;
  }

h6 {
    font-size: 0.80rem!important;
     font-weight: 700;
}

section h5 {
 font-size: 1rem!important;
   font-weight: 300;
  
}

p {
  font-size: 0.90rem;
}

video{
  margin: 0;
  padding: 0;
  width: 100%!important;
  height: 250px !important;
  max-width: 100%!important;
  object-fit: fill !important; object-position: center center;
}

h3.box1{
   font-size: 16px!important;
   font-weight: 900!important;
   border: 2px solid #073992 !important;
}

.box-title h3 {
  font-size: 20px!important;
  font-weight: 900!important;
  color: #5c768d;
}

.portfolio .explore{
  font-size: 28px!important; 
}

.videonews video {
  margin: 0!important;
  padding: 0!important;
  width: 100%!important;
  height: 300px !important;
   min-width: 100%!important;
}

 #contact h6 {
 font-size: 1rem!important;
   font-weight: 200;
 }

#slid .carousel-item{
  height:7rem!important;
  background-color: black !important;
  border: 0px black!important;
}

#slid .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height:7rem!important;
  display: flex;
}

#slid .carousel-item  h2{
 font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 2rem!important;
 text-align: left;
  width: 100%;
 margin-top: 15px!important; 
  font-family: Merriweather, Helvetica Neue!important;
}

.carousel-caption{
 bottom: 4rem;
  z-index: 15; 
}

#slid .carousel-caption p{
 font-weight: 300;
 
 font-size: 0.85rem!important;
 text-align: left;
  width: 100%;
 
}

  #slid .carousel-control-prev-icon, #slid .carousel-control-next-icon {
  background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

#slid .carousel-control-prev-icon:hover, #slid .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


#slides .carousel-item{
  height: 27rem!important;
  background-color: black !important;
  border: 0px black!important;
}

#slides .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 27rem!important;
  display: flex;
  }

  #slides .carousel-caption h1{
   font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
 font-weight: 600;
 text-shadow: 1px 1px 15px #000;
 font-size: 1.5rem!important;
 text-align: left!important;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 40px 10px 30px 10px;
  margin: 0px!important;
top: 0px!important;
}

#slides .carousel-control-prev-icon, #slides .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500px;
}

#slides .carousel-control-prev-icon:hover, #slides .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slider .carousel-item{
  height: 27rem!important;
  background-color: black !important;
  border: 0px black!important;
}
#slider .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 27rem!important;
  display: flex;
   
}

#slider .carousel-caption h1{
  font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
 font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.5rem!important;
font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
 text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5)!important;
   padding: 5px;

}

#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}


#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slopes .carousel-item{
  height: 25rem!important;
  background-color: black !important;
  border: 0px black!important;
}

#slopes .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 25rem!important;
  display: flex;
  }

  #slopes .carousel-caption h1{
    font-family:'Montserrat'!important;
  font-weight: 500;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.5rem!important;
  text-align: left;
  width: 100%;
  bottom: 5rem;
  z-index: 10;
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;
}

#slopes .carousel-control-prev-icon, #slopes .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500px;
}

#slopes .carousel-control-prev-icon:hover, #slopes .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

.alert-success1{
  background-color:#073992 !important;
  border: 1px solid #073992;
  align-items: left;
  border-radius: 5px;
  margin-left: 0px;

}

.alert-success{
  background-color:#073992 !important;
  border: 1px solid #073992 !important;
  align-items: left;
  border-radius: 5px;
  margin-right: 0px;

}

footer {
  padding: 0px;
 }

#footersfoot h6 {
 font-size: 0.9rem!important;
  font-weight: 200;
  color:white;
}

#footersfoot p {
 font-size: 0.70rem!important;
}

#footersfoot ul li a{
 font-size: 0.70rem!important;
 font-family: 'Open Sans', sans-serif;
}

#footersfoot .quest span{
 font-size: 0.70rem!important;
 font-family: 'Open Sans', sans-serif;
}

#footersfoot .reserved span{
 font-size: 0.70rem!important;
 font-family: 'Open Sans', sans-serif;
 line-height: 0!important;
}

.card h4{
   font-weight: 200;
    font-size: 12px !important;
}
.card h2{
   font-weight: 200;
    font-size: 1rem!important;
}

.card h5{
   font-weight: 200;
    font-size: 1rem!important;
}

.card h3{
   font-weight: 200;
    font-size: 1rem!important;
}

button:focus {
  outline: none!important;
  outline:none!important;
}

.breadcrumb {
 
  padding: 0.75rem 0.55rem!important;
  border-radius: 0.25rem!important;

}

.breadcrumb .breadcrumb-item a{

  font-size: 12px!important;
  
  }

.product-page {
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #073992!important;
  
}

.product-page nav {
  background: none;
  box-shadow: none;

}

#topes .breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 0.1rem!important;
  margin-bottom: 1rem!important;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;

}

#topes .breadcrumb .breadcrumb-item a{

  font-size: 12px;
  }

#topes .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

#topes .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem!important;
  color: #6c757d;
  content: "/";
  font-weight: bold;
}

#topes .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

#topes .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

#topes .breadcrumb-item.active {
  color: #6c757d;
}

.img-fluidi {
  max-width: 100%;
  height: 350px!important;
}

.home .search {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.home .search h1{
  padding-top: 50px;
  font-weight: 600;
  font-size: 50px;
}

.home .search p{
  padding-top: 0px;
 padding-bottom: 20px;
 
}

.home nav {
  background: none !important;
  
}

.home nav input{
  background: transparent;
  border: 2px solid white;
}

.home .serch nav {
  border-radius: 45px !important;
}

.home .serch nav .nav-wrapper {
  border-radius: 45px;
}

.home .serch nav .nav-wrapper input {
  border-radius: 45px;
}

.serch .statistics {
  padding-top: 40px;
}


.home .search nav {
  border-radius: 45px !important;
}

.home .search nav button i{
 font-size: 10px !important;
}

.home .search nav .nav-wrapper {
  border-radius: 55px;
}

.home .search nav .nav-wrapper input {
  border-radius: 55px;
}

.search .statistics {
  padding-top: 40px;
}

.footee{
  background-color: #0a0a0a;
  color: white; width:100%;
}

.footee span{
  font-size: 12px;
  font-weight: bold
}

/* Projects area
================================================== */
/* Project filter nav */
.shuffle-btn-group {
  display: inline-block;
  margin: 20px 0 10px;
  width: 100%;
  border-bottom: 3px solid #143d51;
}
.shuffle-btn-group label {
  display: inline-block;
  color: #212121;
  font-size: 15px;
  padding: 6px 5px;
  padding-top: 10px;
  font-weight: 700;
  text-transform: capitalize;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0;
}

.shuffle-btn-group label a{
  display: inline-block;
  color: #212121;
  font-size: 15px!important;
  font-weight: 700;
  text-transform: capitalize;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0;
}

.shuffle-btn-group label.active {
  color: #212121;
  background: #143d51;
}
.shuffle-btn-group label input {
  display: none;
}

/* Project shuffle Item */
.shuffle-item {
  padding: 0;
}
.shuffle-item .project-img-container {
  position: relative;
  overflow: hidden;
}
.shuffle-item .project-img-container img {
  transform: perspective(1px) scale3d(1.1, 1.1, 1);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover img {
  transform: perspective(1px) scale3d(1.15, 1.15, 1);
}
.shuffle-item .project-img-container:after {
  opacity: 0;
  position: absolute;
  content: "";
  top: 0;
  right: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover:after {
  opacity: 1;
}
.shuffle-item .project-img-container .gallery-popup .gallery-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 5px 12px;
  background: #0b35d4;
  color: #fff;
  opacity: 0;
  transform: perspective(1px) scale3d(0, 0, 0);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover .gallery-popup .gallery-icon {
  opacity: 1;
  transform: perspective(1px) scale3d(1, 1, 1);
}
.shuffle-item .project-img-container .project-item-info {
  position: absolute;
  top: 50%;
  margin-top: -10%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 30px;
  z-index: 1;
}
.shuffle-item .project-img-container .project-item-info-content {
  opacity: 0;
  transform: perspective(1px) translate3d(0, 15px, 0);
  transition: all 400ms;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title {
  font-size: 20px;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title a {
  color: #fff;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title a:hover {
  color: #0b35d4;
}
.shuffle-item .project-img-container .project-item-info-content .project-cat {
  background: #0b35d4;
  display: inline-block;
  padding: 2px 8px;
  font-weight: 700;
  color: #000;
  font-size: 10px;
  text-transform: uppercase;
}
.shuffle-item .project-img-container:hover .project-item-info-content {
  opacity: 1;
  transform: perspective(1px) translate3d(0, 0, 0);
}

.general-btn .btn-primary:hover {
  background: #000;
}

#carda .card-body{
  text-align: center; 
    padding: 0.5rem !important; 
    background-color:#0a0a0a; 
    color: grey; border: none!important;}

#carda .card{
  border-radius: 10px !important; 
    border: none!important;
} 
#carda .card-img{
   height:80px !important;
  border-radius: none;
}

.profile .profile-card img {
  max-width: 120px;
}

.profile .profile-card h2 {
  font-size: 24px;
  font-weight: 700;
  color: #2c384e;
  margin: 10px 0 0 0;
}

.profile .profile-card h3 {
  font-size: 18px;
}

.profile .profile-card .social-links a {
  font-size: 20px;
  display: inline-block;
  color: rgba(1, 41, 112, 0.5);
  line-height: 0;
  margin-right: 10px;
  transition: 0.3s;
}

.profile .profile-card .social-links a:hover {
  color: #143d51!important; 
}

.profile .profile-overview .row {
  margin-bottom: 20px;
  font-size: 15px;
}

.profile .profile-overview .card-title {
  color: #012970;
}

.profile .profile-overview .label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit img {
  max-width: 120px;
}

/* Bordered Tabs */
.nav-tabs-bordered {
  border-bottom: 2px solid #ebeef4;
}

.nav-tabs-bordered .nav-link {
  margin-bottom: -2px;
  border: none;
  color: #2c384e;
  font-size: 14px;
  font-weight: 900;
}

.nav-tabs-bordered .nav-link a{
  margin-bottom: -2px;
  border: none;
  color: #2c384e!important;
  font-size: 14px!important;
  font-weight: 900!important;
}

.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
  color:#143d51!important; 
}

.nav-tabs-bordered  a:hover,
.nav-tabs-bordered  a:focus {
  color: #143d51!important;
}

.nav-tabs-bordered .nav-link.active {
  background-color: #fff;
  color:#143d51;
  border-bottom: 2px solid #143d51;
}

.login span.logspan {
  position: absolute; 
  right:30px; 
  top:215px; 
  font-size: 15px;
 }

  .login .authlog {
 background: rgba(0, 0, 0, 0.2); 
 margin: auto; 
 backdrop-filter: blur(5px); 
 box-shadow: 5px 5px 5px 0px inset;
 }


.img-thums {
background-color:#dddddd;
border-radius:10px;
overflow:hidden;
width:60%;
height: 40px!important;
}

} 


@media (min-width: 992px) and (max-width: 1199.98px) {  
h1,
h2,
h3,
h4,
h5,
h6 {
 
 font-family:'Merriweather', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
 font-weight: 700;
  text-align: left; 
}


h1 {
    font-size: 2.0rem;
}

h2 {
    font-size: 1.5rem; 
}
h3 {
    font-size: 1.3rem; 
}
h4 {
    font-size: 1rem;
}
h5 {
    font-size: 0.90rem; 
}

h6 {
    font-size: 0.80rem; 
}

section h5 {
 font-size: 1rem!important;
   font-weight: 200;
  
}

footer {
  padding: 0px;
 
}

p {
  font-size: 1rem;
}

video{
  margin: 0;
  padding: 0;
  width: 100%!important;
  height: 250px !important;
}

h3.box1{
   font-size: 18px!important;
   font-weight: 900!important;
   border: 3px solid #073992 !important;
}

.box-title h3 {
  font-size: 23px!important;
  font-weight: 900!important;
  color: #5c768d;
}

.portfolio .explore{
  font-size: 32px!important; 
}

.videonews video {

  margin: 0!important;
  padding: 0!important;
  width: 100%!important;
  height: 400px !important;
   min-width: 100%!important;
}

#footersfoot h6 {
 font-size: 1rem!important;
   font-weight: 500!important;
  color:white;
}

#footersfoot p {
 font-size: 0.80rem!important;
 font-family: 'Open Sans', sans-serif;

}

#footersfoot ul li a{
 font-size: 0.80rem!important;
 font-family: 'Open Sans', sans-serif;

}

#footersfoot .quest span{
 font-size: 0.80rem!important;
 font-family: 'Open Sans', sans-serif;
}

 #contact h6 {
 font-size: 1rem!important;
   font-weight: 200;
  
}

#slid .carousel-item{
  height:8rem!important;
  background-color: black !important;
  border: 0px solid black!important;
  box-shadow:8px 8px 6px red;
}

#slid .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 8rem!important;
  display: flex;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 100px!important;
  left: 15%;
  z-index: 0;
  
  
}

#slid .carousel-caption h2{
 font-weight: 700;
  text-shadow: 1px 1px 15px #000;
 font-size: 2.5rem!important;
 text-align: left;
 color: #fff;
 width: 100%;
 font-family: Merriweather, Helvetica Neue!important;
 
}

#slid .carousel-caption p{
font-weight: 300;
 font-size: 15px;
 text-align: left;
  width: 100%;
  bottom: 8rem;
  z-index: 15;
 
}

  #slid .carousel-control-prev-icon, #slid .carousel-control-next-icon {
  background: none;
  font-size: 20px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

#slid .carousel-control-prev-icon:hover, #slid .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


#slides .carousel-item{
  height: 32rem;
  background-color: black !important;
  border: 0px solid black!important;
}

#slides .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 32rem;
  display: flex;
  }

#slides .carousel-caption h1{
   font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
 font-weight: 600;
 text-shadow: 1px 1px 15px #000;
 font-size: 1.5rem!important;
 text-align: left!important;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 40px 10px 30px 10px;
  margin: 0px!important;
top: 0px!important;

}

#slides .carousel-control-prev-icon, #slides .carousel-control-next-icon {
  background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

#slides .carousel-control-prev-icon:hover, #slides .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slider .carousel-item{
  height: 32rem;
  background-color: black !important;
  border: 0px solid black!important;
}
#slider .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 32rem;
  display: flex;
}

#slider .carousel-caption h1{
  font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
 font-weight: 600;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.5rem!important;
 text-align: left;
  width: 100%;
  
  background-color: rgba(0, 0, 0, 0.5)!important;
   padding: 5px;

}

#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slopes .carousel-item{
  height: 32rem;
  background-color: black !important;
  border: 0px solid black!important;
  box-shadow:8px 8px 6px red;
}

#slopes .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 32rem;
  display: flex;
  }

#slopes .carousel-caption h1{
  font-family:'Montserrat'!important;
 font-weight: 600;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.5rem!important;
 text-align: left;
  width: 100%;
  
 background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;

}

#slopes .carousel-control-prev-icon, #slopes .carousel-control-next-icon {
  background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

#slopes .carousel-control-prev-icon:hover, #slopes .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

.alert-success1{
  background-color:#073992 !important;
  border: 1px solid #073992;
  align-items: left;
  border-radius: 5px;
  margin-left: 15px;

}

.alert-success{
  background-color:#073992 !important;
  border: 1px solid #073992 !important;
  align-items: left;
  border-radius: 5px;
  margin-right: 0px;

}

.card h4{
   font-weight: 200;
    font-size: 1rem!important;
}
.card h2{
   font-weight: 200;
    font-size: 1rem!important;
}

.card h5{
   font-weight: 200;
    font-size: 1rem!important;
}

.card h3{
   font-weight: 200;
    font-size: 1rem!important;
}

button:focus {
  outline: none!important;
  outline:none!important;
}

#topes .breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 0.1rem!important;
  margin-bottom: 1rem!important;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;

}

#topes .breadcrumb .breadcrumb-item a{

  font-size: 13px;
  }

#topes .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

#topes .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem!important;
  color: #6c757d;
  content: "/";
  font-weight: bold;
}

#topes .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

#topes .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

#topes .breadcrumb-item.active {
  color: #6c757d;
}

/*.product .divider {
  width: 60px !important;
  height: 10px;
  background-color: #494551;
}

.product .stuff button:focus {
  background-color: #93d49a !important;
}

.product .stuff .button-rounded {
  border-radius: 45px !important;
}

.product .stuff .button-rounded:hover {
  background-color: #a5dbab !important;
}
*/

.product-page {
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #073992!important;
  
}

.product-page nav {
  background: none;
  box-shadow: none;

}

.img-fluidi {
  max-width: 100%;
  height: 450px!important;
}


.home .search {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.home .search h1{
  padding-top: 200px;
  font-weight: 600;
  font-size: 50px;
}

.home .search p{
  padding-top: 0px;
 padding-bottom: 20px;
 
}

.home nav {
  background: none !important;
  
}

.home nav input{
  background: transparent;
  border: 2px solid white;
}

.home .serch nav {
  border-radius: 45px !important;
}

.home .search nav button i{
 font-size: 15px !important;
}

.home .serch nav .nav-wrapper {
  border-radius: 45px;
}

.home .serch nav .nav-wrapper input {
  border-radius: 45px;
}

.serch .statistics {
  padding-top: 40px;
}


.home .search nav {
  border-radius: 45px !important;
}

.home .search nav .nav-wrapper {
  border-radius: 55px;
}

.home .search nav .nav-wrapper input {
  border-radius: 55px;
}

.search .statistics {
  padding-top: 40px;
}

.footee{
  background-color: #0a0a0a;
  color: white; width:100%;
}

.footee span{
  font-size: 20px;
  font-weight: bold
}

/* Projects area
================================================== */
/* Project filter nav */
.shuffle-btn-group {
  display: inline-block;
  margin: 20px 0 20px;
  width: 100%;
  border-bottom: 3px solid #143d51;
}
.shuffle-btn-group label {
  display: inline-block;
  color: #212121;
  font-size: 17px;
  padding: 6px 10px;
  padding-top: 10px;
  font-weight: 700;
  text-transform: capitalize;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0;
}

.shuffle-btn-group label a{
  display: inline-block;
  color: #212121;
  font-size: 17px!important;
  font-weight: 700;
  text-transform: capitalize;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0;
}

.shuffle-btn-group label a:hover{
  color: #143d51 !important;
  
}

.shuffle-btn-group label.active {
  color: #212121;
  background: #143d51;
}
.shuffle-btn-group label input {
  display: none;
}

/* Project shuffle Item */
.shuffle-item {
  padding: 0;
}
.shuffle-item .project-img-container {
  position: relative;
  overflow: hidden;
}
.shuffle-item .project-img-container img {
  transform: perspective(1px) scale3d(1.1, 1.1, 1);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover img {
  transform: perspective(1px) scale3d(1.15, 1.15, 1);
}
.shuffle-item .project-img-container:after {
  opacity: 0;
  position: absolute;
  content: "";
  top: 0;
  right: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover:after {
  opacity: 1;
}
.shuffle-item .project-img-container .gallery-popup .gallery-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 5px 12px;
  background: #0b35d4;
  color: #fff;
  opacity: 0;
  transform: perspective(1px) scale3d(0, 0, 0);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover .gallery-popup .gallery-icon {
  opacity: 1;
  transform: perspective(1px) scale3d(1, 1, 1);
}
.shuffle-item .project-img-container .project-item-info {
  position: absolute;
  top: 50%;
  margin-top: -10%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 30px;
  z-index: 1;
}
.shuffle-item .project-img-container .project-item-info-content {
  opacity: 0;
  transform: perspective(1px) translate3d(0, 15px, 0);
  transition: all 400ms;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title {
  font-size: 20px;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title a {
  color: #fff;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title a:hover {
  color: #0b35d4;
}
.shuffle-item .project-img-container .project-item-info-content .project-cat {
  background: #0b35d4;
  display: inline-block;
  padding: 2px 8px;
  font-weight: 700;
  color: #000;
  font-size: 10px;
  text-transform: uppercase;
}
.shuffle-item .project-img-container:hover .project-item-info-content {
  opacity: 1;
  transform: perspective(1px) translate3d(0, 0, 0);
}

.general-btn .btn-primary:hover {
  background: #000;
}

#carda .card-body{
  text-align: center; 
    padding: 0.5rem !important; 
    background-color:#0a0a0a; 
    color: grey; border: none!important;}

#carda .card{
  border-radius: 10px !important; 
    border: none!important;
} 
#carda .card-img{
   height:100px !important;
  border-radius: none;
}

.profile .profile-card img {
  max-width: 120px;
}

.profile .profile-card h2 {
  font-size: 24px;
  font-weight: 700;
  color: #2c384e;
  margin: 10px 0 0 0;
}

.profile .profile-card h3 {
  font-size: 18px;
}

.profile .profile-card .social-links a {
  font-size: 20px;
  display: inline-block;
  color: rgba(1, 41, 112, 0.5);
  line-height: 0;
  margin-right: 10px;
  transition: 0.3s;
}

.profile .profile-card .social-links a:hover {
  color: #143d51!important; 
}

.profile .profile-overview .row {
  margin-bottom: 20px;
  font-size: 15px;
}

.profile .profile-overview .card-title {
  color: #012970;
}

.profile .profile-overview .label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit img {
  max-width: 120px;
}

/* Bordered Tabs */
.nav-tabs-bordered {
  border-bottom: 2px solid #ebeef4;
}

.nav-tabs-bordered .nav-link {
  margin-bottom: -2px;
  border: none;
  color: #2c384e;
  font-size: 17px;
  font-weight: 900;
}

.nav-tabs-bordered .nav-link a{
  margin-bottom: -2px;
  border: none;
  color: #2c384e!important;
  font-size: 17px!important;
  font-weight: 900!important;
}

.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
  color:#143d51;
}

.nav-tabs-bordered  a:hover,
.nav-tabs-bordered  a:focus {
  color: #143d51!important;
}

.nav-tabs-bordered .nav-link.active {
  background-color: #fff;
  color:#143d51;
  border-bottom: 2px solid #143d51;
}

  .login span.logspan {
  position: absolute; 
  right:30px; 
  top:215px; 
  font-size: 15px;
 }

.login .authlog {
 background: rgba(0, 0, 0, 0.2); 
 margin: auto; 
 backdrop-filter: blur(5px); 
 box-shadow: 5px 5px 5px 5px inset;
 }


.img-thums {
background-color:#dddddd;
border-radius:10px;
overflow:hidden;
width:70%;
height: 50px!important;
}

 }

@media (min-width: 1200px) {  
h1,
h2,
h3,
h4,
h5,
h6 {
 
  font-family:'Merriweather', 'Helvetica Neue', Arial, 'Open Sans', sans-serif;
  font-weight: 700;
  text-align: left; 
}

h1 {
    font-size: 2.0rem;
}

h2 {
    font-size: 1.5rem; 
}
h3 {
    font-size: 1.3rem; 
}
h4 {
    font-size: 1rem;
}
h5 {
    font-size: 0.90rem; 
}

h6 {
    font-size: 0.80rem; 
}
section h5 {
 font-size: 1rem!important;
   font-weight: 200;
  
}

footer {
  padding: 0px;
 
}

p {
  font-size: 1rem;
}

video{
  margin: 0!important;
  padding: 0!important;
  width: 100%!important;
  height: 270px !important;
   min-width: 100%!important;
}

h3.box1{
   font-size: 20px!important;
   font-weight: 900!important;
   border: 3px solid #073992 !important;
}

.box-title h3 {
  font-size: 25px!important;
  font-weight: 900!important;
  color: #5c768d;
}

.portfolio .explore{
  font-size: 35px!important; 
}

.videonews video {

  margin: 0!important;
  padding: 0!important;
  width: 100%!important;
  height: 500px !important;
   min-width: 100%!important;
}


#footersfoot h6 {
 font-size: 1rem!important;
   font-weight: 500!important;
  color:white;
}

#footersfoot p {
 font-size: 0.80rem!important;
 font-family: 'Open Sans', sans-serif;

}

#footersfoot ul li a{
 font-size: 0.80rem!important;
 font-family: 'Open Sans', sans-serif;

}

#footersfoot .quest span{
 font-size: 0.80rem!important;
 font-family: 'Open Sans', sans-serif;
}

 #contact h6 {
 font-size: 1rem!important;
   font-weight: 200;
  
}

#slid .carousel-item{
  height: 8rem!important;
  background-color: black !important;
}

#slid .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 8rem!important;
  display: flex;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 150px!important;
  left: 15%;
  z-index: 10;
  padding-top: 20px
  padding-bottom: 20px;
  
}

#slid .carousel-caption h2{
 font-weight: 700;
  text-shadow: 1px 1px 15px #000;
 font-size: 2.5rem!important;
 text-align: left;
 color: #fff;
 width: 80%;
 font-family: Merriweather, Helvetica Neue!important;
 
}

#slid .carousel-caption p{
font-weight: 300;
 font-size: 15px;
 text-align: left;
  width: 100%;
  bottom: 8rem;
  z-index: 15;
 
}

  #slid .carousel-control-prev-icon, #slid .carousel-control-next-icon {
  background: none;
  font-size: 20px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

#slid .carousel-control-prev-icon:hover, #slid .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


#slides .carousel-item{
  height: 34rem;
  background-color: black !important;
  border: 0px solid black!important;
}

#slides .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 34rem;
  display: flex;
  }

#slides .carousel-caption h1{
  font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
 font-weight: 600;
 text-shadow: 1px 1px 15px #000;
 font-size: 1.5rem!important;
 text-align: left!important;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 40px 10px 30px 10px;
  margin: 0px!important;
top: 0px!important;
}

#slides .carousel-control-prev-icon, #slides .carousel-control-next-icon {
  background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background:black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

#slides .carousel-control-prev-icon:hover, #slides .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slider .carousel-item{
  height: 20rem;
  background-color: black !important;
  border: 0px black!important;
  border-radius: 5px;
}
#slider .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 34rem;
  display: flex;
  border-radius: 5px;
}

#slider .carousel-caption h1{font-family:'Montserrat', -apple-system, 'Cardo', 'Helvetica Neue', 'Open Sans', Arial!important;
 font-weight: 600;
  text-shadow: 1px 1px 15px #000;
 font-size: 1.5rem!important;
 text-align: left;
  width: 100%;
 background-color: rgba(0, 0, 0, 0.5)!important;
   padding: 5px;

}

#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
  background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slopes .carousel-item{
  height: 29rem;
  background-color: black !important; 
}

#slopes .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 29rem;
  display: flex;
  }

#slopes .carousel-caption h1{
  font-family:'Montserrat'!important;
  font-weight: 600;
  text-shadow: 1px 1px 15px #000;
  font-size: 1.5rem!important;
  text-align: left;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5)!important;
  padding: 5px;

}

#slopes .carousel-control-prev-icon, #slopes .carousel-control-next-icon {
  background: none;
  font-size: 15px;
  line-height: 0;
  width: auto;
  height: auto;
  background:black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

#slopes .carousel-control-prev-icon:hover, #slopes .carousel-control-next-icon:hover {
 background: black;
  color: white;
}

#slido .carousel-item{
  height: 34rem;
  background-color: black !important;
}

#slido .carousel-item img {
  position: absolute;
  top: 0px;
  min-width: 100%;
  height: 34rem;
  display: flex;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 150px!important;
  left: 15%;
  z-index: 10;
  padding-top: 20px
  padding-bottom: 20px;
  
}

#slido .carousel-caption h2{
 font-weight: 700;
  text-shadow: 1px 1px 15px #000;
 font-size: 2.5rem!important;
 text-align: left;
 color: #fff;
 width: 80%;
 font-family: Merriweather, Helvetica Neue!important;
 
}

#slido .carousel-caption p{
font-weight: 300;
 font-size: 15px;
 text-align: left;
  width: 100%;
  bottom: 8rem;
  z-index: 15;
 
}

  #slido .carousel-control-prev-icon, #slido .carousel-control-next-icon {
  background: none;
  font-size: 20px;
  line-height: 0;
  width: auto;
  height: auto;
  background: black;
  border-radius: 50px;
  transition: 0.3s;
  color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

#slido .carousel-control-prev-icon:hover, #slido .carousel-control-next-icon:hover {
 background: black;
  color: white;
}


.alert-success1{
  background-color:#073992 !important;
  border: 1px solid #073992;
  align-items: left;
  border-radius: 5px;
  margin-left: 15px;

}

.alert-success{
  background-color:#073992 !important;
  border: 1px solid #073992 !important;
  align-items: left;
  border-radius: 5px;
  margin-right: 0px;

}

.card h4{
   font-weight: 200;
    font-size: 1rem!important;
}
.card h2{
   font-weight: 200;
    font-size: 1rem!important;
}

.card h5{
   font-weight: 200;
    font-size: 1rem!important;
}

.card h3{
   font-weight: 200;
    font-size: 1rem!important;
}

button:focus {
  outline: none!important;
  outline:none!important;
}

#topes .breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 0.1rem!important;
  margin-bottom: 1rem!important;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;

}

#topes .breadcrumb .breadcrumb-item a{

  font-size: 13px;
  }

#topes .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

#topes .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem!important;
  color: #6c757d;
  content: "/";
  font-weight: bold;
}

#topes .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

#topes .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

#topes .breadcrumb-item.active {
  color: #6c757d;
}

/*.product .divider {
  width: 60px !important;
  height: 10px;
  background-color: #494551;
}

.product .stuff button:focus {
  background-color: #93d49a !important;
}

.product .stuff .button-rounded {
  border-radius: 45px !important;
}

.product .stuff .button-rounded:hover {
  background-color: #a5dbab !important;
}
*/

.product-page {
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #073992!important;
  
}

.product-page nav {
  background: none;
  box-shadow: none;

}

.img-fluidi {
  max-width: 100%;
  height: 450px!important;
}


.home .search {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.home .search h1{
  padding-top: 200px;
  font-weight: 600;
  font-size: 50px;
}

.home .search p{
  padding-top: 0px;
 padding-bottom: 20px;
 
}

.home nav {
  background: none !important;
  
}

.home nav input{
  background: transparent;
  border: 2px solid white;
}

.home .serch nav {
  border-radius: 45px !important;
}

.home .search nav button i{
 font-size: 15px !important;
}

.home .serch nav .nav-wrapper {
  border-radius: 45px;
}

.home .serch nav .nav-wrapper input {
  border-radius: 45px;
}

.serch .statistics {
  padding-top: 40px;
}


.home .search nav {
  border-radius: 45px !important;
}

.home .search nav .nav-wrapper {
  border-radius: 55px;
}

.home .search nav .nav-wrapper input {
  border-radius: 55px;
}

.search .statistics {
  padding-top: 40px;
}

.footee{
  background-color: #0a0a0a;
  color: white; width:100%;
}

.footee span{
  font-size: 20px;
  font-weight: bold
}

/* Projects area
================================================== */
/* Project filter nav */
.shuffle-btn-group {
  display: inline-block;
  margin: 20px 0 20px;
  width: 100%;
  border-bottom: 3px solid #143d51;
}
.shuffle-btn-group label {
  display: inline-block;
  color: #212121;
  font-size: 18px;
  padding: 6px 15px;
  padding-top: 10px;
  font-weight: 700;
  text-transform: capitalize;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0;
}

  .shuffle-btn-group label a{
  display: inline-block;
  color: #212121;
  font-size: 18px!important;
  font-weight: 700;
  text-transform: capitalize;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0;
}

.shuffle-btn-group label a:hover{
  color: #143d51 !important;
}

.shuffle-btn-group label.active {
  color: #212121;
  background: #143d51;
}
.shuffle-btn-group label input {
  display: none;
}

/* Project shuffle Item */
.shuffle-item {
  padding: 0;
}
.shuffle-item .project-img-container {
  position: relative;
  overflow: hidden;
}
.shuffle-item .project-img-container img {
  transform: perspective(1px) scale3d(1.1, 1.1, 1);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover img {
  transform: perspective(1px) scale3d(1.15, 1.15, 1);
}
.shuffle-item .project-img-container:after {
  opacity: 0;
  position: absolute;
  content: "";
  top: 0;
  right: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover:after {
  opacity: 1;
}
.shuffle-item .project-img-container .gallery-popup .gallery-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 5px 12px;
  background: #0b35d4;
  color: #fff;
  opacity: 0;
  transform: perspective(1px) scale3d(0, 0, 0);
  transition: all 400ms;
}
.shuffle-item .project-img-container:hover .gallery-popup .gallery-icon {
  opacity: 1;
  transform: perspective(1px) scale3d(1, 1, 1);
}
.shuffle-item .project-img-container .project-item-info {
  position: absolute;
  top: 50%;
  margin-top: -10%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 30px;
  z-index: 1;
}
.shuffle-item .project-img-container .project-item-info-content {
  opacity: 0;
  transform: perspective(1px) translate3d(0, 15px, 0);
  transition: all 400ms;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title {
  font-size: 20px;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title a {
  color: #fff;
}
.shuffle-item .project-img-container .project-item-info-content .project-item-title a:hover {
  color: #0b35d4;
}
.shuffle-item .project-img-container .project-item-info-content .project-cat {
  background: #0b35d4;
  display: inline-block;
  padding: 2px 8px;
  font-weight: 700;
  color: #000;
  font-size: 10px;
  text-transform: uppercase;
}
.shuffle-item .project-img-container:hover .project-item-info-content {
  opacity: 1;
  transform: perspective(1px) translate3d(0, 0, 0);
}

.general-btn .btn-primary:hover {
  background: #000;
}

#carda .card-body{
  text-align: center; 
    padding: 0.5rem !important; 
    background-color:#0a0a0a; 
    color: grey; border: none!important;}

#carda .card{
  border-radius: 10px !important; 
    border: none!important;
} 

#carda .card-img{
   height:100px !important;
  border-radius: none;
}

/*--------------------------------------------------------------
# Profie Page
--------------------------------------------------------------*/
.profile .profile-card img {
  max-width: 120px;
}

.profile .profile-card h2 {
  font-size: 24px;
  font-weight: 700;
  color: #2c384e;
  margin: 10px 0 0 0;
}

.profile .profile-card h3 {
  font-size: 18px;
}

.profile .profile-card .social-links a {
  font-size: 20px;
  display: inline-block;
  color: rgba(1, 41, 112, 0.5);
  line-height: 0;
  margin-right: 10px;
  transition: 0.3s;
}

.profile .profile-card .social-links a:hover {
  color: #143d51!important; 
}

.profile .profile-overview .row {
  margin-bottom: 20px;
  font-size: 15px;
}

.profile .profile-overview .card-title {
  color: #012970;
}

.profile .profile-overview .label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit label {
  font-weight: 600;
  color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit img {
  max-width: 120px;
}

/* Bordered Tabs */
.nav-tabs-bordered {
  border-bottom: 2px solid #ebeef4;
}

.nav-tabs-bordered .nav-link {
  margin-bottom: -2px;
  border: none;
  color: #2c384e;
  font-size: 18px;
  font-weight: 900;
}

.nav-tabs-bordered .nav-link a{
  margin-bottom: -2px;
  border: none;
  color: #2c384e!important;
  font-size: 18px!important;
  font-weight: 900!important;
}

.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
  color:#143d51!important; 
}

.nav-tabs-bordered  a:hover,
.nav-tabs-bordered  a:focus {
  color: #143d51!important;
}

.nav-tabs-bordered .nav-link.active {
  background-color: #fff;
  color:#143d51;
  border-bottom: 2px solid #143d51;
}

 .login span.logspan {
  position: absolute; 
  right:30px; 
  top:215px; 
  font-size: 15px;
 }


 .login .authlog {
 background: rgba(0, 0, 0, 0.2); 
 margin: auto; 
 backdrop-filter: blur(5px); 
 box-shadow: 5px 5px 5px 5px inset;
 }


.img-thums {
background-color:#dddddd;
border-radius:10px;
overflow:hidden;
width:70%;
height: 50px!important;
}

 }

  input:required{
  border-right: 5px solid gray;
 }

 input:optional{
  border-right: 5px solid gray;
 }

 input:invalid{
  border-left: 5px solid red;
 }

 input:focus:valid{
  border-left: 5px solid green;
 }

 input:focus{
  border: 2px solid #143d51!important;
 }

 textarea:focus{
  border: 2px solid #143d51!important;
 }

 .nowrap input:required{
  border-right: 0!important;
 }

 .nowrap input:invalid{
  border-left: 0!important;
 }

 .no-gutters input:required{
  border-right: 0!important;
 }

 .no-gutters input:invalid{
  border-left: 0!important;
 }

 h3.box1{
  font-family: 'Merriweather', 'Helvetica Neue'!important;
 }