@import url('https://fonts.googleapis.com/css2?family=Rambla:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crete+Round:ital@0;1&display=swap');

body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
html, body{
	font-size: 100%;
	background: #ffffff;
    color:#000;
	/* font-family: 'Rambla', sans-serif; */
	/* font-family: 'Merriweather Sans', sans-serif; */
font-family: 'Work Sans', sans-serif;
	font-size:15px;
}


a:hover{
 text-decoration:none; 
}

a{
 color:#000;
}

input[type="button"],input[type="submit"],li.parallelogram{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
   margin:0;	
}	
p{
	margin:0;
}
ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}

/*------------------ Menu Bar ---------------------*/

.navbar-default{
	background:none;
	border:none;
	text-align:center;
}

.navbar-toggle {
    border: 1px solid #fff;
    background: #3cabf2;
}
.navbar-toggle .icon-bar{
	border: 1px solid #fff;
}

.navbar-toggle{
	background: blue;
}
.navbar-toggle .icon-bar{
	border: 1px solid #fff;
}

.navbar{
	margin-bottom:0;
}

#menu ul.nav.navbar-nav{
    float:none;
	/* width:65%; */
	margin:0 auto;
	text-align:center;

}

ul.dropdown-menu.mega-dropdown-menu {
    width: 870px;
    left: 20%;
}

div#menu {
    background: #023435;
}

.navbar-nav > li > a{
	color:#fff;
	/* padding: 10px 23px; */
	padding: 10px 21px;
	border-radius:20px;
	font-size:14px;
}

.nav > li > a:hover, .nav > li > a:focus{
	/* color:#000; */
}

.nav > li > a:hover, .nav > li > a:focus{
	/* background:transparent; */
}

li.link-1.active {
    /* background: #272652; */
}


#menu ul.nav.navbar-nav li a:hover, #menu ul.nav.navbar-nav li a.active{
	background: #fe6732;
	color: #fff;
}

#menu ul.nav.navbar-nav li a.active{
	font-weight: bold;
}

#menu ul.nav.navbar-nav li:hover #menu ul.nav.navbar-nav li a .fa{
	color:#fff;
}

li.link-2.active a{
   color:#077cc2 !important;
}

.dropdown-header {

    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.mega-dropdown-menu .dropdown-header a {
    font-size: 18px;
    color: #1198d0;
    padding: 5px 60px 5px 5px;
    line-height: 30px;
    text-align: left;
    font-weight: bold;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    color: #222;
    padding: 3px 5px;
    text-align: left;
    display: block;
    color: #222;
    /* color: #1198d0; */
	font-weight:bold;
    padding: 5px 1px;
    text-align: left;
    border-top: 1px solid #ddd;
    font-size: 1em;
}

.mega-dropdown-menu > li > ul > li > a .fa{
	padding-right:10px;
	color:#272652;
}

.submenu-dropdown-list li a{
	color:#000 !important;
	font-weight:normal !important;
}

.dropdown-header .heading{

	padding: 0 !important;
}

.mega-dropdown-menu .dropdown-header{
	padding:5px;
}

.nav > li > a:hover, .nav > li > a:focus{
	background:transparent;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
	background:#000;
}

.nav > li{
	/* padding: 10px; */
	padding: 10px 2px;
}

.logo{
	float: left;
    width: 100%;
    text-align: center;
	padding:0;
}
#cssmenu {
    margin-bottom: 20px;
}

#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover{
	/* background: #6062b6 !important; */
}

li.product-page {
    /* margin: 10px 0; */
    text-align: center;
    font-size: 20px;
    background: #fe6732;
    padding: 5px;
    font-weight: bold;
}
li.product-page a{
	font-weight:bold;
}

.header-right-section {
    float: right;
    /* padding: 18px 0; */
	margin-top: 2.5em;
}

.header-right-section li {
    display: inline;
    margin-right: 10px;
}

.header-right-section .fa {
    font-size: 26px;
    color: #ff6533;
    margin-right: 10px;
    vertical-align: middle;
}
.header span {
    font-size: 17px;
    color: #000;
}

/*------------------ Menu Bar ---------------------*/


/*------------------ Homepage section ---------------------*/
.welcome-home-grids{
	float:left;
	width:100%;
	padding:1em 0;
	background:url("../images/welcome-bnr.jpg")no-repeat;
	height:400px;
	background-size: cover;
}

.welcome-img img{
width:100%;
border: 4px groove #ccc;
}

.welcome-grid p{
	text-align:justify;
	line-height:26px;
	margin-top:2em;
	color:#fff;
}

.w3ls-header{
	 font-size: 34px;
    text-align: center;
    margin-bottom: 30px;
	font-weight:bold;
	color: #fff;
}

.header {
    font-size: 34px;
    text-align: center;
    /* margin-bottom: 30px; */
	font-weight:bold;
	color: #023435;
}

.header span{
	/* color: #fe6732; */
	color: #fff;
}

/*  .header2 span a{
	color: #fe6732;
} */

.header2{
	color:#000;
	font-size: 30px;
    text-align: center;
	 margin-bottom: 18px;
	font-weight:bold;
}

.blinking{
	animation:blinkingText 1s infinite;
}
@keyframes blinkingText{
	0%{		color: #047d84;	}
/* 	49%{	color: transparent;	}
	50%{	color: transparent;	}
	99%{	color:transparent;	} */
	100%{	color: #fd6438;	}
} 


.blinking1{
	animation:blinkingText 1.1s infinite;
}
@keyframes blinkingText{
	0%{		color: #000;	}
/*  	49%{	color: transparent;	}
	50%{	color: transparent;	}
	99%{	color:transparent;	}  */
	100%{	color: #fd6438;	}
} 





/*  blinking {
        animation: blinker 2s linear infinite;
        color: #1c87c9;
       }
      @keyframes blinker {  
        50% { opacity: 0; }
       } */

.w3-manufacture-section{
	background:url("../images/home-bgr.png")no-repeat;
	padding: 2em 0 4em;
}

.w3-manufacture-section .manu-list ul li{
	list-style:none;
	line-height:30px;
	background: #02343599;
    margin-bottom: 10px;
    padding: 5px 20px;
    color: #fff;
}

.w3-manufacture-section .manu-list ul li a{
	color:#fff;
}

.manufacture-grids .fa{
    padding-right: 10px;
    font-size: 15px;
}


/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #fd6438;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
/* border: #e1e1e1 solid 6px; */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  border:5px solid #fd6438;;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}


/*------------------// Homepage section---------------------*/

/*-----------Homepage section- services -----------*/
.services{
	padding:3em 0;
}

.services{
    /* background: #3169ff; */
    background: url("../images/home-bnr.jpg")no-repeat;
	background-size:cover;
	height:220px;
	margin-bottom:20px;
}
.w3l-heading h3,.w3l-heading h2{
	text-align:center;
}
.w3l-services-heading h3{
	color:#FFFFFF;
}
.agileits-services,.wthree-news-grids,.w3ls-gallery-grids,.w3-blog-grids{
	/* margin:4em 0 0 0; */
}
.services-right-grid {
    text-align: center;
}

.services-right-grid .fa{
 font-size:42px;
 color: #ff6535;
}

/*
.services-right-grid .fa:hover{
background:#ff6b61;
color:#fff;
}
 */

.services i.fa.fa-user, i.fa.fa-video-camera, i.fa.fa-picture-o, i.fa.fa-download{
   color: #ff6535;
    /* font-size: 3em; */
}

 

i.fa.fa-bolt, i.fa.fa-comment, i.fa.fa-globe,i.fa.fa-lightbulb-o,i.fa.fa-thumbs-up,i.fa.fa-asterisk{
    color: #ff6b61;
    font-size: 3em;
}
.services-icon{
	width: 90px;
    height: 90px;
    text-align: center;
    line-height: 105px;
    margin: 0 auto;
}
/* Radial In */
.hvr-radial-in {
	display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #ff6535;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	color:#fff !important;
	border:4px solid #ff6535;
}
.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -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-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white !important;
}
.services-right-grid:hover div.hvr-radial-in:before{
  -webkit-transform: scale(0);
  transform: scale(0);	
}
.services-right-grid:hover i.fa.fa-bolt,.services-right-grid:hover i.fa.fa-comment,.services-right-grid:hover i.fa.fa-globe,.services-right-grid:hover i.fa.fa-lightbulb-o,.services-right-grid:hover  i.fa.fa-thumbs-up,.services-right-grid:hover  i.fa.fa-asterisk{
	color:#FFFFFF;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;	
}


.services-right-grid:hover i.fa.fa-user,.services-right-grid:hover i.fa.fa-video-camera,.services-right-grid:hover i.fa.fa-picture-o,.services-right-grid:hover i.fa.fa-download{
	color:#FFFFFF;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;	
}


.services-icon-info a{
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    /* margin: 2em 0 0 0; */
}
.services-right-grids:nth-child(2){
	margin: 3em 0 0 0;
}
.services-icon-info p{
    color: #ffffff;
    font-size: 16px;
    margin: 1.5em 0 0 0;
    line-height: 1.8em;
    text-transform: capitalize;
    letter-spacing: .5px;
	
}
.services h3.heading {
    color: #fff;
}

.services-icon-info {
    float: left;
    width: 100%;
    margin-top: 20px;
}

/*----------- // Homepage section- services -----------*/

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #023435;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fe6732;
  -webkit-transform: scale(1);
  transform: scale(1);
  -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-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

a.read-btn {
    float: right;
    padding: 7px 17px;
	color: #fff;
	font-size:16px;
	margin-top: 20px;
}


/*---------------- manufacturers -----------------*/

.sec-space {
		padding: 3em 0;
	}

.owl-item {
    border-bottom: 2px solid #fe6732;
}

.services_item {
	padding:20px;
	height:auto;
	background: #f5f9fa;
}


.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    /* font-family: 'Ropa Sans', sans-serif; */
}
.services_item_bg {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    /* background: #0856b4e6; */
    background: #fe6732d6;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    z-index: 0;
}
.services_text {
    /* text-align: center; */
    margin-top: 2px;
    z-index: 1;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.services_text{
	list-style:none;
}

ul.services_text li {
    border-bottom: 1px solid #ddd;
    padding: 2px;

}
ul.services_text a {
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

.services_item:hover .services_item_bg {
    height: 100%;
}

.services_item:hover .services_title:hover, .services_item:hover .services_link a, .services_item:hover ul.services_text a {
    color: #FFFFFF;
}

.services_text ul li a{
	transition:0.6s ease-out;
}

.services_link a:hover{
	color:#fe6732;
	padding-left:10px;
}

/*----------------// manufacturers -----------------*/


/*---------- Homepage-Application -----------*/
/*-- news --*/
.w3layouts_news_grid img{
	width:100%;
}


.w3ls_news_grids{
	margin:3em 0 ;
}
.agileits_w3layouts_news_grid {
    padding: 10px;
    /* background: #f5f5f5; */
    background: #015861;
}
.agileits_w3layouts_news_grid ul li{
	display:inline-block;
	font-weight:600;
	color:#212121;
}
.agileits_w3layouts_news_grid ul li:last-child{
	margin-left:2em;
}
.agileits_w3layouts_news_grid ul li i{
	padding-right:1em;
	color:#4dd0e1;
}
.agileits_w3layouts_news_grid ul li a{
	color:#212121;
	text-decoration:none;
}
.agileits_w3layouts_news_grid ul li a:hover{
	color:#a0d034;
}
.agileits_w3layouts_news_grid {
	font-size:1.3em;
	color:#212121;
	margin:0;
	text-align: center;
}
.agileits_w3layouts_news_grid a{
	/* color:#fe6732; */
	color:#fff;
	text-decoration:none;
	font-size: 15px;
    font-weight: bold;
}
.agileits_w3layouts_news_grid a:hover{
	/* color:#013334; */
	color:#fe6732;
}
.agileits_w3layouts_news_grid a:focus{
	outline:none;
}
.agileits_w3layouts_news_grid p{
	color:#999;
	line-height:2em;
}
.w3layouts_news_grid{
    overflow: hidden;
    position: relative;
}
.w3layouts_news_grid_pos{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color:rgba(0, 0, 0, 0.4);
    right: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.w3layouts_news_grid_pos{
    -webkit-transform: scale3d(0,0,1);
    -moz-transform: scale3d(0,0,1);
    -ms-transform: scale3d(0,0,1);
    transform: scale3d(0,0,1);
}
.w3ls_news_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos,.w3_agileits_team_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos,
.w3layouts_gallery_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos{
    opacity:1;
	-webkit-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.w3ls_news_grid:hover .wthree_text,.w3_agileits_team_grid:hover .wthree_text,
.w3layouts_gallery_grid:hover .wthree_text{
    opacity: 1;
	-webkit-transform: translateY(0) scale3d(1,1,1);
    -moz-transform: translateY(0) scale3d(1,1,1);
    -ms-transform: translateY(0) scale3d(1,1,1);
    transform: translateY(0) scale3d(1,1,1);
    -webkit-transition: transform 400ms ease 380ms;
    -moz-transition: transform 400ms ease 380ms;
    transition: transform 400ms ease 380ms;
}
.wthree_text{
    text-align: center;
    padding: 6em 0 0;
    opacity: 0;
	    -webkit-transform: translateY(0) scale3d(0,0,1);
    -moz-transform: translateY(0) scale3d(0,0,1);
    -ms-transform: translateY(0) scale3d(0,0,1);
    transform: translateY(0) scale3d(0,0,1);
    -webkit-transition: transform 400ms ease 280ms;
    -moz-transition: transform 400ms ease 280ms;
    transition: transform 400ms ease 280ms;
}
.wthree_text h3{
	color:#fff;
	font-size:2em;
}
.agileits_w3layouts_news_grid ul {
    padding: 0;
}
/*-- //news --*/
/*----------// Homepage-Application -----------*/

/*---------------- Footer -------------------*/
.footer{
	background:url("../images/footer-bnr.jpg")no-repeat;
	background-size:100%;
	padding: 3em 0;
	/* background:#000; */
}

.footer-links ul{
	color:#fff;
}

.footer-links ul li a{
	font-size:14px;
	line-height:28px;
	color:#fff;
	/* padding: 10px 20px; */
}

.footer-links ul li .fa{
	margin-right: 6px;
    font-size: 14px;
}

.top-footer {
    text-align: center;
	
}

.top-footer ul li{
	 display:inline; 
}

.footer-links ul li{
	/* display:inline; */
}

.top-footer ul li a {
/* padding: 10px 20px; */
    padding: 10px 14px;
	color:#fff;
	transition:0.5s ease-in-out;
}

.top-footer ul li a:hover, .footer-links ul li a:hover {
	color:#ff6634;
}

.top-footer ul{
	color:#fff;
}


/*----- Footer-copy -----*/

.footer{
	background:#000;float: left;
    /* width: 1349px; */
    width: 100%;
}

.footer-copy{
	margin:1em 0 0;
	padding:10px 0;
	border-top:1px solid #464646;
	border-bottom:1px solid #464646;
}
.footer-copy p{
	/* color:#c2bebe; */
color:#c5c5c5;
	text-align:center;
	margin:0;
	font-size:12px;
	line-height: 1.8em;
}
.footer-copy p a{
	color:#fe6732;
	text-decoration:none;
}
.footer-copy p a:hover{
	color:#fff;
}

.ftr-links {
    float: left;
}

.ftr-links1{
	width: 22%;
}

.ftr-links2{
	width: 48%;
}

.ftr-links2 .sub-ftr1, .ftr-links2 .sub-ftr2{
	width: 47%;
}

.ftr-links3{
	width: 23%;
}


/*----- Footer-copy -----*/

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

/*======================== ABOUT US ========================*/
.about-us-wrapper{
	padding:3em 0;
}

.comp-info ul li {
    list-style: disc;
	    line-height: 26px;
}

.comp-info ul{
	padding:0 20px;
}


.comp-info {
    float: left;
    width: 100%;
    /* margin-bottom: 30px; */
}

.comp-info  p{
 line-height:28px;
text-align:justify; 
}

.about-head {
    font-size: 20px;
    color: #ff6434;
	margin-bottom:10px;
	font-weight:bold;
}


.about-info {
    float: left;
    width: 100%;
    margin-bottom: 30px;
	box-shadow: 9px -7px 38px 0px #ccc;
    padding: 20px;

}

.about-info ul {
    padding: 0 20px;
}

.about-info ul li{
	 list-style: disc;
	 line-height: 26px;
}

.about-info p{
	line-height:26px;
}

.w3-vis{
	background:url("../images/vision.jpg")no-repeat;
	background-size:100%;
	
}

.w3-mis{
	background:url("../images/mission.jpg")no-repeat;
	background-size:100%;
	
}

.vision-mission-sec{
	margin-bottom:30px;
	float:left;
	width:100%;
}

.vision-mission-sec .title {
    color: #fff;
    text-align: center;
    padding: 20px 0;
    font-size: 30px;
}

.vision-mission-sec p{
	color:#fff;
	padding:20px;
	text-align:center;
}


.w3ls-sec {
    min-height: 205px;
}
/*======================== ABOUT US ========================*/


/*======================== INFORMATION ========================*/

section.information-wrapper {
    float: left;
    width: 100%;
    padding: 3em 0;
}

.info-head {
    font-size: 24px;
    margin-bottom: 20px;
    color: #fe6732;
    font-weight: bold;
}

.info-img {
    text-align: center;
}

.info-grids p{
	text-align:justify;
	font-size: 15px;
    line-height: 26px;
}
.info-subgrid {
    float: left;
    width: 100%;
    padding: 20px 30px;
    min-height: 125px;
    margin: 20px 0;
    border: 3px groove #fffdfd;
}

.info-sub-img {
    text-align: center;
}
.info-sub-section {
    float: left;
    width: 100%;
}

.info-sub-img img {
    border: 4px groove #ccc;
}

.info-sub-details p{
	text-align:justify;
	margin-bottom: 10px;
}

.w3ls-info-wrap {
    /* background: #f5f5f5; */
    padding: 30px;
    float: left;
    width: 100%;
	margin-bottom:20px;
	box-shadow: 0px 0px 10px 1px #696969;
}

.w3-details p{
margin-bottom:10px;	
}


.info-table td, th {
    padding:2px 5px;
}

.w3ls-info-wrap .other-section {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
}


.w3ls-info-wrap .info-subtitle {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 6px;
}

.w3ls-info-time hr{
    border-top: 1px solid #7b7b7b !important;
}


/*======================== // INFORMATION ========================*/


/*======================== APPLICATIONS  ========================*/
.appl-section-grids {
    float: left;
    width: 100%;
    margin-bottom: 2em;
}

/*-- news --*/ 
.news {
    /* padding: 5em 0; */
}
.news-agileinfo {
    /* margin-top: 5em; */
}
.wthree-news-grids {
    margin-top: 2em;
}
.datew3-agileits-info {
    padding-left: 2em;
} 
.datew3-agileits img.img-responsive {
/* 	width: 155px;
    height: inherit;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; */
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
    overflow: hidden;
    /* border: solid #dedede; */
}
.wthree-news-grids:hover .datew3-agileits img.img-responsive {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
    transform: scale(1.2);
}
.datew3-agileits-info h5 {
    margin: 0;
}
.datew3-agileits-info  a {
    color: #fe6732;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
	 font-family: 'Rambla', sans-serif;
	 font-family: 'Roboto Slab', serif;
}
.datew3-agileits-info  a:hover {
    color:#013334 ;
}
.datew3-agileits-info h6 {
    font-size: 1em;
    color: #f54b0f;
    font-weight: 600;
    margin: 1em 0;
    letter-spacing: 1px;
}
.datew3-agileits-info p {
    margin: 1em 0 0;
	font-size: 15px;
    line-height: 1.8em;
    /* text-align: justify; */
 /*    color: #999999;
    font-size: .9em;
    line-height: 1.8em; */
}
.datew3-agileits.datew3-agileits-fltrt {
    float: right;
}
.news-right h4 {
    color: #000;
    font-size: 2em;
    margin: 0;
}
.news-right {
    padding-left: 4em;
}
.achievesw3-agile {
	background:#97f302;
    padding: 1em;
    display: inline-block;
    margin: 2em 0 0 0;
}
.achievesw3-agile ul{
	padding:0;
	margin:0;
}
.achievesw3-agile ul li {
    display: block;
    margin: 1.3em 1em;
}
.achievesw3-agile ul li a{
    font-size: 1em;
    color: #fff;
    transition: .5s all;
	-webkit-transition: .5s all;
    -moz-transition: .5s all;
	-ms-transition: .5s all;
	-o-transition: .5s all;
    text-decoration: none;
}
.achievesw3-agile ul li a:hover{ 
	color:#000;
}
.achievesw3-agile ul li a i.fa {
    margin-right: 0.8em;
}
/*-- //news --*/



/*-----------------*/

/*-- news --*
.home-products{
padding:3em 0;	
}

.w3ls_news_grids{
	margin:1em 0 0;
}
.agileits_w3layouts_news_grid {
    padding: 1.5em 1em;
    background: #f5f5f5;
}
.agileits_w3layouts_news_grid ul li{
	display:inline-block;
	font-weight:600;
	color:#212121;
}
.agileits_w3layouts_news_grid ul li:last-child{
	margin-left:2em;
}
.agileits_w3layouts_news_grid ul li i{
	padding-right:1em;
	color:#4dd0e1;
}
.agileits_w3layouts_news_grid ul li a{
	color:#212121;
	text-decoration:none;
}
.agileits_w3layouts_news_grid ul li a:hover{
	color:#a0d034;
}
.agileits_w3layouts_news_grid h4{
	font-size:1.3em;
	color:#212121;
	text-align: center;
	
}
.agileits_w3layouts_news_grid h4 a{
	color:#212121;
	text-decoration:none;
}
.agileits_w3layouts_news_grid h4 a:hover{
	color:#f80000;
}
.agileits_w3layouts_news_grid h4 a:focus{
	outline:none;
}
.agileits_w3layouts_news_grid p{
	color:#999;
	line-height:2em;
}
.w3layouts_news_grid{
    overflow: hidden;
    position: relative;
}
.w3layouts_news_grid_pos{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color:rgba(0, 0, 0, 0.4);
    right: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}
.w3layouts_news_grid_pos{
    -webkit-transform: scale3d(0,0,1);
    -moz-transform: scale3d(0,0,1);
    -ms-transform: scale3d(0,0,1);
    transform: scale3d(0,0,1);
}
.w3ls_news_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos,.w3_agileits_team_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos,
.w3layouts_gallery_grid:hover .w3layouts_news_grid .w3layouts_news_grid_pos{
    opacity:1;
	-webkit-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.w3ls_news_grid:hover .wthree_text,.w3_agileits_team_grid:hover .wthree_text,
.w3layouts_gallery_grid:hover .wthree_text{
    opacity: 1;
	-webkit-transform: translateY(0) scale3d(1,1,1);
    -moz-transform: translateY(0) scale3d(1,1,1);
    -ms-transform: translateY(0) scale3d(1,1,1);
    transform: translateY(0) scale3d(1,1,1);
    -webkit-transition: transform 400ms ease 380ms;
    -moz-transition: transform 400ms ease 380ms;
    transition: transform 400ms ease 380ms;
}
.wthree_text{
    text-align: center;
    padding: 6em 0 0;
    opacity: 0;
	    -webkit-transform: translateY(0) scale3d(0,0,1);
    -moz-transform: translateY(0) scale3d(0,0,1);
    -ms-transform: translateY(0) scale3d(0,0,1);
    transform: translateY(0) scale3d(0,0,1);
    -webkit-transition: transform 400ms ease 280ms;
    -moz-transition: transform 400ms ease 280ms;
    transition: transform 400ms ease 280ms;
}
.wthree_text h3{
	color:#fff;
	font-size:2em;
	margin: 1em 0;
}
.agileits_w3layouts_news_grid ul {
    padding: 0;
}

.gallery-grids img{
	border:3px groove;
	transition:0.6s ease-in-out;
	display:inline-block;
	overflow:hidden;
}


.gallery-grids img:hover{
	transform:scale(1.2);
}

/*-- //news --*/
/*-----------------*/

/*-----------      ---------*/


.list-left h4 {
    color: #111;
    font-size: 19px;
    margin: 30px 0 25px;
    letter-spacing: 1px;
	font-weight:bold;
}
.list-left p {
    color: #464646;
    line-height: 2.2em;
    font-size: 15px;
	margin-top:25px;
}

.services_agile{
	padding:3em 0;
	/* background:#f7f7f7; */
}

.services_agile h2.title{
	text-align:center;
}


h3.title {
    color: #0aca89;
    text-transform: uppercase;
    font-size: 42px;
    margin-bottom: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
}
.multi-gd-text a {
    display: block;
    position: relative;
}
.multi-gd-text a:hover::before {
    width: 100%;
    height: 100%;
}
.multi-gd-text a::before {
    background:#98959552;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    transition: all 0.5s ease-out 0s;
    z-index: 99;
    content: "";
}
.multi-gd-text img {
    height: auto;
    width: 100%;
}
.multi-gd-text a:hover::after {
    width: 100%;
    height: 100%;
}
.multi-gd-text a::after {
    /* background:rgba(247, 247, 247, 0.3); */
    background:#98959552;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all 0.5s ease-out 0s;
    z-index: 99;
    content: "";
}


/*-----------      ---------*/


/*-----------      ---------*/
.appl-machines-wrap{
	/* padding:3em 0; */
	float:left;
	width:100%;
	border-bottom: 1px solid #ccc;
    padding: 20px;
}

.machine-img {
    text-align: center;
}

.machine-sub-img img{
	width:100%;
}


/*-----------      ---------*/

.appl-machines-wrap .head {
    font-size: 20px;
    margin-bottom: 20px;
	font-weight: bold;
}

.machine-sub-img {
    float: left;
    width: 100%;
    padding: 20px;
    background: #ccc;
}

.w3-appl-machine-grids .w3ls-head{
	    font-size: 22px;
    color: #fe6732;
    font-weight: bold;
}
/*======================== // APPLICATIONS ========================*/


/*======================== CONTACTS ========================*/
.contact-wrapper{
	padding:3em 0;
}

.contact-grids ul li{
	list-style:none;
}

.contact-grids span{
	display:inline-grid;
}

.contact-grids ul li{
	margin-bottom:10px;
}


.contact-grids .fa {
    color: #fff;
    margin-right: 20px;
    background: #fe6732;
    width: 40px;
    text-align: center;
    padding: 10px;
	font-size: 18px;
}

.contact-img img{
	width:100%;
}

.enquiry-wrap{
	padding:3em 0;
}

/*======================== // CONTACTS ========================*/


/*======================== PRODUCTS ========================*/

.prd-icon {
    text-align: center;
	margin-bottom:20px;
	float:left;
	width:100%;
}

.prd-icon img{
	transition:0.6s ease-in-out;
	border: 5px groove #dcdcdc;
	width:100%;
}

.prd-icon img:hover{
	/* transform:scale(1.08); */
	transform:scale(1.06);
}

.pr-icon {
    text-align: center;
	margin-bottom:20px;
	float:left;
	width:100%;
}

.pr-icon img{
	transition:0.6s ease-in-out;
	border: 5px groove #dcdcdc;
	
}

.pr-icon img:hover{
	/* transform:scale(1.08); */
	transform:scale(1.06);
}





.main-product-class{
	padding:2em 0;
}
.product-info-section {
    float: left;
    width: 100%;
    padding: 20px 30px;
	border-left: 3px solid #fe6732;
    box-shadow: 0px 0px 7px 1px #ccc;
	 margin-top:2em; 
	border-right:3px solid #fe6732;
		margin-bottom:2em;
}

.pr-info-part{
	float:left;
	width:100%;
	margin-bottom: 10px;
}


.pr-info-part ul li{
	line-height:26px;
}

.pr-info-part p{
	margin-bottom:8px;
}

.product-head {
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #023435;
    color: #000;
}

.img-title {
    margin: 10px 0;
    font-size: 20px;
    /* font-weight: bold; */
	clear:both;
}

.product-head-title {
    font-size: 27px;
    margin-bottom: 1em;
    color: #149c9e;
    font-weight: bold;
}
/*======================== // PRODUCTS ========================*/

/*-------------Requestquote -btn ----------------*/

.requestquote {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.requestbtn {
  padding: 10px 15px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    /* background-color: #4CAF50; */
    border: none;
    border-radius: 15px 0;
    box-shadow: 0 7px #797676;
    border-radius: 0 15px;
    background: #fe6732;
}

.requestbtn:hover {
	/* background-color: #fe6732; */
	}

.requestbtn:hover {
    background-color: #023435;
    color: #fff;
}


.requestbtn:active {
/* background-color: #3e8e41; */
  background: #fe6732;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/*-------------Requestquote -btn ----------------*/

.sm-banner{
	background:url(../images/sm-banner.jpg)no-repeat;
	background-size:cover;
	height:160px;
}

.sm-banner h1{
	color: #fff;
	padding: 1.6em 2em;
	font-size: 32px;
	font-weight: bold;
}


/*============================ CLIENTS =========================*/

.w3-client-wrapper{
	float:left;
	width:100%;
	padding:3em 0;
}
.client-grids {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.client-grids{
	background:url("../images/client-bnr.jpg")no-repeat;
	background-size:cover;
	padding:30px;
}


.client-row{
	 float: left;
    width: 100%;
    margin-bottom: 20px;
}

.client-title {
    color: #fff;
    margin-bottom: 30px;
    font-size: 26px;
    text-align: center;
 /*    border-top: 1px solid;
    border-bottom: 1px solid; */
}

.client-icon img{
	/* border: 3px groove #f5762b; */
	padding: 4px;
    border: 3px solid #fe6732;
}


/*============================ // CLIENTS =========================*/

/*============================ PHOTO GALLERY =========================*/

.gallery{
	padding:3em 0;
}

.da-thumbs {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.da-thumbs li {
    float: left;
    margin: 0.4%;
    padding: 3px;
    position: relative;
    width: 32.4%;
}
.da-thumbs li a,
.da-thumbs li a img {
  display: block;
  position: relative;
  width: 100%;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a {
    /* background: rgba(17, 17, 17, 0.79); */
    background: rgb(254, 103, 50);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.da-thumbs li a:hover img {
    opacity: 0.5;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.da-thumbs li a div h5 {
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: .4em 0;
    letter-spacing: 1px;
    /* background: #14cdf5; */
    background: #fe6732;
	text-decoration:none !important;
}

/*============================// PHOTO GALLERY =========================*/

/*============================VIDEO =========================*/
section.w3-video {
    padding: 3em 0;

}

.video-gallery{
	margin-bottom: 3em;
	float: left;
    width: 100%;
}

.video-sec {
    float: left;
    width: 100%;
    text-align: center;
}

.video-title {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
	margin-top:20px;
}

.video-title-2 {
    text-align: center;
	 color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/*============================// VIDEO =========================*/


/*============================ MAIN PRODUCTS =========================*/
section.main-products-wrap {
    padding: 3em 0;
}

.products1-icon {
    text-align: center;
}

.products1-icon img{
	width:100%;
}

.product1-row {
    float: left;
    width: 100%;
    margin-bottom: 2em;
}
.pr1-title {
    text-align: center;
}

.pr1-title {
	font-weight:bold;
	font-size: 17px;
}

.products1-icon img{
	transition:0.6s ease-in-out;
}


.products1-icon img:hover{
	transform:scale(1.02);
}

.mg-tp {
    margin-top: 2em;
}
/*============================// MAIN PRODUCTS =========================*/

.pr-head {
    font-size: 22px;
    color: #fe6732;
}
.pr-head-title {
    font-size: 20px;
    font-weight: bold;
}


/*======= SITEMAP =========*/
.w3-sitemap{
	padding:3em 0;
}


.about-main {
    position: relative;
}
.sitemap-tabs ul li {
    display: inline-block;
    width: 14%; 
    margin: 0.5em;
    text-align: center;
    font-size: 1em;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	transition:.5s all;
}
.sitemap-tabs ul li a {
    color: #000;
	padding: 1em 0;
    /* border: 1px solid #36bce4; */
    border: 1px solid #fe6634;
	display: block;

}
.sitemap-tabs ul li a i.fa {
    font-size: 1.3em;
    margin-right: .5em;
}
.sitemap-tabs ul li a:hover {
/* border-color:#333;
color:#333;	
background:#fff; */
border-color: #fe6732;
color: #333;
background: #fe6732;
}
.sitemap-tabs ul li a:hover i.fa{
	/* color:#0280e1; */
	color:#333;
}  
.sitemap-tabs.scroll-to-fixed-fixed {
    background: #fff;
}
.sitemap-text {
    padding: 1em 0;
}
.sitemap-text-grids ul{margin-top: 10px;
}
.sitemap-text-grids ul li a{font-size: 16px;
	font-size: 15px;
	line-height: 27px;
   
    color: #000;
}
.sitemapbox{width: 90%;
margin: 0 auto;}

p.w3sitemap-title {
   
    font-size: 25px;
    /* color: #2066bd; */
 color:#333;	
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 0.5em;
}

.sitemap-product h4{
	margin-bottom:20px;
	color: #333;
    font-weight: bold;
}

.sitemap-product .prd-list ul li a{
	line-height:26px;
	color:#333;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	transition:.5s all;
}

.sitemap-product .prd-list ul li a:hover{
color: #fe6732;
    padding-left: 5px;
}

.sitemap-product .prd-list ul li {
	list-style:square;
}

/*======= // SITEMAP =========*/

/*======================================= Responsive Media Query  ================================*/

@media (min-width: 1025px) and (max-width: 1280px) {
	
}

@media (min-width: 768px) and (max-width: 1024px) {
	header{
	margin-top: 51px;	
	}
.nav > li{
padding: 10px 1px;
}	
.navbar-nav > li > a{
padding: 10px;
border-radius: 10px;
font-size: 14px;
}	

.requestbtn{
	font-size: 14px;
}

.machine-img img{
	width:100%;
}

.sitemap-tabs ul li{
	width: 17%;
}

	
}

@media (min-width: 480px) and (max-width: 768px) {
	.w3ls-header {
    font-size: 21px;
	margin-bottom: 0px;
	}
	
.welcome-home-grids{
height:auto;
}

.agileits_w3layouts_news_grid{
padding:0;
}	
.agileits_w3layouts_news_grid a{
	font-size:15px;
}

.header-right-section li{
	float: left;
width: 100%;
}
	
}




@media (min-width: 320px) and (max-width: 767px) {
	.welcome-home-grids{
		    height: auto;
    background-size: cover;
}
	
	.header2{
		font-size: 26px;
	}
	
	.services{
		height: auto;
background: #005057;
	}
	
	.services-icon-info {
    margin-top: 1px;
    margin-bottom: 15px;
}
.sm-banner {
	height: auto;
}
.sm-banner h1 {
padding: 1em;
font-size:23px;
line-height: 1.3;
 }
.info-img img
 {
        width: 100%;
    }
.w3-mis{
background-size: cover;	
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
    background: #fe6635 !important;
}	

.w3-vis{
	background-size: cover;
	margin-bottom: 10px;
}

.header{
	/* margin-top:60px; */
}
	.main-product-class {
    padding:20px 0;
}

#cssmenu ul ul .fa{
	padding-right:5px;
}

.header-right-section{
	margin-top: 7em;
}

}

.da-thumbs li a div h2,h3,h4,h5,h6 {
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: .4em 0;
    letter-spacing: 1px;
    /* background: #14cdf5; */
    background: #fe6732;
	text-decoration:none !important;
}
.da-thumbs li a div {
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: .4em 0;
    letter-spacing: 1px;
    /* background: #14cdf5; */
    background: #fe6732;
	text-decoration:none !important;
}

.info-head1 h1,h2,h3 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #fe6732;
  font-weight: bold;
  font-family: 'Work Sans', sans-serif;
}

.my-tix{
    font-size: 24px;
    margin-bottom: 20px;
    color: #fe6732;
    font-weight: bold;
    font-family: 'Work Sans', sans-serif;
}

.info1-img {
    text-align: center;
}

.info1-grids p{
	text-align:justify;
	font-size: 15px;
    line-height: 26px;
}
.info1-subgrid {
    float: left;
    width: 100%;
    padding: 20px 30px;
    min-height: 125px;
    margin: 20px 0;
    border: 3px groove #fffdfd;
}

.info1-sub-img {
    text-align: center;
}
.info1-sub-section {
    float: left;
    width: 100%;
}

.info1-sub-img img {
    border: 4px groove #ccc;
}

.info1-sub-details p{
	text-align:justify;
	margin-bottom: 10px;
}

.text-new h2,h3 {
justify-content: center !important;
flex-direction: column !important;
display: flex !important;
padding: 20px;
height: auto;
background: #f5f9fa;
line-height: 33px;
text-align: left;
font-family: 'Work Sans', sans-serif;

}

.agileits_w3layouts_news_grid a h4,h5,h6{
  /* color: #fe6732; */
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
}

th, td {
  padding: 5px;
  text-align: left;
}
/*======================================= Responsive Media Query  ================================*/

.text h2 {
  text-align: justify;
  font-size: 15px;
  line-height: 26px;
  color: #000;
  margin: 1em 0 0;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 25px
}


.list-left h3 {
  color: #111;
  font-size: 19px;
  margin: 30px 0 25px;
  letter-spacing: 1px;
  font-weight: bold;
  background: #fe6732;
  padding: .4em 0;
  text-align: center;
  line-height: 1.1;
}

.list-left h5 {
  color: #111;
  font-size: 19px;
  margin: 30px 0 25px;
  letter-spacing: 1px;
  font-weight: bold;
}

.list-left h6 {
  color: #111;
  font-size: 19px;
  margin: 30px 0 25px;
  letter-spacing: 1px;
  font-weight: bold;
}

.list-left div {
  color: #111;
  font-size: 19px;
  margin: 30px 0 25px;
  letter-spacing: 1px;
  font-weight: bold;
    background: #fe6732;
  padding: .4em 0;
  text-align: center;
  line-height: 1.1;
}


.agileits_w3layouts_news_grid a div {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  background: #fe6732; 
  text-align: center;
  padding: .2em 0;
  letter-spacing: 1px;
}

.text1 h2 {
line-height: 28px;
text-align: justify;
color: #000;
font-family: 'Work Sans', sans-serif;
font-size: 15px;
font-weight: normal;
}









.requestquote2 {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.requestbtn2 {
  padding: 10px 15px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    /* background-color: #4CAF50; */
    border: none;
    border-radius: 15px 0;
    box-shadow: 0 7px #797676;
    border-radius: 0 15px;
    font-weight: bold;
    background: #015861;
}

.requestbtn2:hover {
	/* background-color: #fe6732; */
	}

.requestbtn2:hover {
    background-color: #023435;
    color: #fff;
}


.requestbtn2:active {
/* background-color: #3e8e41; */
  background: #fe6732;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}