@font-face{
  font-weight: normal;
  font-style: normal;
  font-family: 'Ionicons';
  src:url('../fonts/ionicons.woff');
}
@font-face{
  font-weight: normal;
  font-style: normal;
  font-family: 'Montserrat-Regular';
  src:url('../fonts/Montserrat-Regular.ttf');
}
@font-face{
  font-weight: normal;
  font-style: normal;
  font-family: 'Glyphicons';
  src:url('../fonts/glyphicons-halflings-regular.woff2');
}
/* icons */
.glyph{
  font-family: 'Glyphicons';
  font-style: normal;
  margin-right: 8px;
  vertical-align: bottom;
}
[class^="icon"]{
  font-family: 'Ionicons' !important;
  speak: none;
  text-align: center !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 27px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  margin: 0 10px;
}
.twitter.icon:before {
    content: '\f243';
}
.facebook.icon:before {
    content: '\f231';
}
.linkedin.icon:before {
    content: '\f239';
}
.socialnetworks a {
  display: inline-block;
  height: auto;
}
.socialnetworks a > i{
  color:#fff;
  transition: 0.5s;
}
.socialnetworks a:hover > i{
  color:#4193f7;
  transition: 0.5s;
}
/* end of icons */
*{
  font-family: 'Montserrat-Regular';
}
#scrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}
#scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(25, 25, 25, 1.0);
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
}
a:hover{
  text-decoration: none;
}
.logo{
  width: 300px;
  height: 80px;
  background: gray;
  text-align: center;
  color: #fff;
}
.logo span{
  display: inline-block;
  height: 100%;
  font-size: 38px;
  padding-top: 10px;
}
.v-c{
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    background: gray;
    position: relative;
}
.overlay{
  top: -150px;
  position: absolute;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
  background: #295795a6;
  background: #063060a6;
  background: #4193f7a6;
}
.overlay-bot{
  position: absolute;
  height: 120vh;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
  background: #295795a6;
  background: #063060a6;
  background: #4193f7a6;
}
.v-c video{
  margin-top: -180px;
  width: 100%;
  position: absolute;
  height: 900px;
  object-fit: cover;
}
.hero{
  position: relative;
  padding-top:15rem;
  padding-bottom: 2rem;
  text-align: center;
  z-index: 2;
  text-shadow: 2px 1px #000;
}
.hero p{
  margin:20px auto;
  max-width: 100%;
  color: #fff;
  font-size: 27px;
  font-weight: 500;
}
.o-c{
  max-width: 78rem;
}
.banner-title{
  position: relative;
  top:80px;
  margin-left: 17%;
  padding-top: 50px;
  font-size: 42px;
  line-height: 60px;
  height: 60px;
  color:#fff;
  font-weight: 700;
  text-shadow: 2px 1px #000;
  z-index: 2;
}
.banner-title span{
  display: inline-block;
  background: #4193f7;
  height: 3px;
  width: 80px;
  position: relative;
  right: 175px;
  top: 11px;
}
.aboutus-title{
  text-align: center;
  height: 80px;
}
.aboutus-title span{
  text-align: center;
  display: inline-block;
  background: #4193f7;
  height: 3px;
  width: 80px;
  position: relative;
  right: 175px;
  top: 11px;
}
.header{
  background: lightgray;
  height: 270px;
  max-height: 808px;
}
.header>img{
  margin-top: -205px;
  width: 100%;
  position: fixed;
  top: -20px;
  min-height: 800px;
  object-fit: cover;
}
.industriesandapp{
  width:100%;
  min-height:unset;
  margin-top:0;
  top:-265px!important;
  filter:brightness(0.8);
}
.contact-map{
    position:relative;
}
.contact-content{
  position: relative;
  background: #fff;
}
.navbar{
  filter: drop-shadow(2px 4px 6px black);
  background: #00000080;
  z-index: 9999;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-left:0;
    padding-right:0;
}
/*
.navbar.sticky-top{
  filter: drop-shadow(2px 4px 6px black);
  background-color: #ffff015e;

}
.navbar.sticky-top .navbar-brand{
  color:#000;
}
.navbar.sticky-top>div>div>ul>li>a,.navbar.sticky-top>div>a{
  color:#000;
}
*/
.navbar-brand{
  margin-left: 10px;
  cursor: default;
  font-size: 1rem;
}
.nav-logo{
  background: transparent;
  width:90px;
  height:70px;
}
.nav-logo img{
  width: 90px;
  height:70px;
  object-fit: contain;
}
.navbar.sticky-top>div>a.nav-logo>img.fix-logo{
  display: block;
}
.navbar.sticky-top>div>a.nav-logo>img.stick-logo{
  display: none;
}
.fix-logo{
  display: block;
}
.stick-logo{
  display: none;
}
.nav-item{
  margin:0 10px;
}
.nav-link{
  color:#fff;
  font-size: 16px;
  font-weight: 600;
  transition: 0.5s;
}
.nav-link:hover{
  color: #000!important;
  transition: 0.5s;
}
.navbar-brand{
  color:#fff;
}
.products{
  padding-top: 40px;
  position: relative;
  z-index: 1;
  background:#fff;
}
p.link{
    font-weight:600;
}
.p-card{
  display: flex;
  position: relative;
  flex-basis: 0;
  flex-direction: row-reverse;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: solid #e6e6e6;
  border-width: 1px 1px 0;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0 4px 4px 0 rgb(0 0 0 / 16%);
  overflow: hidden;
  min-height: 227px;
}
.p-card-image{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5rem;
  border-bottom: 4px solid #4193f7;
  width:228px;
  height: auto;
}
.p-card-body{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.5rem;
  border-bottom: 4px solid #4193f7;
}
.p-card-body span{
  font-size: 13px;
}
.p-card-body h3{
  font-size: 20px;
  min-height: 48px;
}
.p-card-body p{
  font-size: 14px;
  min-height: 62px;
}
.image{
  background: gray;
  width:90px;
  height:90px;
}
.image img{
  object-fit: cover;
}
.carousel-item img{
  max-height: 685px;
}
.slogan{
  text-align: left;
  height: 850px;
  z-index: 4;
  position: relative;
}
.slogan-pic{
  background-image: url('../dist/bbb.jpg');

  object-fit: cover;
  background-repeat: round;
  width: 97.7%;
  position: absolute;
  z-index: -1;
  filter: grayscale(1);
}
.slogan-caption{
  position: absolute;
  top: 222px;
  margin-left: 30%;
  font-size: 82px;
  font-weight: 800;
  color: #fff;
  max-width: 100%;
}
.slogan-caption p{
  margin-bottom: 0;
  line-height: 1.2;
  max-width: 100%;
}
.slogan-caption span{
  color:#063060;
}
.vid-container{
  width: 100%;
  height: 100%;

}
.map-sec{
  position: relative;
  z-index: 5;
}
.map{
  position: absolute;
  width: 100%;
  height:600px;
  background-position: right;
  z-index: -1;
}
.map video{
  width: 100%;
  object-fit: cover;
  height: 105%;
}
.map-cap{
  height: 400px;
  padding-top:110px;
  margin-top: 220px;
  margin-bottom: 0;
  color:#fff;
  text-align: center;
  font-size: 34px;
}
.contact{
  bottom: 0;
  position: relative;
  height:100%;
  font-size: 16px;
}
.contact>.container{
  margin-bottom: 50px;
}
.contact-image{
  padding-top: 40px;
}
.contact-image img{
  height: 80px;
  bottom: 0;
  filter: invert();
}
.contact-caption{
  color: #fff;
}
.contact-caption h3{
  font-size: 35px;
  margin-top: 10px;
}
.contact-caption p{
  font-size: 25px;
  margin-top: 10px;
}
.contact-btn{
  display: block;
  width: 150px;
  height: 40px;
  background: #000;
  margin:0 auto;
  padding: 7px;
  color: #fff;
  transition: 0.5s;
  text-align: center;
}
.contact-btn:hover{
  color:lightgray;
  transition: 0.5s;
}
.q-img{
  width: 90px;
  height:90px;
  background: transparent;
  display: block;
  margin:0 auto;
  margin-bottom: 20px;
}
.top-nav{
  filter: drop-shadow(2px 4px 6px black);
  background: #00000080;
  z-index: 9999;
  position: relative;
  color: #fff;
}
.seprator{
  display: block;
  position: relative;
  width: 100%;
  height:135px;
  background: #295795;
  text-align: center;
  font-size: 24px;
  color: #fff;
  padding: 40px;
  z-index: 4;
  border-top:2px solid #fff;
  border-bottom: 2px solid #000;
}
.seprator-alt{
  display: block;
  position: relative;
  width: 100%;
  height:135px;
  background: #fff;
  text-align: center;
  font-size: 24px;
  color: #000;
  padding: 40px;
  z-index: 4;
  border-top:2px solid #fff;
}
.products{
  border-bottom: 2px solid #000;
  padding-bottom: 1.5rem;
}
.products-title{
  font-size: 36px;
  line-height: 32px;
  height: 60px;
}
.products-title>span{
  display: inline-block;
  height: 2px;
  margin: 0 0 0 10px;
  width: 48px;
  background: #4193f7;
}
.about{
  border-bottom: 2px solid #000;
  padding-bottom: 1.5rem;
  padding-top: 40px;
  position: relative;
  z-index: 1;
  background:#fff;
}
.about-title{
  font-size: 36px;
  line-height: 32px;
  height: 60px;
}
.about-title>span{
  display: inline-block;
  height: 2px;
  margin: 0 0 0 10px;
  width: 48px;
  background: #4193f7;
}
.ourteam{
  padding: 40px 0;
  position:relative;
  background: #fff;
}
.team-member{
  background: #fff;
  overflow: hidden;
  margin-bottom: 20px;
}
.team-member img{
  display: inline-block;
  object-fit: cover;
}
.team-member h4{
  margin:30px 0 16px 15px;
}
.team-member p{
  padding-left:15px;
}
.usa{
  width: 500px;
  margin:20px auto;
}
#usflag{
  width: 100%;
  height:100%;
  position: relative;
}
a{
  color:#000;
  transition: 0.5s;
}
a:hover{
  color:#4193f7;
  transition: 0.5s;
}
.qualification{
  background: #fff;
  color:#000;
  position: relative;
  z-index: 4;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.products-cat{
  margin-bottom:30px;
}
.products-cat h3{

}
.products-cat span{
  display: inline-block;
  background: #4193f7;
  height: 3px;
  width: 80px;
  position: relative;
  top: -20px;
}
.industiralapplication{
  background: #fff url('../dist/svg/LOGO-peritum.svg') no-repeat center center fixed;
  -webkit-background-size: 500px;
  -moz-background-size: 500px;
  -o-background-size: 500px;
  background-size: 500px;
  height: 650px;
  position: relative;
  z-index: 5;
}
.info-container{
 border: 2px solid #4193f7;
}
.products-section{
  background: #fff url('../dist/svg/LOGO-peritum.svg') no-repeat center center fixed;
  -webkit-background-size: 500px;
  -moz-background-size: 500px;
  -o-background-size: 500px;
  background-size: 500px;
  position: relative;
  z-index: 5;
}
.products-section a{
  display: inline-block;
  margin-top:20px;
  padding-bottom: 50px;
  margin-bottom: 20px;
}
.products-wrap{
  text-align: center;
}
.products-wrap span{
  margin-right:10px;
}
.products-wrap a:hover>span{
  margin-right:0;
  transition: 0.5s;
}
.f-wrapper{
  background:#295795;
  background-position: 0 -120px;
  border-top: 2px solid #fff;
  position: relative;
  z-index: 999;
}
.contact>div>div>div{
  max-height: 350px;
}
footer{
  margin-bottom: 0;
  height: 100%;
}
footer .container{
  border-top: 1px solid rgba(255,255,255,0.24);
}
.footer-links{
  text-align: center;
  font-size: 13px;
}
.footer-links a{
  color:#fff;
  transition: 0.5s;
  border-right: 1px solid lightgray;
  padding-right: 15px;
}
.nb{
  border-right: none!important;
}
.footer-links a:hover{
  color:#4193f7;
  transition: 0.5s;
}
.footer-about{
  padding-top:100px;
  color:#fff;
}
.footer-getintouch{
  padding-top:100px;
  color:#fff;
}
.footer-getintouch p{
  margin:0;
  text-align: left;
}
@media(max-width:1200px){
  .navbar-brand{
    display: none;
  }
.header>img{
  top:0;
}
}
@media(max-width:991px){
  .seprator{
    height: auto;
    min-height: 100%;
  }
  .nav-logo{
    margin-left: 30px;
  }
  .aboutus-caption{
    padding-top: 30px;
  }

}
@media(max-width:768px){
    .map-cap{
        height:auto;
        margin-top:20px;
    }
    .banner-title{
        padding-top:0;
    }
}
@media(max-width:426px){
  .slogan-caption{
    margin-left: 0;
  }
  .hero{
    padding-top:0;
  }
  .v-c video{
    margin-top:-345px;
  }
  .map{
    height:700px;
  }
  .map-cap{
    padding-top:0;
  }
  .header>img{
    margin-top:0!important;
    top:0;
  }
  .banner-title{
    margin-left: 5%;
  }
  p.d-inline-block.mx-2{
    font-size: 13px;
  }
}
}