/* CSS Document */

body {
    background-color: #fff;
    color:#282f36cf;
    font-size: 16px;
    line-height: 1.8em;
    margin: 0;
    /*font-family: 'Roboto';*/
	font-family: 'Poppins';
}
.parallax {
padding:60px 0;
float:left;
width:100%;
    background-image:url(../images/image.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cont-home
{
color:#FFFFFF;
letter-spacing:1px;
font-size:24px;
}
.fa-long-arrow-right
{
	margin-left:15px;
}
#service .img-circle
{
	border-radius:50%;
}
.list-group .list-group-item
{
	border:none;
}
.contact-title
{
color:#FF9800;
	/*<!--    color: #9c9938;-->*/
    letter-spacing: 1px;
    font-size: 18px;
	padding:20px;
}
/*--page title--*/
.section-title {
  border-bottom-width: 0px;
 margin-bottom:15px;
  position: relative;
}
.btn-default
{
	background-color:#152b38!important;
	color:#FFFFFF;
}
.pdbtm
{
	padding-bottom:0!important;
}
.pd30
{
	padding-top:30px!important;
}
.btn-default a
{
color:#FFFFFF!important;
}
.border-color
 {
     border-color: #152b38!important;
 }
 
.section-title h2{
	text-transform:uppercase;
	text-align:center;
	font-size: 35px;	
    font-weight: normal;
    margin: 0 0 12px;
    padding: 14px 0;
}
.btn-5 {
    border: 1px solid #fdc607;
    letter-spacing: 1px;
    font-size: 24px;
	border-radius:none!important;
    background: #152b38;
    color: #FFFFFF!important;
    margin: 35px 0;
   /* box-shadow: 0 -3px 10px 0 rgb(186, 212, 78), 0 4px 10px 0 rgb(186, 218, 54);*/
       box-shadow: 0 -3px 10px 0 #FFEB3B, 0 4px 10px 0 #FFEB3B;
	padding:15px!important;
    outline: 1px solid;
    outline-color: rgba(255, 255, 255, 0.5);
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}

.ct
{
	letter-spacing: 2px;
    color: #152b38;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.section-title.text-left h2,
.section-title.text-left h1{
 text-align:left;
}
.section-title h1:before ,
.section-title h2:before {
    background-color: #bfbc5b;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  right:0;
  margin:-2px auto;
  position: absolute;
  width: 40px;
}
.section-title h2{
	font-size:25px;
}
.section-title.text-left h2{
	text-align:left;
}
.section-title.text-left h1:before ,
.section-title.text-left h2:before{
    left: 0;
    margin-left: 0;
}

/*--page title end--*/
.main-header {
    box-shadow: 0px 2px 15px #152b38;
    float: left;
    width: 100%;
    border-top: 5px solid #152b38;
    padding: 10px 0;
    background-color: rgba(255, 193, 7, 0.66);
  /*  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)!important;

    float: left;
    width: 100%;
	padding:10px 0;
	background-color:#bfbc5b;*/
	}
.main-logo
{
width:100%;
margin:10px 0;
}	
.slider
{
width:100%;
float:left;
}
.carousel-caption
{
/*	background: rgba(0, 0, 0, 0.4);
*/	 
    bottom: 35%;
  
}
.carousel-caption h5
{
    text-shadow: 0 0 8px #ef9705;
font-weight:600;
	font-size:54px;
	letter-spacing:2px;
}
/*.carousel-caption
{
right:25%;
left:25%;
background: rgba(0, 0, 0, 0.4);
bottom: 35%;
}
.carousel-caption h5
 {
 letter-spacing:0.5px;
    font-weight: 600;
    font-size: 2.50rem;
 }
 .carousel-caption p
 {
     font-size: 1.5rem;
 letter-spacing:0.5px;
 }
*/ .bggreen
 {

 }
 .i-9x i, i.i-9x {
 color:#152b38;
 box-shadow: inset 0 0 10px #FF9800;
    /*color: #bbb607;*/
	     /*  box-shadow: inset 0 0 10px #bfbc5b;*/
	}
	 .i-9x i, i.i-9x:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
	}
	.btn-default:hover
	{
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
	}
 .page-section
 {
 float:left;
 width:100%;
 padding:40px 0;
  }
  .font-title
  {
      font-size: 20px;
  }
  .page-section .fa-cog
  {
  font-size:30px;
  margin-right:10px;
  }

	.page-section .fa-filter  
   {
  font-size:30px;
  margin-right:10px;
  }
  .pro-slider .carousel-item
  {
  /*margin-left:20px;*/
  }
   .pro-slider .card
   {
   margin-bottom:1.2rem;
   }
    .pro-slider .controls-top
	{
	float:right;
	}
  .wel-title
  
  {
  font-size:2rem;
 
  }
  .p-pad
  {
  padding:0 40px; 
  }
  .read-btn
  {
  border-radius:inherit;
  background-color:#152b38;
 /* background-color:#1d83bd;*/
  padding:10px 15px!important;
  color:#FFFFFF;
  letter-spacing:1.5px;
  }
  .service-sec
  {
  float:left;
  width:100%;
 /* background:#d2e098;*/
     background-image: linear-gradient(120deg, #f6d365c4 0%, #ffcd5b 100%);
/* background:#ffd65b2b;*/
  padding:40px 0;
   }
   .ser-img:hover
   {
     border: 4px solid #ef9108;
	 box-shadow: 0 0 15px rgb(239, 145, 8);
   }
   
   #clients img
   {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #ccc;
   	margin-top:15px;
	width:100%;
	height:190px;
   }
      #spray img
   {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #ccc;
   	margin-top:15px;
	width:100%;
	height:300px;
   }
   .psec
   {
       padding: 0 0 40px;
	   float:left;
	   width:100%;
   }
   .item-box.icons-color:hover i
   {
       color: #a5a02e!important;
   cursor:default!important;
   }
   .services .title:hover
   {
   cursor:default!important;
   }
   .pro-title
   {
   color:#eab001;
  /*color: #827e1a;*/
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 20px;
	font-weight:600;
   }
   .services .title
   {
   	margin-bottom:10px;
	margin-top:10px;
   }
   .ser
   {
       border-top: 4px #ef9108 solid;
   /*border-top:5px #28a745 solid;*/
   background:#fffefc;
   text-align:center;
   box-shadow:0 0 10px rgba(0,0,0,0.6)
   }
   .ser:hover
   {
   }
   .ser-btm
   {
   padding:10px!important;
   width:100%;
  border-top: 2px #fbe917 solid;
    border-bottom: 1px #bda21d solid;
   }
   .ser-btm-p
   {
   }
   .ser-title
   {
       color: #096b1f;
   font-size:20px;
   margin:10px;
   }
   .mail
   {
   line-height:2.5rem;
   }
   .ser-img
   {
   box-shadow: 0 0 15px rgb(251, 233, 23);
   padding:15px;
   width:60%;
   margin:20px;
   border: 4px solid #fbe917;
   border-radius:50%;
   }
   /*--product section start--*/
   .pro-srvices
   {
   margin-bottom:10px;
    box-shadow: 2px 2px #a6b07b;
   border-radius:5px;
   background-color:#d2e098;
   padding:10px;
   }
      .pro-srvices p
	  {
	  line-height:1.4em;
	  margin-bottom:0.2rem;
	  }
   .pro-flask
   {
   text-align:center;
   color:#FFFFFF;
   border-radius:50%;
   background-color:#1d83bd;
   }
   .fa-flask
   {
      padding: 30px;
    font-size: 50px!important;
   }
   .pro-subtitle
   {
   margin-top:25px;
   font-size:20px;
   color:#1d83bd;
   }
   .pro-rd
   {
   font-size:16px;
   font-weight:600;
   }
    .pro-srvices .fa-arrow-circle-right
	{
	
     margin-left: 10px;
    font-size: 22px;
    color: #1d83bd;
	}
   /*--product section end--*/
   
/*--footermenu--*/
   .footermenu
   {
           box-shadow: 0px 2px 15px #152b38;
     /*  border-bottom: 2px solid #fbffe8;*/
   padding:10px 0;
   float:left;
   width:100%;
   background-color:#9e9e9e24;
   /*background-color: #ffd65b;*/
  /* background-color:#899167;*/
   }
	 .footermenu .navbar
	 {
	     margin: 8px 0;
	 padding:0;
	 display:inherit;
	 }
 	 .footermenu .navbar a
	 {
	     color: #152b38;
	   /*  color: #e8edd4;*/
    margin-right: 20px;
    font-size: 16px;
	 }
	 .footermenu .navbar a:hover
	 {
	 text-decoration:none;
	 }
 	.social-icon 
	{
	margin:5px 0;
	}
 .demopadding
{
text-align:right;
}
.icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:20px;
	border-top-right-radius: 	20px;
	border-top-left-radius: 	20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 	20px; 
	-moz-border-radius: 		20px 20px 20px 20px;
	-webkit-border-radius: 		20px 20px 20px 20px;
	-khtml-border-radius: 		20px 20px 20px 20px; 	
	color:#FFFFFF;
}
.icon i {
	font-size:20px;
	position:absolute;
	left:9px;
	top:10px;
}
.icon.social {
	float:right;
	margin:0 8px 0 0;
	cursor:pointer;
	background:#fbffe8;
	color:#899167;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}

.icon.social.fb i {
	left:13px;
	top:10px;
}
.icon.social.tw i {
	left:11px;
}
.icon.social.in i {
	left:11px;
}
   /*--footermenu--*/
/*--copyright start--*/
   .copy
   {
   background-color:#152b38!important;
   float:left;
   width:100%;
   }
   .copy-right
   {
   text-align:right;
      padding:5px 0;
   color:#e8edd4;
   margin-bottom:0;
   }
     .copy-left
   {
   text-align:left;
   padding:5px 0;
   color:#e8edd4;
   margin-bottom:0;
   }
/*--copyright end--*/

/*--contact form--*/
.cont-address
{
padding:20px 0;
}
.i-9x i, i.i-9x {
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 27px;
    margin-bottom: 15px;
}
.cont-address a
{
color:inherit;
}
.marbottom {
    margin: 10px 0!important;
}
.cont-address p
{
margin-bottom:0.3rem;
}
.pmar
{
margin:20px 0!important;
}
.whotxt {
    color: #bfb200;
    font-size: 18px;
}
.light-bg {
border-radius:50%;
    background: #f7f7f7;
}
.button-4{
  width:80%;
  height:50px;
  border:2px solid #34495e;
  float:left;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:auto;
}
.button-4 a{
  font-family:arial;
  font-size:16px;
  color:#34495e;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-4{
  width:100%;
  height:50px;
  left:-100%;
  background:#34495e;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-4:hover .eff-4{
  left:0;
}
.button-4:hover a{
  color:#fff;
}
.colorgraph {
  height: 5px;
  margin-bottom:0;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

.contact-page-section
{
width:100%;
float:left;
padding:40px 0;
}
.modal-dialog.cascading-modal .modal-header .title {
    margin-bottom: 0;
    width: 100%;
    font-size: 1.25rem;
}
.primary-color
{
    background-color:#fbf8a84f!important;
}


/* All Media Quieries for responsinator & screenfly */
@media only screen and (max-width: 320px) {
.main-header .col-md-4 {
    width: 240px!important;
}
.main-logo {
    height: auto!important;
}
}
@media screen and (min-width: 321px) and (max-width: 360px) {
.main-header .col-md-4 {
    
    width: 280px!important;
}

}

@media only screen and (min-width: 361px) and (max-width: 375px) {
.pro-slider
{
	margin-top:20px;
}
}

@media only screen and (min-width: 376px) and (max-width: 384px) {
    .main-logo {
    height: 55px!important;
}
.main-header .col-md-4 {
    width: 285px!important;
}
.nav-mobile
{
top:-10px!important;
}
}

@media only screen and (min-width: 385px) and (max-width: 414px) {
}

@media only screen and (min-width: 415px) and (max-width: 480px) {
}

@media only screen and (min-width: 481px) and (max-width: 533px) {
}

@media only screen and (min-width: 534px) and (max-width: 568px) {
}

@media only screen and (min-width: 569px) and (max-width: 603px) {
}

@media only screen and (min-width: 604px) and (max-width: 640px) {
}

@media only screen and (min-width: 641px) and (max-width: 667px) {
}
@media only screen and (min-width: 668px) and (max-width: 720px) {
}

@media only screen and (min-width: 721px) and (max-width: 736px) {
.footermenu .navbar a {
    color: #e8edd4;
    margin-right: 11px;
    font-size: 14px;
}
}

@media screen 
    and (min-device-width : 750px) 
    and (max-device-width : 1334px)  { 
.footermenu .navbar {
    display: inherit!important;
}
.footermenu .navbar a
{
font-size:12px!important;
}
.contact-title {
    letter-spacing: 0;
    font-size: 16px;
    padding: 10px 0;
}
.main-header .col-md-4 {
    width: 260px!important;
}
nav
{
padding:0!important;
}
}
@media only screen and (max-width: 767px) {
    .main-logo
    {
        margin:5px 0;
    }
.cont-home
{
font-size: 20px;
letter-spacing:0;
}
.cont-home p
{
margin-bottom:0.5rem;
}
.btn-5
{
margin:20px 0 0 0;
font-size:20px;
padding:10px!important
}
.section-title h2 {
    font-size: 18px!important;
}
#about-us p
{
	text-align:justify;
}
.ct
{
	margin-top:20px;
}
.item-box {
    padding-bottom: 15px!important;
}
#service .row
{
	padding:0 15px;
}
.pro-slider
{
	margin-top:20px;
}
.page-section
{
padding:40px 0!important;
}
#about-us .text-center
{
text-align:left!important;
text-align:justify!important;
}
.pd30 {
    padding-top: 0px!important;
	text-align:justify!important;
}
.pro-subtitle
{
margin-top:0;
}
.fa-flask {
    font-size: 28px!important;
}
.pro-slider .carousel-item
{
margin-left:0;
}
.p-pad {
    padding: 0;
}
.wel-title {
    font-size: 1.3rem;
	line-height:1.5rem;
}
.pro-flask
{
margin:auto;
width:20%;
}
.font-title {
    padding-bottom: 15px;
	}
.copy-left
{
text-align:center;
}
.copy-right
{
text-align:center;
}
.footermenu .navbar
{
display:grid;
}
.icon.social
{
float:left;
}
.footermenu .navbar a
{
margin-bottom:5px;
}	
.main-header .col-md-4 {
width:220px;
}
.main-header
{
}
/*.main-logo
{
    height: 60px;
}*/
ul.nav-list
{
padding-top:10px;
}
.nav-mobile
{
margin-top:-65px!important;
}
nav {
margin:0!important;
    padding: 0!important;
}
.navigation {
    height: 0!important;
}
.ser
{
margin-bottom:20px;
}
.pro-srvices .col-md-9
{
text-align:center;
}
.font-title
{
text-align:center;
}
}

@media only screen and (max-width: 768px) {

.carousel-caption
{
bottom:20%;
}
.carousel-caption h5 {
    font-weight: 100;
    font-size: 30px;
}
.ser-title {
    word-wrap: break-word;
    font-size: 16px;
    margin: 5px;
}
.fa-flask {
    padding: 15px;
    font-size: 30px;
}
}

@media only screen and (min-width: 737px) and (max-width: 768px) {
.fa-flask {
    font-size: 28px!important;
}
nav
{
    padding: 30px 0 15px!important;
}
.footermenu .navbar a {
    margin-right: 11px;
    font-size: 14px;
}
.p-pad {
    padding: 0px;
}
.pro-subtitle
{
margin-top:0;
}
nav ul {
  
    margin-top: 30px!important;
}
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

     
     nav ul li a 
     {
         padding:2px 2px!important;
     }
 }
 
 
 @media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : portrait) {
   nav ul li a
   {
           padding: 2px 2px!important;
          font-size:12px!important;
          letter-spacing:0!important;
           
   }
}

@media only screen and (min-width: 769px) and (max-width: 800px) {
}

@media only screen and (min-width: 801px) and (max-width: 853px) {
}

@media only screen and (min-width: 854px) and (max-width: 900px) {

}

@media only screen and (min-width: 901px) and (max-width: 966px) {
}

@media only screen and (min-width: 967px) and (max-width: 1024px) {
}

@media only screen and (min-width: 1025px) and (max-width: 1050px) {
}

@media only screen and (min-width: 1051px) and (max-width: 1080px) {
}

@media only screen and (min-width: 1081px) and (max-width: 1200px) {
}

@media only screen and (min-width: 1201px) and (max-width: 1280px) {
}

@media only screen and (min-width: 1368px) and (max-width: 1440px) {
}

@media only screen and (min-width: 1441px) and (max-width: 1600px) {
}

@media only screen and (min-width: 1601px) and (max-width: 1680px) {
}

@media only screen and (min-width: 1681px) and (max-width: 1920px) {

}


col-xs-* ---> mobile

col-sm-* ---> tablet

col-md-* ---> laptops

col-lg-* ---> large monitors