body{font-family: 'Raleway', sans-serif!important;}
p{font-family: 'Raleway', sans-serif;}

/* Header Strat */
div#navbar {
    padding-top: 15px;
}
.navi-level-1 > li > a:after {
    content: "|";
    width: 1px;
    height: 15px;
    position: absolute;
    right: 0px;
    top: 17px;
    color: #ccc;
    display: block;
}
.navi-level-1 > li:first-child a:after {
  display: none;
}
.navi-level-1 > li:last-child a:after {
  display: none;
}
.navi-level-1.hover-style-2 li a span:before {
    display: none;
    width: 0;
    height: 3px;
    position: absolute;
    background: #d73c42;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    transition: all 0.3s ease-in-out;
    z-index: -1;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #443f92;
}
.navi-level-1.hover-style-2 li a:hover span:before {
    width: 100%;
}
.navi-level-1.hover-style-2 li a span {
    display: block;
    position: relative;
}
.navi-level-1 li span {
    z-index: 3;
}
ul.nav.navbar-nav.navbar-right.social_icons li a {
    padding: 13px;
    font-size: 20px;
    color: #d73c42;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: inherit;
}
.toggle-dn:hover{
	color:#F00;
}
.navbar-me.subclr {
    background: rgba(255,255,255,0.90);
}
.navbar-me {
	background-color: #fff !important;
    padding: 10px 0px !important;
    margin-bottom: 0px;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    
   
	/*padding: 0px 0px;
    background-color: transparent;
    top: 0px;
    border: 0px;
    border-radius: 0px;
	    z-index: 9999;
 /**transition: all 100ms;
    margin-bottom: 0px;*/
}

nav.navbar.navbar-default.navbar-me.subclr.padding {
    padding: 0px 0px !important;
}
.fixed-me {
    background-color: #fff !important;
   padding: 10px 0px !important;
    margin-bottom: 5px;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    box-shadow: 0px 2px 16px 0px #bbb9b9;
}
ul.nav.navbar-nav.navi-level-1.hover-style-2 {
    padding-top: 0px;padding-left: 48%;
}
ul.nav.navbar-nav.navbar-right.social_icons {
    padding-top: 0px;    padding-right: 48px;
}
nav.navbar.navbar-default.navbar-me.subclr.fixed-me a img.logosub {
    /*width: 80%;
    padding: 6px;*/
}
li.current a {
  
    color: #d73c42!important;
    font-weight: 500;
}
/* slider start */

.np {  padding-left:0px;padding-right:0px; }
.aleft {
    background-image: none !important;
    background-color: transparent !important;
    top: 45% !important;
    opacity: inherit;
}
.aright {
    background-image: none !important;
    background-color: transparent !important;
    top: 45% !important;
    opacity: inherit;
}
.carousel-caption p {
    padding-right: 47%;
    font-size: 16px;
}

/* product start */



ul.menu_over li {
    list-style: none;
    text-align: left;
}

ul.menu_over {
    padding-left: 0px;
    padding-top: 35px;
    padding-left: 23px;
    color: #000;
	    line-height: 26px;
    font-weight: 500;
}
ul.menu_over li a{
  
    color: #000;
}
ul.menu_over li a:hover {
  
    color: #d73c42;
	background-color: inherit;
}
.navbar-default .navbar-nav > li > a {
    color: #3e4095;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #f00 !important;
}

.image {
/*     position:relative;
    display:inline-block;
    margin:10px; */
border-radius:50%;
    transition:all 2s;
    -webkit-transition:all 2s;
    -moz-transition:all 2s;
	
}

.overlay.menu1 {
    position: absolute;
    /* width: 100%; */
    /* top: 40px; */
    background-color: #ffffff80;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    left: 25px;
}

.overlay {
    opacity:0;
 /*    position:absolute;
    width:100%;
    height:100%; */
  
    border:1px solid #ccc; color:#f00;
    top:0;
    left:0;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    color:#000;
    padding:3px;
    font-size:16px;
    transition:opacity 2s;
    -webkit-transition:opacity 2s;
    -moz-transition:opacity 2s;
	 border-radius:0%;
	
}
.image.pro1, .image.pro2,.image.pro3,.image.pro4,.image.pro5 h5 {
	text-align:center;
}
.image:hover .overlay {
    opacity:1;
}
img {
    vertical-align:top;
}
#parent {
    display:inline-block;
}
#parent:hover > .image {
    opacity:1; border-radius:50%;
}
#parent:hover > .image:not(:hover) {
    opacity:0; border-radius:50%;
}
#parent:hover > .image1:not(:hover) {
    opacity:5; border-radius:50%;
}
#parent1:hover .hide {
	display:inherit !important;
	opacity:5 !important;
}
#parent1:hover #parent2 {
	opacity:0 !important;
}
#parent2:hover .hide {
	display:inherit !important;
	opacity:5 !important;
}
#parent2:hover #parent {
	opacity:5 !important;
}



.overlays{
	display:inherit !important;
}
.col-md-4.image.pro1 {
    margin-top: 92px;
}
.col-md-4.image.pro3 {
    margin-top: 25px;
}
.col-md-4.image.pro4 {
   /*  margin-top: -60px; */
    margin-left: -48px;
}
.col-md-4.image.pro5 {
    margin-top: 15px;
}
/* ddddddddddddd */


.ddd img {
     width: 25%;
    overflow: auto;
    height: auto;
    float: left;
    border:10px solid transparent;

}

.wrap:hover .ddd:not(:hover) {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
        opacity: .75;
}

/* welocme home start */
section.home_welcome {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0px 0px 0px;
    border-top: 1px solid #ddd;
}
.about {
    text-align: center;    padding-top: 125px;
}
/* .M-Stage__storyLine {
    position: relative;
    top: 45px;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    background-color: #f00;
    border-radius: 8px;
}
.M-Stage__storyLine:after {
    content: '';
    position: absolute;
    top: 16px;
    left: 8px;
    width: 1px;
    height: 1000px;
    background-color: #f00;
} */

h4.welcome_about {
    text-transform: uppercase;
    color: #d73c42;
    font-size: 16px;
    font-weight: 600;
}
h3.welcome_head {
    font-size: 50px;
    color: #3e4095;
    font-weight: 500;
}
.about p {
    padding: 10px 100px;
    line-height: 26px;
    font-size: 16px;
    font-weight: 600;
	    text-align: justify;
}

.wabout_right {
    background-image:url(../images/home/home_welcome.png);
	background-repeat:no-repeat;
	
}
div#myCarousel1 {
    /* padding: 28px 43px;
    margin-left: 1px; */
	padding: 6px 38px;
}
.carousel-inner.welcome_aboutslider{
margin-left: -111px;
}
a.right.carousel-control.hoewelarow {
    top: 85%;
    left: 64%;
}

/* Carousel Fading slide */
.carousel-fade .carousel-inner {  }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

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

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




/* Carousel Control custom */
.carousel-control .control-icon {
  font-size: 48px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
  }
  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */


/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 


/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  


/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li { border: 0; }

.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 12px;
  height: 12px;
  }

.carousel-indicators li.active {
  background: #fff;
  margin: 0 3px;
  }

/* home conatct start */

.home_contact {
    text-align: center;
}
section.home_contact {
    background-color: #3e4095;
    color: #fff;
    padding: 20px 0px;
}
.home_condeatail h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 42px;
    letter-spacing: 0.03em;margin-bottom: 22px;
}
.home_condeatail h4 {
    font-size: 21px;
    font-weight: 200;
    letter-spacing: 0.03em;
}
.line_right {
    background-color: #1eabe3;
    padding: 22px;
    width: 10%;
    margin-top: -82px;
    margin-left: 95%;
    float: right;
}
.contact_head h3 {
    writing-mode: vertical-lr;
    transform: rotate(360deg);
    text-orientation: sideways;
    text-align: right;
    text-orientation: sideways;
    margin: 0rem;
    display: flex;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    float: left;
    letter-spacing: 1px;
    margin-top: 30px;    padding-left: 86px;
}
.contact_head {
    text-align:center;
 
}
.llinebottom img {
    float: right;
    position: relative;
    margin-right: -30px;
    margin-top: 79px;
}
.owl-nav {
    display: none;
}
.copy_bg {
    background-color: #3e4095;
    color: #e6e6e6;
    padding: 16px 0px 6px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.03em;width:100%;display:inline-block;
}

/* supage page breadcrumb */
.bread {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.subbread {
    background-color: #008ecf;
    background: linear-gradient(to right, #3e4095, #db373d);
	color:#fff;text-align: center;
}
.subbreadpad {
    padding-top: 80px;
    padding-bottom: 130px;
    position: relative;
    overflow: hidden;
}
/* newbread style */
.M-Stage {
    position: relative;
    clear: both;
    margin-bottom: 90px;
}
.M-Stage--darkBackground {
    color: #fff;
}
.u-Background__gradient--lightBlue-turquoise {
       background-color: rgb(56,57,137);
    /* background: linear-gradient(to right, #3e4095, #db373d); */
    background: linear-gradient(90deg, rgba(56,57,137,1) 25%, rgba(62,64,149,1) 72%, rgba(219,55,61,1) 100%);
}
.M-Stage__container {
    padding-top: 20px;
    padding-bottom: 40px;
    position: relative;
    overflow: hidden;
}
.M-Stage__text {
    position: relative;
    text-align: center;
}
.M-Stage__storyLine {
    position: relative;
    top: 20px;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 8px;
}
.M-Stage__storyLine:after {
    content: '';
    position: absolute;
    top: 16px;
    left: 8px;
    width: 1px;
    height: 1000px;
    background-color: #fff;
}
.M-Stage:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100px;
    bottom: -100px;
    background-color: #ddd;
}
li.breadcrumb-item a {
    color: #999;
}

/* abpout us style start */
.about-policy {
    margin-bottom: 80px !important;
    padding-top: 80px !important;
    padding-bottom: 200px !important;
    background: #f3f3f3 url(../images/about-us-policy-bg.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;    height: 194px;

}
.wpb_single_image.vc_align_center {
    text-align: center;
}

.about_content h4 {
   font-size: 40px;
    padding-bottom: 16px;
    padding-top: 0px;
}
.subabout{padding:40px 0px 60px 0px; text-align:center;}
.about_content p {
    padding: 25px 175px;
    font-size: 16px;
    line-height: 27px;
    color: #000;
	text-align: justify;
}
.subabout.abo_pad {
    padding-bottom: 30px;
}
.wpb_content_element.vision {
    padding-top: 10px;
}

/* contact us */

.contact_content {
    text-align: left;
    line-height: 26px;
    padding-top: 0px;
    padding-bottom: 17px;
}
.contact_content p a {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin-bottom: 52px;
    color: #000;
    border-bottom: 1px solid #ccc;
}
.contact_content p  {

    margin-bottom:30px;
}
.contact_content h5 {
    color: #999;
}
.focus-t span {
    bottom: 36px !important;
    color: #d74141;
    font-size: 15px;
    transition: all 0.3s ease 0s;
    z-index:1;
}
.focus-t input:focus{
	border-color: #d74141;	
}
.focus-t textarea:focus{
	border-color: #d74141;	
}
.text-effect input, .text-effect textarea{
    border:none;
    border:1px solid #073951 !important;
    border-radius: 0;
    position:absolute;
	bottom:0;
    border-style: none none solid;
    border-width: 1px;
    box-shadow: none;
	z-index:2;
	background-color:transparent;
}
.form-control:focus {
    border:1px solid #073951 !important;
    box-shadow: none;
    outline: 0 none;
	transition:0.6s;
}

button.button_send {
    background-color: #db373d;
    border: 0px;
    color: #fff;
    padding: 9px 20px;
    margin-bottom: 30px;
    float: right;
    border: 1px solid #f00;
}
button.button.button_send:hover {
    border: 1px solid #f00;
    background-color: #fff;
    color: #000;
}
img.contact_img {
    padding-top: 0px;
}
/* clients style start */
span.clien {
    border-bottom: 1px solid #990;
}
.contact_stat .cust {
   

  
}
.cus_list {
    background-color: #fff;
    box-shadow: 0px 0px 20px #ccc;
    margin-bottom: 30px;
    padding: 20px 0px;-webkit-transition: width 2s; /* Safari */
  transition: width 2s;
}
.cus_list:hover {

    box-shadow: 0px 0px 5px #ccc;
    padding: 20px 0px;-webkit-transition: width 2s; /* Safari */
  transition: width 2s;
}
/* .contact_stat1 .cust {
    border: 1px solid #dedcdc;
    padding: 20px;border-bottom:0px;
  
}
.contact_stat2 .cust {
    border: 1px solid #dedcdc;
    padding: 20px;
  
} */

/* galllery */
.portfolio-inner.text-right.topbreaktop {
	margin-top: 20px;
}
.portfolio-inner.text-right.topbreak {
	margin-top: 20px;
	margin-bottom: 20px;
}
.portfolio-inner.text-right.bottombreak {
	margin-bottom: 20px;
}
#portfolio.port03 .portfolio-block {
	margin-bottom: 20px;
}
.portfolio-inner img {
	width: 100%;
	height: 100%;
	border-radius: 0 18px 0 0;
}
#portfolio a.zoom {
	bottom: 0;
	color: #505050;
	font-family: arim;
	font-size: 100px;
	left: -27px;
	margin-top: -4px;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}
section#portfolio {
    padding: 40px 0px 60px 0px;
}
.copyright p a {
    color: #c7c7c7;
}

/* Products - gate style start */
.about-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 20px 0 90px 0px;
}

.about-section .image-column{
	position: relative;
}

.about-section .image-column .inner-column{
	position: relative;
	text-align: right;
	margin-right: -15px;
}

.about-section .image-column .title-box{
	position: absolute;
	left: 95px;
	bottom: 75px;
	width: 100%;
	text-align: left;
	z-index: 9;
}

.about-section .image-column .title-box h2{
	position: relative;
	display: block;
	font-size: 60px;
	line-height: 78px;
	color: #f2f2f2;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: 0 0 10px #000;
	font-family: "Rubik", sans-serif;
}

.about-section .image-column .image-box{
	position: relative;
	z-index: 1;
	padding-top: 20px;
}

.about-section .image-column .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.about-section .image-column .image-box .alphabet-img{
	position: absolute;
	left: 0;
	top: 0;
}

.about-section .image-column .image-box .alphabet-img img{
	max-width: 100%;
	height: auto;
}

.about-section .image-column .image img{
	display: inline-block;
	max-width: 100%;
	height: auto;
	-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	-moz-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	-ms-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	-o-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}

.about-section .content-column{
	position: relative;
}

.about-section .content-column .inner-column{
	position: relative;
	padding-top: 68px;
}

.about-section .content-column .content-box{
	position: relative;
	padding: 13px 58px 17px;
	background-color: #ffffff;
	border: 20px solid #f2f2f2;
	border-left: 0;
}

.about-section .content-column .content-box .title{
	position: relative;
	margin-bottom: 35px;
}

.about-section .content-column .content-box .title h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 42px;
	color: #222222;
	font-weight: 500;
	padding-bottom: 35px;
}

.about-section .content-column .content-box .title h2:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 45px;
	background-color: #db373d;
	content: "";
}

.about-section .content-column .content-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	margin-bottom: 45px;
}

.about-section .content-column .content-box .link-box{
	position: relative;
}

.about-section .content-column .content-box .link-box a{
	font-weight: 700;
}
/* gate */
/* Shine */
.hover14.column img {
    width: 100%;    box-shadow: 0 4px 15px rgba(0,0,0,0.11);    -webkit-transition: all .5s !important;
    -moz-transition: all .5s!important;
    -ms-transition: all .5s!important;
    -o-transition: all .5s!important;
    transition: all .5s!important;    margin-bottom: 30px;
}
.hover14.column img:hover{box-shadow: 0 2px 5px rgba(0,0,0,0.3);   -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1); }
.orgate {
    padding-bottom: 40px;
}
/* padding */
.pt-10{padding-top:20px;}

img.logosub.homelogo {
   /* padding-top: 22px;*/
    margin-bottom: -65px;
    padding-left: 46px;
	margin-top: -18px;
}

/* products starts */

.nav-pills > li > a { 
    background-color: rgba(200, 200, 200, 0.2);
	border-radius:0;
	font-size:15px !important;
	color: #555555 !important;
	font-weight: 600;
}
.nav-pills > li > a:hover {
   color: #555555 !important;
    background-color: rgba(200, 200, 200, 0.2)
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: white !important;
    background-color: #3e4095;
    position: absolute;
    text-align: center;
    padding: 12px;
    font-size: 12px;
    text-transform: unset;
    -webkit-font-smoothing: subpixel-antialiased;
    top: -4px;
    left: 0px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    box-shadow: 0 16px 26px -10px rgba(57, 58, 139, 0.38), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
    width: 103%;
	transform: translate3d(-8px, 0px, 0px);
transition: all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1) 0s;
}
.tab-space{
	margin-top:2em;
}
.top-space{
	margin-top:2em;
}

/****** image hover ******/

.image-hover {position:relative;width:100%;height:260px;display:inline-block;overflow:hidden;background:#eaeaea;border:10px solid #fff;
box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3)}
.image-hover a {text-decoration:none}
.image-hovers{
	height:auto;
}
.image-hover img {margin:0px}

/*** effect - image roll ***/

.img-roll {background:#eaeaea}
.img-roll img {position:absolute;top:0px;right:0px;bottom:0px;left:0px}

.img-roll .img-1 {left:0px; width:100%;}
.img-roll .img-11 {left:0px; width:100%;}

.img-roll .img-2 {left:123%}
.img-roll:hover .img-1 {left:123%}
.img-roll:hover .img-2 {left:0px}

.img-roll img
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.img-roll:hover img
{
transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
}



/* products ends */

/* hover and hide effects starts */

.pro1{
	position: relative;
    left: 10em;
    top: 4em;
}
.pro2{
	position: relative;
    left: 34em;
    top: -10em;
}
.pro3{
	position: relative;
    top: -13em;
    left: 22em;
}
.pro4{
	position: relative;
    top: -17em;
    left: 10em;
}
.pro5{
	position: relative;
    top: -31em;
    left: 34em;
}
/**.he-top{
	height:36em;
}**/
.image-hoversy {position:relative;width:100%;height:192px;display:inline-block;/*overflow:hidden;*/}
.image-hoversy a {text-decoration:none}

.image-hoversy img {margin: 0px;}

/*** effect - image opacity ***/

.img-opacity img {position:absolute;top:0px;right:0px;bottom:0px;left:0px}

.img-opacity .img-1 {opacity:1}
.img-opacity .img-2 {opacity:0;}
.img-opacity .img-3 {opacity:0;}
.img-opacity .img-4 {opacity:0;}
.img-opacity:hover .img-1 {opacity:1}
.img-opacity:hover .img-2 {opacity:1; position:relative; left:-10em; top:3em;}
.img-opacity:hover .img-3 {opacity:1; position:relative; left:-10em; top:11.5em;}
.img-opacity:hover .img-4 {opacity:1; position:relative; left:-7em; top:1em;}

.img-opacity img
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.img-opacity:hover img
{
transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
}

.img-opacity .img-11 {opacity:1}
.img-opacity .img-22 {opacity:0;}
.img-opacity .img-33 {opacity:0;}
.img-opacity .img-44 {opacity:0;}
.img-opacity:hover .img-11 {opacity:1;}
.img-opacity:hover .img-22 {opacity:1; position:relative; left:11.5em; top:1em;}
.img-opacity:hover .img-33 {opacity:1; position:relative; left:-19.5em; top:1em;}
.img-opacity:hover .img-44 {opacity:1; position:relative; left:-19em; top:11.5em;}



.img-opacity .img-g1 {opacity:1}
.img-opacity .img-g2 {opacity:0;}
.img-opacity .img-g3 {opacity:0;}
.img-opacity .img-g4 {opacity:0;}
.img-opacity .img-g5 {opacity:0;}
.img-opacity .img-g6 {opacity:0;}
.img-opacity .img-g7 {opacity:0;}
.img-opacity:hover .img-g1 {opacity:1;}
.img-opacity:hover .img-g2 {opacity:1; position:relative;left:-2em; top:12em;}
.img-opacity:hover .img-g3 {opacity:1; position:relative;left:12em; top:0em;}
.img-opacity:hover .img-g4 {opacity:1; position:relative;left:-20em; top:0em;}
.img-opacity:hover .img-g5 {opacity:1; position:relative;left:-40em; top:0em;}
.img-opacity:hover .img-g6 {opacity:1; position:relative;left:-40em; top:0em;}
.img-opacity:hover .img-g7 {opacity:1; position:relative;left:-8em; top:0em;}


.img-opacity .img-ga1 {opacity:1}
.img-opacity .img-ga2 {opacity:0;}
.img-opacity .img-ga3 {opacity:0;}
.img-opacity:hover .img-ga1 {opacity:1;}
.img-opacity:hover .img-ga2 {opacity:1; position:relative;left:13em; top:2em;}
.img-opacity:hover .img-ga3 {opacity:1; position:relative;left:-20em; top:2em;}



.img-opacity .img-r1 {opacity:1}
.img-opacity .img-r2 {opacity:0;}
.img-opacity .img-r3 {opacity:0;}
.img-opacity:hover .img-r1 {opacity:1;}
.img-opacity:hover .img-r2 {opacity:1; position:relative; left:-9.5em; top:2em;}
.img-opacity:hover .img-r3 {opacity:1; position:relative; left:1.5em; top:1em;}

/*popup starts*/

.pro-btns{
	box-shadow: none;
    border: none;
    background-color: #FFF;
    padding: 0;
	width:100%;
}
.pro-btns:hover{
	box-shadow: 0px 1px 17px #cacaca;
    border: none;
    background-color: #FFF;
    padding: 0;
}
.all-specfs {
    padding: 15px;
	box-shadow: 0px 1px 17px #cacaca;
}
.all-specfs h3{
	color: #dc353b;
    border-bottom: 2px dotted #3e4094;
	font-family:'Open Sans', sans-serif !important;
	padding-bottom:10px;
}
.specf-design{
	width:100%;
	margin-bottom: 0px;
}
.specf-design th{
	font-size:14px;
	font-family:'Open Sans', sans-serif !important;
}
.specf-design td{
	font-size:13px;
	padding:5px;
	font-family:'Open Sans', sans-serif !important;
}
.modpro-header{
	background-color: #3e4095;
    border: 8px solid #fff;
}
.modpro-heading{
	font-size:24px;
	color:#fff;
	font-family:'Open Sans', sans-serif !important;
}
.c-names{
	text-align:center;
	margin-top:0px !important;
}





h2.woocommerce-loop-category__title {
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .03em;
    line-height: 1.5;
    padding-top: 20px;
    margin: 0;
    font-family: "Source Sans Pro",Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #111111;
}

.product-category-content:hover {
    border-bottom-color: #ccc;
}
.category-link a {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.3em;
    letter-spacing: 0;
    color: #ccc;
    margin-top: 5px;
    margin-bottom: 30px;
}
h2.vc_custom_heading.style-robin.align-center {
    font-size: 36px;
    color: #000000;
    line-height: 1.6em;
    text-align: center;
}
h2.vc_custom_heading.style-robin.align-center:after {
    content: "";
    display: block;
    height: 2px;
    width: 100px;
    margin-top: 1px;
    background-color: #fab200;
    /* left: 10px; */
    margin-left: 609px;
    margin-bottom: 36px;
}
i.fa.fa-angle-double-right.home_page {
    font-size: 15px;
    padding-right: 8px;
}
.hvr-grow {
  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;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.image_align img {
    width: 218px;
}
.category-link ul {
    list-style: none;
    padding-left: 0px;
    padding: 7px 0;
    font-size: 15px;
    color: #7d7d7d;
}
.category-link ul li a {
    background: none !important;
    color: unset;
}
.category-link ul li a {
    background: none !important;
    color: unset;
    margin: 0px 0px 0px 0px;
}

.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 5px;
    overflow: visible !important;
}
th.align_center {
    text-align: center;
}

.over_div {
    padding-bottom: 25px;
}
.hvr-grow {
  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;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

i.fa.fa-facebook.link1 {
    background: #3b5998;
    color: white;
    padding: 7px;
    margin-right: 19px;
    height: 24px;
    line-height: 14px;
    font-size: 13px;
}
i.fa.fa-youtube-play.link2 {
    color: #ff0000;
    font-size: 26px;
    padding-right: 14px;
    padding-top: 12px;
}

ul#myTabs {
    background-color: rgba(200, 200, 200, 0.2);
}
/*ul.processing-system.three_circle.four_circle {
    margin: 0px 0 0;
}
.sec-title.mar_btm {
    padding-bottom: 0px !important;
}
.sec-title.mar_btm h1 {
    line-height: 31px;
}*/
ul.processing-system.three_circle.four_circle {
    display: flex;
}
ul.processing-system.three_circle.four_circle li {
    margin: 0 7px 0;
}
ul.processing-system.three_circle.four_circle {
    margin: 31px -50px 0;
}
ul.nav.navbar-nav.navi-level-1.hover-style-2.pad-top {
    padding-top: 28px;
}
ul.nav.navbar-nav.navbar-right.social_icons.icon_bottom {
    padding-top: 30px;
}
/*popup ends*/

.home_prdct_bg
{
	 background: #f7f7f7 none repeat scroll 0 0;
}
.navbar-default .navbar-toggle {
    /*border-color: #3e4095;*/
	border-color: #f44336;
    margin-top: -7px;
}
.navbar-toggle {
    padding: 6px 8px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #0003ff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-toggle .icon-bar {
    width: 19px;
    height: 3px;
   
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background-color: white;
}
.new_padd {
   margin-top: -10px;
    margin-bottom: 10px;
}
.new-icon{
	 margin-top: -10px;
}
.position_div {
    position: sticky;
}

.mob_res {
    padding-bottom: 18px;
}
.lan_num{
	font-size: 45px;
}

.wpb_single_image.vc_align_center p {
    text-align: justify;
}

/*Responsive start*/


@media screen and (max-width: 768px) {
.mob_res {
    padding-bottom: 14px;
}	
	
.over_div {
    padding-bottom: 0px;
}	
	.about-policy {
    height: 400px;
    padding-top: 48px !important;
    padding-bottom: 1px !important;
}
.image-hover {
    margin-bottom: 2em;
}
.item.height_div img{
	background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-image: url(images/t1isotankcont.jpg);
    background-size: cover;
    background-position: left top;
    width: 100% !important;
    height: 163px !important;
    opacity: 1;
}
.sec-title h1 {
    color: #292929;
    font-size: 23px;
    line-height: 32px;
    text-transform: uppercase;
    margin-top: -31px;
    font-family: Raleway;
}
h3.welcome_head {
    font-size: 25px;
    color: #3e4095;
    font-weight: 500;
    line-height: 20px;
}
.about-us-area .icon-box {
    float: right;
    position: relative;
    width: 100% !important;
}
.about-us-area .icon-box .single-item {
    margin-bottom: 2px !important;
    padding-bottom: 6px !important;
    padding-left: 65px !important;
    padding-top: 2px !important;
    
    
}
.home-pad-remove li a {
    
    padding: 7px !important;
}
.about-us-area .icon-box .single-item .icon {
    padding: 8px 0 !important;
    font-size: 21px;
}
.about-us-area .icon-box .single-item .content h2 {
    font-size: 17px !important;
   
}
.about-us-area .image-column {
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 100% !important;
    overflow: hidden;
    padding: 21px 0 !important;
    position: relative;
    width: 50%;
}
.processing-system {
    margin: 0px 0px 0 !important;
}
.about-us-area .content-column .inner-box .sec-title {
    padding-bottom: 0px !important;
}
.processing-system li .single-item .iocn-holder {
    height: 144px !important;
    width: 144px!important;
    background: none;
    border-radius: 50%;
    border: 0px solid #ebebeb;
    position: relative;
    transition: all 500ms ease;
}
img.flaticon-tool {
    width: 131%!important;
    margin-left: -16px !important;
    margin-top: -12px !important;
}
img.logosub.homelogo {
    padding-left: 7px;
    margin-top: -18px !important;
    margin-bottom: -49px;
}
.new_padd {
    margin-top: 4px !important;
    margin-bottom: 10px;
}




.side-collapse-container{
    width:100%;
    position:relative;
    left:0;
    transition:left .4s;
 }
.side-collapse-container.out{
 left:200px;
}
       
.side-collapse {
    top: 76px;
    bottom: 0;
    right: 0px;
    width: 100 %;
    position: fixed;
    overflow: hidden;
    transition: width .4s;
    width: 100%;
}
      
.side-collapse.in {
 width:0;
    }
	ul.nav.navbar-nav.navi-level-1.hover-style-2 {
    padding-top: 0px;
    padding-left: 0%;
}
.divide {
    padding-left: 0px;
}

ul ul ul {
    left: 87%;
}

.sub-part li a {
    padding: 10px 31px!important;
}
.portfolio-inner.text-right.new1 img {
    margin-top: 20px;
}
ul.nav.navbar-nav.navbar-right.social_icons {
     padding-left: 4px !important;
}
nav.navbar-collapse.bgclr {
    margin-top: 13px;
	border: 1px solid #eee;
	
}
.navbar-default .navbar-nav > li > a {
   
    border-bottom: 1px solid #eee;
}

ul.nav.navbar-nav.navi-level-1.hover-style-2 {
   
    padding-left: 0% !important;
}
ul.nav.navbar-nav.navi-level-1.hover-style-2 {
   margin-bottom: -16px;
}
li.hvr-pop.icon_res a {
    border: 0px;
}
.navbar-nav {
    margin: -3.5px -15px;
}

}
	

@media screen and (max-width: 999px) {
	
	.image-hover {
    margin-bottom: 2em;
}
}





/* gallery page start */

.chngebgclr {
    position: relative;
    width: 100%;
    height: 252px;
    display: inline-block;
    overflow: hidden;
    background: #f9f8f8;
    border: 0px solid #fff;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}
img.rmvebrder {
    border: none !important;
}

.close.popup-deisgn {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 0;
    color: #fff;
    /* text-shadow: 0 1px 0 #fff; */
    filter: alpha(opacity=20);
    opacity: unset;
	border-color: #ccc;
	width: 30px;
    height: 30px;
    background-color: #ccc !important;
    border-radius: 50%;
    box-shadow: inset 0 -1px rgba(0,0,0,.1), 0 1px 1px 0 rgba(0,0,0,.06), 0 2px 5px 0 rgba(0,0,0,.2);
}
.modal-header.no-border {
    padding: 8px;
    border-bottom: 0px;
}
.modal-body.new-img img {
    width: 100%;
    background-color: unset;
    margin: 0px auto;
	height: 80%;
}




@media only screen and (max-width: 600px) {
.modal-body.new-img img {
    width: 100%;
    background-color: unset;
    margin: 0px auto;
	height: unset;
}
}
@media(min-width: 600px) and (max-width: 768px){
.modal-body.new-img img {
    width: 100%;
    background-color: unset;
    margin: 0px auto;
}
}


/* product popup design page start */
.modal-content {
    position: relative !important;
    background-color: unset !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: unset;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: unset !important;
}
.modal-body {
   
    padding: 0px;
}

.modal-dialog {
    width: 86%;
}
.modal-footer {
    padding: 0px;
    text-align: right;
    border-top: 0px;
    background: unset;
    margin: 0px;
}

button.btn.btn-danger {
    margin-bottom: 5px;
    margin-right: 0px;
}
.modal-body img {
    background: white;
	width: 78%;
}

.btn-danger {
    border-color: #ccc;
    background-color: #ccc;
    border-radius: 50%;
    box-shadow: inset 0 -1px rgba(0,0,0,.1), 0 1px 1px 0 rgba(0,0,0,.06), 0 2px 5px 0 rgba(0,0,0,.2);
}

.modal-body.width-set img {
    width: 35%;
}
.modal-body.width-set2 img {
    width: 59%;
}
@media only screen and (max-width: 600px) {

.modal-dialog {
    width: 96%;
}
.modal.fade.in {
    padding-right: 6px !important;
	background: #524c4c47;
}
.modal-body img {
    background: white;
    width: 100% !important;
}

}


@media(min-width: 600px) and (max-width: 768px){
.modal-dialog {
    width: 100%;
}	
	
.modal-body img {
    background: white;
    width: 100% !important;
}	
	
	
}


/* product popup design page  end */





/*homw page welcom part res style*/

@media(min-width: 992px) and (max-width: 1380px){
div#myCarousel1 {
    padding: 27px 38px;
}	
	
}


/*homw page welcom part res style end*/