@import url(https://fonts.googleapis.com/css?family=Spinnaker);
@import url('https://fonts.googleapis.com/css?family=Baloo+Chettan');
@import url('https://fonts.googleapis.com/css?family=Jura');





/*---------------------------- menu style-------------------------------*/
html {
  scroll-behavior: smooth;
}
body {
    padding-top: 0;
}
.navbar {
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    border: none !important;
    min-height: 0 !important;
 }
 .links li a:hover {
  color: #008544 !important;
}
 
 .active {
  background: #050B1B;
 }

 /* Start Toggle */
 
 .toggle {
    width: 40px;
    padding: 7px;
    border-radius: 10px;
    margin: 30px 0;
    cursor: pointer;
    display: none;
 }
 
 .toggle span {
    width: 100%;
    height: 4px;
    background-color: #050b1b;
    display: block;
    margin-bottom: 3px;
 }

 .navbar .container .links ul {
    text-align: center;
 }
 
 .navbar .container .links ul li {
    display: inline-block;
    padding: 10px;
 }
 
 .navbar .container .links ul li a {
    color: #333333;
    font-size: 18px;
    padding: 15px;
    font-family: 'Jura', sans-serif;
    font-weight: 700;
    text-decoration: none;
 }

@media(max-width:768px) {
    .toggle {
       display: block;
       margin: auto;
    }
    .links {
       display: none;
    }
    .links ul {
      padding-left: 0;
    }
    .navbar .container .links ul li {
       display: block;
       text-align: center;
       padding: 10px;
    }
    .navbar .container .links ul {
       float: none;
    }
}

/*---------------------------- menu style-------------------------------*/


/*----------------------------carousel--------------------------*/

header .item {
  height: 100vh;
  position: relative;
}
header .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
}
header .item .cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
}
header .item .cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
header .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}
header .item .cover .header-content .pronet_logo img {
  width: 350px;
  background: #fff;
  padding: 20px;
  border-radius: 10%;
}
header .item .cover .header-content .SmartPRO {
  width: 360px;
  background: #050B1B;
  padding: 30px 60px;
  border-radius: 10%;
}
.onemore {
  padding: 13px 60px !important;
  text-align: center; !important;
  font-size: 22px !important  ;
}

header .item .cover .header-content h4 {
  font-size: 27px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}

header .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
header .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
header .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
header .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
header .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
}
header .owl-nav .owl-prev:focus {
  outline: 0;
}
header .owl-nav .owl-prev:hover {
  background: #000 !important;
}
header .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
header .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
}
header .owl-nav .owl-next:focus {
  outline: 0;
}
header .owl-nav .owl-next:hover {
  background: #000 !important;
}
header:hover .owl-prev {
  left: 0px;
  opacity: 1;
}
header:hover .owl-next {
  right: 0px;
  opacity: 1;
}
.owl-theme .owl-nav {
  margin-top: 0px;
}
.header-content h5 {
    font-size: 17px;
    color: #fff;
    margin-left: 40px;
}

@media only screen and (max-width: 768px) {
header {
    position: static;
}
header .item .cover .header-content h2 img {
    width: 280px !important;
    padding: 16px !important;
}
header .item .cover .header-content {
  padding: 35px;
}
header .item .cover .header-content h4 {
  font-size: 24px;
}
.header-content h5 {
    margin-left:0;
}
}

/*----------------------------carousel--------------------------*/

/*----------------------------About--------------------------*/

.about {
  padding: 90px 0 50px 0;
}
.about .linestyle {
  margin-top: 0;
}
.about .Head {
  margin-top: 15px;
}
.Head {
  color: #164392;
}
.about .aboutmain {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  color: #616060;
  font-size: 15px;
}
.about h4 {
  font-size: 20px;
  font-weight: 600;
  color: #178e52;
}
.about .aboutvm {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  color: #616060;
  clear: both;
}
.about hr {
  width: 10%;
  float: left;
  margin-top: 0;
  border-top: 3px solid #178e52;
}
.logoicon {
  width: 60%;
}

@media only screen and (max-width: 768px) {
.about .Head {
  margin-bottom: 12px;
}
.about img {
  width: 75px;
  margin-bottom: 20px;
}
.about {
    padding: 25px 0 50px 0;
}
}

/*----------------------------About--------------------------*/



/*---------------------------- Footer style-------------------------------*/
.enquiry {
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  line-height: 16px;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #008341;
  padding: 20px 40px 20px 40px;
}
.enquiry:hover {
  text-decoration: none;
}

.upperfooter {
  background: #1B1B1B;
  padding: 70px 0px;
}
.lowerfooter {
  text-align: center;
  color: #e0dede;
  background: #161616;
  padding: 30px 0;
}
footer h1 {
  color: #fff;
  font-size: 50px;
  margin-top: 0;
}
.socialicons a {
  padding: 15px 20px;
  border: 2px solid #008341;
  color: #fff;
  border-radius: 50%;
  margin: 0 15px;
}
.fa-phone, .fa-envelope {
  font-weight: 900;
  margin: 0 15px;
}
.fab {
    font-size: 20px;
}
/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #008341;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.fluid-container p {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
 .lowerfooter {
  padding: 8px 0;
 }
 .mobmg {
    margin-bottom: 35px;
 }
 .lowerfooter h4 {
    font-size: 23px;
 }
 .fluid-container .lowerfooter p {
    font-size: 16px;
    padding: 15px;
}
.fluid-container .upperfooter .cma {
    font-size: 17px;
}
.fluid-container .upperfooter .cno {
    font-size: 20px;
}
.fluid-container .upperfooter {
  padding: 40px 0;
}
footer .upperfooter h1 {
    font-size: 40px;
}
.fa-phone {
  margin: 0 5px;
}
}

/*---------------------------- Footer style-------------------------------*/




/*---------------------------- Home Service section-------------------------------*/

.sheader {
  text-align: center;
}
.sheader img {
width: 40px;
height: 40px;
}
.stitle h4 {
padding: 2px 10px;
font-size: 21px;
color: #2956A6;
font-family: 'Montserrat', sans-serif;
}
.scontent {
clear: both;
text-align: justify;
}
.scontent p {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  color: #5a5959;
}
.sibox {
  border: 2px solid #d4d3d3;
  border-radius: 6px;
  padding: 20px;
  height: 400px;
}
.rowmg {
  margin-bottom: 50px;
}
.sibox:hover {
  border: 2px solid #425fca;
}

@media only screen and (max-width: 768px) {
    .sibox1 {
    height: 320px;
  }
  .sibox2 {
    height: 320px;
  }
  .sibox3 {
    height: 360px;
  }
  .sibox4 {
    height: 330px;
  }
  .sibox5 {
    height: 450px
  }
  .sibox6 {
    height: 400px;
  }
  .sibox7 {
    height: 470px;
  }
  .sibox8 {
    height: 360px;
  }
  .services .sibox {
    margin-bottom: 20px;
  }
  .services .rowmg {
    margin-bottom: 0;
  }
  .services {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
       .sibox {
           height:470px;
       }
}

/*---------------------------- Home Service section-------------------------------*/





/*---------------------------- Home Projects section-------------------------------*/

.slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: hand
}
.Head {
  font-family: "AvantGarde Bold", Sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 40px;
}
.linestyle {
  border-top: 3px solid #008544;
  width: 50px;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.img-fill {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}

.img-fill img {
  height: 100%;
  min-width: 100%;
  position: relative;
  display: inline-block;
  max-width: none
}
/* Slider Theme Style */

.container {
  padding: 0 15px;
}

.container:after,
.container .Head:after {
  content: '';
  display: block;
  clear: both;
}

.container .Head .Arrows {
  float: right;
}

.container .Head .Slick-Next,
.container .Head .Slick-Prev {
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-top: 6px;
  background: #2b2b2b;
  color: #FFF;
  margin-left: 5px;
  cursor: pointer;
  font: 18px/36px FontAwesome;
  text-align: center;
  transition: all 0.5s;
}

.container .Head .Slick-Next:hover,
.container .Head .Slick-Prev:hover {
  background: #33687a;
}

.container .Head .Slick-Next:before {
  content: '\f105'
}

.container .Head .Slick-Prev:before {
  content: '\f104'
}

.SlickCarousel {
  margin: 0 -7.5px;
  margin-top: 10px;
}

.ProductBlock {
  padding: 0 7.5px;
}

.ProductBlock .img-fill {
  height: 200px;
}

.ProductBlock h3 {
  font: 15px/36px 'Raleway', sans-serif;
  font-weight: 600;
  color: #393939;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}
.projsliders {
  margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
.ProductBlock h3 {
  font: 23px/36px 'Raleway', sans-serif;
  color: #232323;
}
.projsliders .linestyle {
  margin: 0 10px;
}
.projsliders .Head {
  padding: 0 10px;
}
}

/*---------------------------- Home Projects section-------------------------------*/