body h3{
    font-size: 23px;
}

body p{
    font-size: 13px;
}

.navbar-brand {
  transform: translateX(-50%);
  left: 40%;
  position: absolute;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: black;
}

.navbar-brand img{
    height: 40px;
    width: 200px;

}

.navbar-custom{
    background-color: #25383C;
    padding-bottom: 10px;
}
.navbar-custom ul{
    padding-top: 30px;
}
.navbar-custom ul li a{
    letter-spacing: 0.4px;
    font-size: 14px;
    color: red;
}
.navbar-custom ul li ul{
    padding: 0;
}

.navbar-custom ul li ul li a:hover{
    color: #fff;
    background: #004000;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown:hover {
    color: blue;
}

.dropdown-menu {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-menu li a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-menu li a:hover {
    color: peachpuff;
    text-decoration: none;
}



/* navbar ends */


.underline{
    font-variant: small-caps;
    border-bottom: #7FFFD4 3px solid;
    font-family: "Bookman" ;
}
.para {
    font-family: "Verdana";
    text-align: justify;
    padding-top: 20px;
}

/* wrapper starts */
.wrapper-banner{ 
   background-image: url(../images/banner.jpg);
}
.wrapper-banner a{
   color: #25383C;
}
.wrapper-top{
    padding-top: 50px;
    padding-bottom: 10px;
}
.wrapper-top img{
     display:block;
     margin: auto;
}
.wrapper-bottom img{
     display:block;
     margin: auto;
}

.wrapper-about{}
.wrapper-why{}
.wrapper-bottom{
    padding-top: 10px;
    padding-bottom: 50px;
}
.wrapper-quality{}
.wrapper-group{}



/* wrapper ends */


/* footer starts */
.footer{
    background-image: url(../images/fb.jpg);
    color: #7FFFD4;
    padding: 30px 0 20px 0;
}
.footer h5{
    color: blue;
    text-align:center;
}
.footer-about{}
.footer-link ul{
  margin:0;
  padding: 0;
}
.footer-link li{
    list-style: none;
    line-height: 2;
    text-align:center;
}
.footer-social li{ 
    list-style: none;
    line-height: 1.8;
    text-align:center;
 }
 .footer-social img {
    float:left;
    vertical-align: middle;
 }
 .footer-contact {
    text-align:center;
    line-height: 2;
    padding-top: 5px;
 }
.footer-contact p{
    text-align: center;
}
.footer-contact ul{
    padding-top: 30px;
}
.footer-contact ul li{
    display: inline;
}
.footer-contact ul li img{
    height: 40px;
    width: 40px;
}
/* footer ends */


/* about start */
.about{
    padding: 15px 0 15px 0;
}
.about-header{
    background-image: url(../images/about.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:180px;
}

/* about ends */


/* vision start */
.vision{
padding: 15px 0 15px 0; 
}
.vision-header{
    background-image: url(../images/vision.jpg);
   background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:180px;
}

/* vision ends */


/* quality start */

.quality{
    padding: 15px 0 15px 0; 
}
.quality ul li{
    line-height: 2;
}
.quality-header{
    background-image: url(../images/quality.jpg) ;
  background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:180px;
}

/* quality ends */

/* regulatory start */
.regulatory{
    padding: 15px 0 15px 0;
}
.regulatory-header{
    background-image: url(../images/regulatory-header.jpg);
  background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:180px;
}
/* regulatory ends */

/* manage start */
.manage{
    padding: 20px 0 50px 0;
}
.manage-header{
    background-image: url(../images/manage-header.jpg);
     background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:180px;
}
.manage p{
    text-align: justify;
}

/* manage ends */

/* Manufacturing start */

.mfg{
    padding: 20px 0 50px 0;
}
.mfg-header{
    background-image: url(../images/mfg-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:180px;
}
.mfg h3{
    margin-bottom: 20px;
}
.group-company{
    padding-top: 30px;
    padding-bottom: 30px;
}
.group-company h3{
    padding-bottom: 45px;
}
.group-company img{
    height: 60px;
    width: 350px;
}

/* Manufacturing ends */

/* R & D start */


.rnd{
    padding: 20px 0 50px 0;
}
.rnd-header{
    background-image: url(../images/rnd-header.jpg);
   background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:200px;
}
/* R & D ends */

/* marketing start */

.marketing-header{
   background-image: url(../images/a.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:180px;
}
.marketing{
    padding: 50px 0 50px 0;
}
/* marketing ends */

/* products start */
.product-header{
    background-image: url(../images/product-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:180px;
}

.product{
    padding: 50px 0 50px 0;
}

.product .navbar-toggle .icon-bar {
    background-color: #7FFFD4;
}

.product-cate ul li a:hover{
    background-color: #7FFFD4;
    color: white;
}
.product-cate ul li a{
    padding: 40px 0 40px 0;
    font-size: 20px;
}
.product-cate{
    background-color: #7FFFD4;
}
.cate{
    padding-top: 50px;
}
.cate ul li{
    border-bottom: 1px solid #7FFFD4 ;
    margin-top: 0px;
    list-style:none;
    display: block;
} 
.cate table{
    text-align: center;
    margin-top: 20px;
}
.cate table tr:first-child{
    background-color: #7FFFD4;
    color: #5A83B2;
    text-transform: uppercase;
}

.cate table tr td:first-child{
    width: 10px;
}
.cate table tr td:nth-child(2){
    width: 200px;
}
.cate table tr td:nth-child(3){
    width: 200px;
}
.vet-cate table tr:first-child{
    background-color: #E8E8E8;
    color: #5A83B2;
    text-transform: uppercase;
}
.vet-cate table tr td:first-child{
    width: 10px;
}
.vet-cate table tr td:nth-child(2){
    width: 150px;
}
.vet-cate table tr td:nth-child(3){
    width: 50px;
}
.vet-cate table tr td:nth-child(4){
    width: 50px;
}


/* products ends */

/* career start */
.career{
    padding: 15px 0 15px 0;
}
.career-header{
    background: url(../images/career-header.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:180px;
}
.file {
  visibility: hidden;
  position: absolute;
}

/* career ends */


/* contact start */

.contact-header{ 
    background-image: url(../images/contact.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:180px;
}
.contact{
    padding: 15px 0 15px 0;
}

/* contact ends */




 /*  background slidder  */
.slider{
    margin-top:50px;
    height: 150px;
}
.slider ul{
    height: 150px;
}
.cb-slideshow,
.cb-slideshow:after { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.html) repeat top left; 
}

.cb-slideshow li {list-style: none;}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 20s linear infinite 0s;
    -moz-animation: imageAnimation 20s linear infinite 0s;
    -o-animation: imageAnimation 20s linear infinite 0s;
    -ms-animation: imageAnimation 20s linear infinite 0s;
    animation: imageAnimation 20s linear infinite 0s; 
}

.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 50px;
    left: 0px;
    width: 100%;
    text-align: left;
    opacity: 0;
    color: #000;
    -webkit-animation: titleAnimation 20s linear infinite 0s;
    -moz-animation: titleAnimation 20s linear infinite 0s;
    -o-animation: titleAnimation 20s linear infinite 0s;
    -ms-animation: titleAnimation 20s linear infinite 0s;
    animation: titleAnimation 20s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 15px;
    padding: 0;
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:100%;
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:100%;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:100%;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s; 
}

.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: s;
    -ms-animation-delay: 2s;
    animation-delay: 2s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s; 
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}



/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}





@media screen and (min-width: 1200px){
/* navbar starts */

body h3, h4{
    font-size: 28px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

body p{
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size:18px;
}
.list li{
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size:18px;
}
.navbar-brand img{
	height: 45px;
	width: 350px;
    margin-top: 10px;
    margin-bottom:20px;
}
.navbar-brand {
  transform: translateX(0%);
  left: 10%;
  position: absolute;
}

.navbar-custom{
	background-color:white;    /* top banner bgcolor*/
    padding-bottom: 0;
}
.navbar-custom ul{
	padding-top: 25px;
    padding-right: 50px;
    padding-bottom: 10px;
}
.navbar-custom ul li ul{
	padding-top: 0;
    padding-right:0px;
}

.navbar-custom ul li a:hover{
   background-color: #004000;    /* navbar hover color*/
   color:white;
}
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown:hover {
   	color: white;  
}
.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #004000;      /*dropdown  bgcolor*/
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-menu li a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-menu li a:hover {
	color: white;
	text-decoration: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
}


/* navbar ends */


.underline{
    font-variant: small-caps;
    border-bottom: #78C6F5 3px solid;
    font-family: "Bookman" ;
}

/* wrapper starts */
.wrapper{

}
.wrapper-top{
	padding-top: 50px;
	padding-bottom: 10px;
}
.wrapper-top img{
     display:block;
     margin: auto;
}
.wrapper-bottom img{
     display:block;
     margin: auto;
}
.wrapper-about img{
}
.wrapper-why{}
.wrapper-bottom{
	padding-top: 10px;
	padding-bottom: 50px;
}
.wrapper-quality{}
.wrapper-group{}
.welcome {
    padding: 40px 0 20px 0;
}
/* wrapper ends */


/* footer starts */
.footer{
	background-image: url(../images/fb.jpg);
	color: orange;  /*footer text color*/
	padding: 30px 0 20px 0;
}
.footer h5{
	color: white;   /*footer heading color*/
	text-align:center;
}
.footer-about{}
.footer-link li{
	list-style: none;
	line-height: 2;
	text-align:center;
}
.footer-social li{ 
	list-style: none;
	line-height: 1.8;
	text-align:center;
 }
 .footer-social img {
 	float:left;
	vertical-align: middle;
 }
 .footer-contact {
    text-align:center;
    line-height: 2;
 }
.footer-contact p{
    text-align: justify;
    padding-left: 200px;
}
.footer-contact ul{
    padding-top: 30px;
}
.footer-contact ul li{
    display: inline;
}
.footer-contact ul li img{
    height: 40px;
    width: 40px;
}
/* footer ends */


/* about start */
.about{
	padding: 40px 0 50px 0;
}
.about-header{
	background-image: url(../images/about.jpg);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:450px;
}
/* about ends */


/* vision start */
.vision{
padding: 40px 0 50px 0;	
}
.vision-header{
	background-image: url(../images/vision.jpg);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:450px;
}

/* vision ends */


/* quality start */

.quality{
	padding: 40px 0 50px 0;	
}
.quality ul li{
    line-height: 2;
}
.quality-header{
	background-image: url(../images/quality.jpg) ;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:450px;
}

/* quality ends */

/* regulatory start */
.regulatory{
    padding: 40px 0 50px 0;
}
.regulatory-header{
    background-image: url(../images/regulatory-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:450px;
}
/* regulatory ends */


/* manage start */
.manage{
    padding: 40px 0 50px 0;
}
.manage-header{
    background-image: url(../images/manage-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:450px;
}
.manage p{
    text-align: justify;
}

/* manage ends */


/* Manufacturing start */

.mfg{
    padding: 40px 0 50px 0;
}
.mfg-header{
    background-image: url(../images/mfg-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:450px;
}
.mfg h3{
    margin-bottom: 20px;
}
.group-company{
    padding-top: 30px;
    padding-bottom: 30px;
}
.group-company h3{
    padding-bottom: 45px;
}
.group-company img{
    height: 60px;
    width: 350px;
}

/* Manufacturing ends */


/* R & D start */


.rnd{
    padding: 40px 0 50px 0;
}
.rnd-header{
    background-image: url(../images/rnd-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:450px;
}
.rnd p{
    margin-top: 20px;
}

/* R & D ends */

/* marketing start */

.marketing-header{
   background-image: url(../images/a.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   width: 100%;
   height:450px;
}
.marketing{
    padding: 80px 0 50px 0;
}
/* marketing ends */

/* products start */
.product-header{
    background-image: url(../images/product-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:450px;
}

.product{
    padding: 100px 0 50px 0;

}

.product-cate ul li a:hover{
    background-color: orange;  /*product table heading hover bgcolor*/  
    color: white;
}
.product-cate ul li a{
    padding: 40px 0 40px 0;
    font-size: 20px;
}
.product-cate{
    background-color: peachpuff;  /*product table heading bgcolor*/
}
.cate{
    padding-top: 100px;
}
.cate ul li{
    border-bottom: 1px solid #95B0CA ;  /*product table  line color*/
    margin-top: 0px;
    list-style:none;
    display: block;
} 
.cate table{
    text-align: center;
     margin-top: 0px;
}
.cate table tr:first-child{
    background-color: gold;  /*product table <th> bgcolor*/
    color: white; /*product table <th> color*/
    text-transform: uppercase;
}

.cate table tr td:first-child{
    width: 10px;
}
.cate table tr td:nth-child(2){
    width: 200px;
}
.cate table tr td:nth-child(3){
    width: 200px;
}

.vet-cate table tr:first-child{
    background-color: gold;   /*product ventinary table <th> bgcolor*/
    color: white;         /*product vetinary table <th> color*/
    text-transform: uppercase;
}
.vet-cate table tr td:first-child{
    width: 10px;
}
.vet-cate table tr td:nth-child(2){
    width: 150px;
}
.vet-cate table tr td:nth-child(3){
    width: 50px;
}
.vet-cate table tr td:nth-child(4){
    width: 50px;
}


/* products ends */

/* career start */
.career{
	padding: 50px 0 50px 0;
}
.career-header{
	background-image: url(../images/career-header.png);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:450px;
}

.file {
  visibility: hidden;
  position: absolute;
}

/* career ends */


/* contact start */

.contact-header{ 
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:450px;
}
.contact{
	padding-bottom: 50px;
}


/* contact ends */




 /*  background slidder  */
.slider{
	height: 500px;
}
.slider ul{
	height:500px;
}
.cb-slideshow,
.cb-slideshow:after { 
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.html) repeat top left; 
}

.cb-slideshow li {list-style: none;}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 20s linear infinite 0s;
    -moz-animation: imageAnimation 20s linear infinite 0s;
    -o-animation: imageAnimation 20s linear infinite 0s;
    -ms-animation: imageAnimation 20s linear infinite 0s;
    animation: imageAnimation 20s linear infinite 0s; 
}

.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 200px;
    padding-left: 820px;
    width: 100%;
    text-align: left;
    opacity: 0;
    color: #F5F5DC;
    -webkit-animation: titleAnimation 20s linear infinite 0s;
    -moz-animation: titleAnimation 20s linear infinite 0s;
    -o-animation: titleAnimation 20s linear infinite 0s;
    -ms-animation: titleAnimation 20s linear infinite 0s;
    animation: titleAnimation 20s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 40px;
    padding: 0px ; 
}
.cb-slideshow li:nth-child(1) span { 
    background: url(../images/1.jpg) no-repeat center center;
    background-size: 100% auto;
}
.cb-slideshow li:nth-child(2) span { 
    background: url(../images/2.jpg) no-repeat center center;
    background-size: 100% auto;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-delay: 2s; 
}
.cb-slideshow li:nth-child(3) span { 
    background: url(../images/4.jpg) no-repeat center center;
    background-size: 100% auto;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}

.cb-slideshow li:nth-child(4) span { 
    background: url(../images/b.jpg) no-repeat center center;
    background-size: 100% auto;
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
.cb-slideshow li:nth-child(5) span { 
    background: url(../images/c.jpg) no-repeat center center;
    background-size: 100% auto;
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(6) span { 
    background: url(../images/d.jpg) no-repeat center center;
    background-size: 100% auto;
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(7) span { 
    background: url(../images/e.jpg) no-repeat center center;
    background-size: 100% auto;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s; 
}

.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}



/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}

/* background slideer end */
}








@media screen and (max-width: 1200px) and (min-width: 992px){

body h3, h4{
    font-size: 28px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

body p{
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size:18px;
}
.list li{
     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size:18px;
}
.navbar-brand {
  transform: translateX(0%);
  left: 0%;
  position: absolute;
}

.navbar-brand img{
    height: 40px;
    width: 240px;
    margin-top: 15px;
    margin-bottom:20px;
}

.navbar-custom{
    background-color: #EFF1F1;
    padding-bottom: 0;
}
.navbar-custom ul{
    padding-top: 30px;
    padding-bottom: 20px;
    padding-right:20px;
}

.navbar-custom ul li ul{
    padding-top: 0;
padding-right:0px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown:hover {
    color: white;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-menu li a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-menu li a:hover {
    color: blue;
    text-decoration: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
}


/* navbar ends */


.underline{
    font-variant: small-caps;
    border-bottom: #78C6F5 3px solid;
    font-family: "Bookman" ;
}
.para {
    font-family: "Verdana";
    text-align: justify;
    padding-top: 20px;
}

/* wrapper starts */

.wrapper-top{
    padding-top: 50px;
    padding-bottom: 10px;
}
.wrapper-top img{
     display:block;
     margin: auto;
}
.wrapper-bottom img{
     display:block;
     margin: auto;
}
.wrapper-about{}
.wrapper-why{}
.wrapper-bottom{
    padding-top: 10px;
    padding-bottom: 50px;
}
.wrapper-quality{}
.wrapper-group{}



/* wrapper ends */


/* footer starts */
.footer{
    background-image: url(../images/fb.jpg);
    color: #A6A6A6;
    padding: 30px 0 20px 0;
}
.footer h5{
    color: #F1F1F1;
    text-align:center;
}
.footer-about{}
.footer-link li{
    list-style: none;
    line-height: 2;
    text-align:center;
}
.footer-social li{ 
    list-style: none;
    line-height: 1.8;
    text-align:center;
 }
 .footer-social img {
    float:left;
    vertical-align: middle;
 }
 .footer-contact {
    text-align:center;
    line-height: 2;
 }
.footer-contact p{
    padding-left: 140px;
    text-align: justify;
}
.footer-contact p span:nth-child(4){
    margin-left: -6px;
}
.footer-contact ul{
    padding-top: 30px;
}
.footer-contact ul li{
    display: inline;
}
.footer-contact ul li img{
    height: 40px;
    width: 40px;
}
/* footer ends */


/* about start */
.about{
    padding: 30px 0 40px 0;
}
.about-header{
    background-image: url(../images/about.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}

/* about ends */


/* vision start */
.vision{
padding: 30px 0 30px 0; 
}
.vision-header{
    background-image: url(../images/vision.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}

/* vision ends */


/* quality start */

.quality{
    padding: 30px 0 30px 0; 
}
.quality ul li{
    line-height: 2;
}
.quality-header{
    background-image: url(../images/quality.jpg) ;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}

/* quality ends */



/* regulatory start */
.regulatory{
    padding: 30px 0 50px 0;
}
.regulatory-header{
    background-image: url(../images/regulatory-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
/* regulatory ends */

/* manage start */
.manage{
    padding: 30px 0 50px 0;
}
.manage-header{
    background-image: url(../images/manage-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
.manage p{
    text-align: justify;
}

/* manage ends */

/* Manufacturing start */

.mfg{
    padding: 30px 0 50px 0;
}
.mfg-header{
    background-image: url(../images/mfg-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
.mfg h3{
    margin-bottom: 20px;
}
.group-company{
    padding-top: 30px;
    padding-bottom: 30px;
}
.group-company h3{
    padding-bottom: 45px;
}
.group-company img{
    height: 60px;
    width: 350px;
}

/* Manufacturing ends */

/* R & D start */


.rnd{
    padding: 30px 0 50px 0;
}
.rnd-header{
    background-image: url(../images/rnd-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
.rnd p{
    margin-top: 20px;
}

/* R & D ends */

/* marketing start */

.marketing-header{
   background-image: url(../images/a.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
.marketing{
    padding: 80px 0 50px 0;
}
/* marketing ends */


/* products start */
.product-header{
    background-image: url(../images/product-header.jpg);
    padding-top: 300px;
}

.product{
    padding: 100px 0 50px 0;

}

.product-cate ul li a:hover{
    background-color: #5A83B2;
    color: white;
}
.product-cate ul li a{
    padding: 40px 0 40px 0;
    font-size: 20px;
}
.product-cate{
    background-color: #F2F2F2;
}
.cate{
    padding-top: 100px;
}
.cate ul li{
    border-bottom: 1px solid #95B0CA ;
    margin-top: 0px;
    list-style:none;
    display: block;
} 
.cate table{
    text-align: center;
     margin-top: 0px;
}
.cate table tr:first-child{
    background-color: #E8E8E8;
    color: #5A83B2;
    text-transform: uppercase;
}

.cate table tr td:first-child{
    width: 10px;
}
.cate table tr td:nth-child(2){
    width: 200px;
}
.cate table tr td:nth-child(3){
    width: 200px;
}
.vet-cate table tr:first-child{
    background-color: #E8E8E8;
    color: #5A83B2;
    text-transform: uppercase;
}
.vet-cate table tr td:first-child{
    width: 10px;
}
.vet-cate table tr td:nth-child(2){
    width: 150px;
}
.vet-cate table tr td:nth-child(3){
    width: 50px;
}
.vet-cate table tr td:nth-child(4){
    width: 50px;
}


/* products ends */


/* career start */
.career{
    padding: 30px 0 50px 0;
}
.career-header{
    background-image: url(../images/career-header.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
.file {
  visibility: hidden;
  position: absolute;
}

/* career ends */


/* contact start */

.contact-header{ 
    background-image: url(../images/contact.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
.contact{
    padding-bottom: 50px;
}

/* contact ends */




 /*  background slidder  */
.slider{
    height: 500px;
}
.slider ul{
    height:500px;
}
.cb-slideshow,
.cb-slideshow:after { 
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.html) repeat top left; 
}

.cb-slideshow li {list-style: none;}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 20s linear infinite 0s;
    -moz-animation: imageAnimation 20s linear infinite 0s;
    -o-animation: imageAnimation 20s linear infinite 0s;
    -ms-animation: imageAnimation 20s linear infinite 0s;
    animation: imageAnimation 20s linear infinite 0s; 
}

.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 20s linear infinite 0s;
    -moz-animation: titleAnimation 20s linear infinite 0s;
    -o-animation: titleAnimation 20s linear infinite 0s;
    -ms-animation: titleAnimation 20s linear infinite 0s;
    animation: titleAnimation 20s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 30px;
    padding: 0; 
}
.cb-slideshow li:nth-child(1) span { 
    background: url(../images/1.jpg) no-repeat center center;
    background-size: 100% auto; 
}

.cb-slideshow li:nth-child(2) span { 
    background: url(../images/2.jpg) no-repeat center center;
    background-size: 100% auto;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background: url(../images/4.jpg) no-repeat center center;
    background-size: 100% auto;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}


.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}



/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}


}




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

body h3, h4{
    font-size: 23px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

body p{
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size:16px;
}
.list li{
     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size:16px;
}
.navbar-brand {
  transform: translateX(0%);
  left:0%;
  position: absolute;
}

.navbar-brand img{
    height: 40px;
    width: 230px;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left:0px;
}

.navbar-custom{
    background-color: #EFF1F1;
    padding-bottom: 0;
}
.navbar-custom ul{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0px;
   
}

.navbar-custom ul li ul{
    padding-top: 0;
padding-right:0px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown:hover {
    color: blue;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-menu li a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-menu li a:hover {
    color: blue;
    text-decoration: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
}


/* navbar ends */


.underline{
    font-variant: small-caps;
    border-bottom: #78C6F5 3px solid;
    font-family: "Bookman" ;
}
.para {
    font-family: "Verdana";
    text-align: justify;
    padding-top: 20px;
}

/* wrapper starts */

.wrapper-top{
    padding-top: 50px;
    padding-bottom: 10px;
}
.wrapper-top img{
     display:block;
     margin: auto;
}
.wrapper-bottom img{
     display:block;
     margin: auto;
}

.wrapper-about{}
.wrapper-why{}
.wrapper-bottom{
    padding-top: 10px;
    padding-bottom: 50px;
}
.wrapper-quality{}
.wrapper-group{}



/* wrapper ends */


/* footer starts */
.footer{
    background-image: url(../images/fb.jpg);
    color: #A6A6A6;
    padding: 30px 0 20px 0;
}
.footer h5{
    color: #F1F1F1;
    text-align:center;
}
.footer-about{}
.footer-link li{
    list-style: none;
    line-height: 2;
    text-align:center;
}
.footer-social li{ 
    list-style: none;
    line-height: 1.8;
    text-align:center;
 }
 .footer-social img {
    float:left;
    vertical-align: middle;
 }
 .footer-contact {
    text-align:center;
    line-height: 2;
 }
.footer-contact p{
    padding-left: 250px;
    text-align: justify;
}
.footer-contact ul{
    padding-top: 30px;
}
.footer-contact ul li{
    display: inline;
}
.footer-contact ul li img{
    height: 40px;
    width: 40px;
}
/* footer ends */


/* about start */
.about{
    padding: 30px 0 50px 0;
}
.about-header{
    background-image: url(../images/about.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}

/* about ends */


/* vision start */
.vision{
padding: 30px 0 50px 0; 
}
.vision-header{
    background-image: url(../images/vision.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}

/* vision ends */


/* quality start */

.quality{
    padding: 30px 0 50px 0; 
}
.quality ul li{
    line-height: 2;
}
.quality-header{
    background-image: url(../images/quality.jpg) ;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}

/* quality ends */

/* regulatory start */
.regulatory{
    padding: 30px 0 50px 0;
}
.regulatory-header{
    background-image: url(../images/regulatory-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
/* regulatory ends */

/* manage start */
.manage{
    padding: 30px 0 50px 0;
}
.manage-header{
    background-image: url(../images/manage-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
.manage p{
    text-align: justify;
}

/* manage ends */

/* Manufacturing start */

.mfg{
    padding: 20px 0 50px 0;
}
.mfg-header{
    background-image: url(../images/mfg-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
.mfg h3{
    margin-bottom: 20px;
}
.group-company{
    padding-top: 30px;
    padding-bottom: 30px;
}
.group-company h3{
    padding-bottom: 45px;
}
.group-company img{
    height: 60px;
    width: 350px;
}

/* Manufacturing ends */

/* R & D start */


.rnd{
    padding: 30px 0 50px 0;
}
.rnd-header{
    background-image: url(../images/rnd-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
.rnd p{
    margin-top: 20px;
}

/* R & D ends */

/* marketing start */

.marketing-header{
   background-image: url(../images/a.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   width: 100%;
   height:300px;
}
.marketing{
    padding: 50px 0 50px 0;
}
/* marketing ends */

/* products start */
.product-header{
    background-image: url(../images/product-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}

.product{
    padding: 100px 0 50px 0;

}

.product-cate ul li a:hover{
    background-color: #5A83B2;
    color: white;
}
.product-cate ul li a{
    padding: 40px 0 40px 0;
    font-size: 16px;
}
.product-cate{
    background-color: #F2F2F2;
}
.cate{
    padding-top: 100px;
}
.cate ul li{
    border-bottom: 1px solid #95B0CA ;
    margin-top: 0px;
    list-style:none;
    display: block;
} 
.cate table{
    text-align: center;
     margin-top: 0px;
}
.cate table tr:first-child{
    background-color: #E8E8E8;
    color: #5A83B2;
    text-transform: uppercase;
}

.cate table tr td:first-child{
    width: 10px;
}
.cate table tr td:nth-child(2){
    width: 200px;
}
.cate table tr td:nth-child(3){
    width: 200px;
}
.vet-cate table tr:first-child{
    background-color: #E8E8E8;
    color: #5A83B2;
    text-transform: uppercase;
}
.vet-cate table tr td:first-child{
    width: 10px;
}
.vet-cate table tr td:nth-child(2){
    width: 150px;
}
.vet-cate table tr td:nth-child(3){
    width: 50px;
}
.vet-cate table tr td:nth-child(4){
    width: 50px;
}


/* products ends */


/* career start */
.career{
    padding: 30px 0 50px 0;
}
.career-header{
    background-image: url(../images/career-header.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
.file {
  visibility: hidden;
  position: absolute;
}

/* career ends */


/* contact start */

.contact-header{ 
    background-image: url(../images/contact.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:300px;
}
.contact{
    padding-bottom: 50px;
}

/* contact ends */




 /*  background slidder  */
.slider{
    height: 400px;
}
.slider ul{
    height:400px;
}
.cb-slideshow,
.cb-slideshow:after { 
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.html) repeat top left; 
}

.cb-slideshow li {list-style: none;}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 20s linear infinite 0s;
    -moz-animation: imageAnimation 20s linear infinite 0s;
    -o-animation: imageAnimation 20s linear infinite 0s;
    -ms-animation: imageAnimation 20s linear infinite 0s;
    animation: imageAnimation 20s linear infinite 0s; 
}

.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 20s linear infinite 0s;
    -moz-animation: titleAnimation 20s linear infinite 0s;
    -o-animation: titleAnimation 20s linear infinite 0s;
    -ms-animation: titleAnimation 20s linear infinite 0s;
    animation: titleAnimation 20s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 30px;
    padding: 0;
}
.cb-slideshow li:nth-child(1) span { 
    background: url(../images/1.jpg) no-repeat center center;
    background-size: 100% auto; 
}
.cb-slideshow li:nth-child(2) span { 
    background: url(../images/2.jpg) no-repeat center center;
    background-size: 100% auto;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background: url(../images/4.jpg) no-repeat center center;
    background-size: 100% auto;
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}

.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}



/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}   
}