body {
padding:0;

 font-family: 'Lato', sans-serif;
font-size:16px !important;
margin:0;

}
header {
    background: #000;
}
body {
    margin: 0;
}
input, textarea, keygen, select, button
{
font-family: "Times New Roman", Georgia !important;
}
h1 {
    color: #000;
}
.site
{

   background: #000;

    width: 100%;
        
        display: inline-block;

}
.container1
{
width:75%;
margin:0 auto;

}
.logo
{
 width:25%;
    vertical-align: top;
    text-align: right;
    float: left;
     padding: 5px 0;

  


}
.logo img {
    width: 100%;
}
h2 {
    color: #d39e00;
    font-weight: 900;
    font-size: 26px;
    border-bottom: 2px solid #666666;
    display: inline-block;
    padding: 0 0 12px;
}
.menu
{
    font-size: 11px;
    vertical-align: top;
    text-align: right;
    padding: 15px 0;
    font-family: Arial, Helvetica, sans-serif !important;
    float: right;
    margin-top: 25px;
}
.menu-ul li
{


}
.w100 {
    width: 100%;
}

.right-about
{
width:50%;
float:right;
text-align: justify;
    line-height: 20px;
}


.bg-black
{
background: #000;
    display: inline-block;
    color: #fff;
    padding: 15px;
}
.right-about h3
{
border-bottom:2px solid #666;
padding-bottom: 15px;
}


.mySlides {display:none;}

ul {
     list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 8px;
   
}

 li {
    float: left;
}

li a {

    color: white;
    text-align: center;
    padding: 14px 14px;
    text-decoration: none;
    text-transform:uppercase;
    -webkit-transition: color 0.5s ease 0s;
    -moz-transition: color 0.5s ease 0s;
    -o-transition: color 0.5s ease 0s;
    transition: color 0.5s ease 0s;
}


li a:hover {
    color: Yellow;
}

.text 
{
    float: left;
    margin-top: 29px;
    margin-bottom: 20px;
   /* text-align:center;*/
   /*margin-left: 5%;*/
    
}
section {
    padding: 40px 0;
}
.font-pg {
    color: #000 !important;
    margin: 0 auto;
    padding-bottom: 15px;
}
.text-center {
    text-align: center;
}
 a.custom-link {
    color: #6cf;
    font-size: 18px;
}
.text button
{
padding:10px 25px;
background-color: rgba(156, 156, 156, 0.39);
    border: solid rgba(102, 102, 102, 1) 1px;
    cursor: pointer !important;
    color: #fff;
     -webkit-transition: background-color 0.5s ease 0s;
    -moz-transition: background-color 0.5s ease 0s;
    -o-transition: background-color 0.5s ease 0s;
    transition: background-color 0.5s ease 0s;
}

.text button:hover
{
background-color: rgba(156, 156, 156, 1);

}
  .image
        {
            position: relative;
        }
        .image .text-image
        {
                   position: absolute;
    top: 57px;
    left: 0;
    color: yellow;
    font-size: 85%;

   font-family: 'Roboto', sans-serif;
   text-shadow:
    1px  1px 2px black,
    1px -1px 2px black,
   -1px  1px 2px black,
   -1px -1px 2px black;
   
             
 
        }
        .image .text-image2
        {
            position: absolute;
            top: 0px;
            left: 3px;
            color: red;
            font-size: 70%;
            font-weight: 900;
            font-family: 'Lato' , sans-serif;
                 text-shadow:
    1px  1px 2px white,
    1px -1px 2px white,
   -1px  1px 2px white,
   -1px -1px 2px white;
        }
         .image .text-image3
        {
               position: absolute;
    top: 60px;
    /* left: 15px; */
    color: #fff;
    font-size: 120%;
    font-weight: 900;
    font-family: 'Lato' , sans-serif;
    text-shadow:
    1px  1px 2px black,
    1px -1px 2px black,
   -1px  1px 2px black,
   -1px -1px 2px black;
             
 
        }
         .image .text-image4
        {
            position: absolute;
            top: 10px;
            left: 10px;
            color: #fff;
            font-size: 115%;
            font-weight: 900;
            font-family: 'Lato' , sans-serif;
            text-shadow:
    1px  1px 2px black,
    1px -1px 2px black,
   -1px  1px 2px black,
   -1px -1px 2px black;
             
 
        }
         .image .text-image5
        {
    position: absolute;
    top: 53px;
    /* left: 14px; */
    color: yellow;
    font-size: 77%;
    font-weight: 900;
    font-family: 'Lato' , sans-serif;
    text-shadow:
    1px  1px 2px black,
    1px -1px 2px black,
   -1px  1px 2px black,
   -1px -1px 2px black;
 
             
 
        }

.text p
{
margin:20px 0;
}
.text img
{
width: 28px;
    height: 28px;
    object-fit: cover;
}

#errorBox{
 color:#F00;
 }
.slider
{

}
.services
{
width:75%;
margin:0 auto;
display: inline-block;

}
.pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	}
.services h1
{
color: #D4D4D4;
    font-weight: 100;
    font-size: 32px;
    /* text-align: left; */
    font-family: helvetica-w01-light,helvetica-w02-light,sans-serif;
   margin: 13px 0 0 0 !important;
}
.ser-block
{
width: 97%;
    margin: 0 auto;
    }
    .ser-block img
    {
    width:17%;
    margin:0 auto;
       
  
    }
    .ser-block p
    {color: #9C9C9C;
    line-height: 20px;
    font-size: 77%;
    /* text-overflow: ellipsis; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
       
    }
    .mail-table
    {
    width:100%;
    overflow:scroll;
      }
   .all
   {
   width:100%;
      } 
    .list-img
    {
    padding-bottom:10px;
    border-bottom:2px solid #666666;
    }
    .text2 p
    {
    text-align:justify;
    margin-left: 32%
    }
      .text2 img
      {

      margin-left: 10px;
      }
    fotter
    {
    font-size:75%;
    }
    
    .bg-white
    {
    background:#fff;
    display: inline-block;
    color:#000;
     padding: 15px;
    
    }
    .w3-content img
    {
    
    width:42%;
        margin-top: 29px;
    margin-bottom: 20px;
    }
        .ser-block h3
        {
         color: #9C9C9C;
    font-size: 27px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
        
        }
             
         
          .text h3
          {
          font-size:175%;
          color:#fff;
          }
            .text p
            {
            color: #666666;
                font-size: 95%;
            line-height: 1.6em;
                font-weight: 400;
                color:#fff;
            }
         
          .form-block h3
          {
          color:#000;
          font-size:90%;
          }
          
          
          .img1
          {
         
    float: left;
    margin-right: 40px;

            border-right: 1px solid #fff;
    padding-right: 17px;
          }
          
          .right-slider1
          {
            margin-left: 20px;
        padding: 45px 0;
    
          }
          .img2
          {
    
    float: left;
    width:90%;
                
                
          }
        
          .home-table td:before
          {
             content: "";
    position: relative;
    border-right: 1px solid #666666;
   
    top: 0;
    bottom:0;
    left:0;
    right:0;
        overflow: hidden;
       padding-bottom: 262%;
  }
  .home-table tr td
  {
  width:25%;
  }
          
          .home-table td:last-child::before { content: ""; border-right: 1px solid #000;  }
          
          
          .home-table
          {
          
          text-align:center;
          }
          .home-table td a
          {
          
          color:#fff;
          
          }
          .home-table td h3
          {
          
          text-align:left;
              font-size: 71%;
          }
          

          
          
          .home-slider
          {
          width: 700px !important;
    height: 410px !important;
          }
          
          .forms-home {
               width: 75%;
                margin: 0 auto;
                 background: none; 
                 border: 0; 
                padding-bottom: 90px;
                text-align: center;
          }
          .forms
          {
                 width: 75%;
    margin: 0 auto;
    /* background: #fff; */
    /* border: 1px solid; */
    padding-bottom: 90px;
    text-align: center;
          }
          .border
          {
          
          
              border: 1px solid #eee;
    width: 75%;
    margin: 0 auto;
          }
                    .border1
          {
          
          background: #000;

    margin: 0 auto;
          }
          table { 
    border-collapse: collapse; 
}
          
          .texts
          {
              width: 22%;
    float: left;
        padding: 24% 0px;
    
    color: #000;
          }
          tr.border_bottom td {
  border-bottom:1pt solid #fff;
}
          
          .texts2{
         
    float: left;
    padding: 77px 40px;
    color: #fff;
    margin-left:10%;
    display:none;
    
    }
    .form-block1
    {
 
    }
    
    
          input
          {
             width: 50%;
    height: 35px;
    border: 1px solid #000;
    padding: 0 15px;
    margin: 6px 0;
    border-radius: 5px;
          }
          textarea
          {
          font-family: "Times New Roman", Georgia;
   border: 1px solid #000;
    padding: 5px 15px;
    margin-top: 10px;
    width: 50%;
    border-radius: 5px;
          }
          .form-block button
          {
             /* float: right; */
    margin-top: 36px;
    width: 18%;
    height: 43px;
    background-color: rgba(156, 156, 156, 1);
    border: 0;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
          }
          
           .form-block button:hover
           {
           background:#000;
           color:#fff;
               cursor: pointer;
           }
           
     .abtus
     {
     width:75%;
     margin:0 auto;
     }
     .left
     {
     float:left;
     width:50%;
     }
     .left p
     {
     text-align:justify;
     line-height:20px;
     font-size: 15px;
     }
          
          .abt2
          {
              font-family: 'Lato', sans-serif;
          }
          
     .right
     {
     float:right;
     margin: 3% 0;
     width:45%;
     }
     .right h2
     {
     
     
     text-align:center;
     font-weight:900;
    
     }
     .right1 p
     {
     padding:0;
     margin:2px;
         line-height: 30px;
     }
.abt2
{
    position: relative;
    margin: 0 auto;
    background: url(../img/cotton.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding-top: 0;

}
.abt2-wrap {
    position: relative;
    z-index: 12;
    padding: 50px 0 30px 0;
    color: #dee2e6;
}
.abt2-wrap img {
    height: 400px;
}
.abt2-wrap ul li {
    list-style: inside;
    font-size: 14px;
    padding-bottom: 10px;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 0.6);
    z-index: 10;
}
.left1
{

width:30%;

}
.left-text
{
float:left;
    width: 20%;
    font-size: 100%;
    margin-top: 86px;
        color: #000;
}

.right-slider
{
float:right;
    width: 80%;
}
.map
{

padding:30px;
}
  
  .right1
  {
  width: 65%;
    margin: 0 auto;

    

    
  }
  
  .source-section
  {
  background: #fff;
    }
    .source-wrap {
        position: relative;
       z-index: 10;
    }
  
  .big-img
  {
  
      width: 30%;
    float: left;
  }
  .border1p
  {
 
 border:1px solid #000;
  }

  
  .list-img img
  
  {
width: 102px;
    height: 155px;
       margin: 0 17px;


  }
 .list-img img:hover
 
 {

opacity: .5;

 }
  
#sliderFrame {position:relative;width:700px;margin: 0 auto 40px;}
        
#slider {
    width:100%;
    height:306px;/* Make it the same size as your images */
	background:url(img/4.jpg);
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    /*box-shadow: 0px 1px 5px #999999;*/
}
#slider img {
	position:absolute;
	border:none;
	display:none;
	width: 100%;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:0px; 
	bottom:15px;
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	background-color:black;
}
div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	padding:10px 0;
	text-align:center;
}
div.mc-caption a {
	color:#FB0;
}
div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	top:320px; left:280px; /* Its position is relative to the #slider */
	width:150px;
	background:none;
	padding-left:20px;
	position:relative;
	z-index:5;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    background:transparent url(images/bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}

.rig
{
overflow:hidden;
}

    
    .clients
    {
    width:75%;
    margin:0 auto;
    background: #fff;
    padding: 10px;
    display: inline-block;
    border-bottom:1px solid #000;
    padding-bottom: 39px;
    }      
    
        .address
    {
 

    margin-left: 9%;
    display: inline-block;
    margin-bottom:20px;
    }
    .address p
    {
    margin:0 auto;
  
    }
    .pro-sec1
    {
    
    width:75%;
    margin:0 auto;
    }
    .bgtable
    {
    
   width: 75%;
  
    margin: 0 auto;

    }
    .forms2
    {
    
    width: 75%;
   margin:0 auto;
    background: #000;
    border: 1px solid;
    padding-bottom: 90px;
    }
    
    .part1
    {
    margin:20px;
    width: 20%;
    float: left;
    }
    
    .part1 h2
    {
    
    color:Yellow;
    font-weight:900;

text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
    }
    
    .part1 a
    {
    
    color:#000;
    text-decoration:none;
    
    }
   .slideshow
{
top:13% !important;
position:relative
}

.slideshow,
.slideshow:after {
    /*position: fixed;*/
        position: absolute;
    width: 100%;
    height: 100%;
   top: 0px;
    left: 0px;
    z-index: 0;
}
.slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.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 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.slideshow li div h3 {
  font-family: "helvetica neue", helvetica;
  text-transform: uppercase;
  font-size: 80px;
  padding: 0;
  line-height: 200px;
	color: rgba(255,255,255, 0.8);
}
.slideshow li:nth-child(1) span { background-image: url(images/1.jpg) }
.slideshow li:nth-child(2) span {
    background-image: url(images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
    background-image: url('images/3.jpg');
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow li:nth-child(4) span {
    background-image: url(images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.slideshow li:nth-child(5) span {
    background-image: url(images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.slideshow li:nth-child(6) span {
    background-image: url(images/3.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.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;
}
.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;
}
.slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -moz-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -o-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.slideshow li div h3 { font-size: 50px }
}
  
  
.carousel-office {
    position: relative;
    background: #fff;
}  
.carousel-office section {
  width: 36em;
  height: 22em;
  margin: 0 auto;
  position: relative;
}
.carousel-office li {
  width: 500px;
  height: 281px;
  background: #333;
  display: inline-block;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  overflow: hidden;
}

.carousel-office li p {
  color: white;
  font-weight: bold;
  font-size: 5em;
  text-align: center;
  margin-top: 1.175em;
}

.carousel-office .items {
  position: absolute;
}

.carousel-office .main-pos {
  margin-left: 2em !important;
  z-index: 3000;
  /*background-image: url('https://dl.dropbox.com/u/32649907/imgs/shadow.png');*/
}

.carousel-office .left-pos {
  opacity: .3;
  margin-left: -17em !important;
  z-index: 1000;
  -webkit-transform: scale(.75);
  -moz-transform: scale(.75);
  transform: scale(.75);
}

.carousel-office .back-pos {
  margin-left: 2em !important;
  opacity: .05;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  transform: scale(.5);
}

.carousel-office .right-pos {
  opacity: .3;
  margin-left:  21em !important;
  z-index: 1000;
  -webkit-transform: scale(.75);
  -moz-transform: scale(.75);se
  transform: scale(.75);
}
.carousel-office ul {
    margin-top: 0;
    height: inherit;
    position: initial;
}

.carousel-office span {
  position: relative;
  margin: 0 auto;
  left: 17em;
  top: 20em;
}
.carousel-office .items img {
    width: 100%;
}
.carousel-office .arrows input{
    width: 35px;
    border: 0;
    background: #fff;
    font-size: 25px;
    position: absolute;
    top: 59%;
    padding: 0;
}
.carousel-office .arrows #prev{
     left: 10%;
}
.carousel-office .arrows #next{
     right: 10%;
}

.customer img {
    margin: 5px 40px;
    width: 15%;
    padding-bottom: 20px;
}

.customer.container {
    width: 80%;
}

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

.brochure-wrap {
    position: relative;
}
.brochure {
        background: #000 url(../img/tee1.png);
    background-size: contain;
    padding: 20px;
    height: 200px;
    opacity: .2;
}
.brochure-cont {
    position: absolute;
    height: 250px;
    width: 30%;
    margin: 0 auto;
    left: 40%;
    top: 85px;
    font-size: 25px;
    font-weight: 800;
}
.quotes {
    font-style: italic;
    font-size: 17px;
    color: #ef1757;
}
.ser-img-left {
    width: 45%;
    clear: both;
    margin-right: 30px;
    height: 100%;
}
.ser-img-right {
    width: 45%;
    clear: both;
    height: 100%;
}

.ser-left {
    clear: both;
    float: left;
    width: 50%;
    padding: 20px 0;
    overflow: auto;
}
.ser-right {
   clear: both;
    float: right;
    width: 50%;
    padding: 20px 0;
    overflow: auto;
}
.source-section .img-title {
   background: url(../img/tee1.png);
    height: 234px;
    position: relative;
}
.img-title h1{
    color: #fff;
    margin: 0 auto;
    width: 75%;
    top: 80px;
    position: relative;
    font-size: 45px;
    text-align: center;
    z-index: 10;
}
.service-section {
    padding: 40px 0;
    position: relative;
}
.service-section h3 {
   color: #000;
    font-size: 22px;
    margin-top: 0;
    border-bottom: 3px solid #8c8;
    width: max-content;
    padding-bottom: 10px;
}
.service-section img {
    width: 100%;
    position: relative;
    z-index: 10;
}
.service-section:nth-child(even):after {
    content: '';
    position: absolute;
    width: 30%;
    height: 100%;
    background: #8C8;
    top: 0;
    z-index: 8;
    right: 0;
}
.service-section:nth-child(odd):after {
    content: '';
    position: absolute;
    width: 30%;
    height: 100%;
    background: #8C8;
    top: 0;
    z-index: 8;
    left: 0;
}
.service-section:nth-child(odd):before {
    content: '';
    position: absolute;
    width: 70%;
    height: 100%;
    background: #eff1f3;
    top: 0;
    z-index: 8;
    right: 0;
}
.service-section:nth-child(even):before {
    content: '';
    position: absolute;
    width: 70%;
    height: 100%;
    background: #f5f1e6;
    top: 0;
    z-index: 8;
    left: 0;
}

.source-section h3 {
    color: #000;
    font-size: 22px;
    margin-top: 0;
    border-bottom: 3px solid #8c8;
    width: max-content;
    padding-bottom: 10px;
}
.source-section p {
    color: #000;
    font-size: 17px;
}


.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#prev {
    background-image: url(../img/previous.png);
    background-size: cover;
}
#next {
    background-image: url(../img/next.png);
    background-size: cover;
}
.galleryPro img {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    border: 1px solid #000;
    border-radius: 5px;
}
.galleryPro {
    column-count: 4;
    column-gap: 20px;
}
.galleryPro li a {
    padding: 0;
}
.galleryPro.women img, .galleryPro.nightWear img {
    width: 250px;
}
.galleryPro li {
    float: none;
}
.galleryPro img:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.gallery img:hover {
    box-shadow: 0 0 10px #eee;
}

.abt-icon img{
    width: 60px;
    padding: 15px;
    background: #47d103;
    border-radius: 9px;
    margin-bottom: 20px;
}
.abt-icon .number{
    font-size: 26px;
    color: #d39e00;
    font-weight: bold;
}
.iconText {
    color: #fff;
}
.facBg {
    width: 526px;
    height: -webkit-fill-available;
    position: absolute;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    top: 0;
    background: url(../img/factoryout.JPG);
    background-size: cover;
    background-position: bottom;
}
.process {
    color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    height: 100%;
}
.process img {
    width: 50px;
    margin-bottom: 15px;
    background: #fff;
    padding: 10px;
    border-radius: 50px;
}
.process a {
    color: #fff;
    font-weight: bold;
}
.process:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.15);
    transform: scale(1.05);
    border-bottom: 5px solid #d39e00;
}
.process h3 {
    font-size: 19px;
}
.process p {
    font-size:16px;
}
.back-to-top{
    position: relative;
    display: none;
  }
  .back-to-top a{
    display: block;
    z-index: 99;
    position: fixed;
       right: 20px;
    bottom: 20px;
    padding: 5px 10px;
    background: #47d103;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
} 
  .back-to-top a:hover {
    color: #fff;
    text-decoration: none;
}  
.footer {
    color: #fff;
}
.footer li {
    width: 100%;
    padding-bottom: 10px;
    font-size: 13px;
}
.footer li a {
    padding: 20px 0;
    font-size: 13px;
}
.footer h4 {
    color: #d39e00;
    padding-bottom: 15px;
}
.footer p, .footer a {
    color: #fff;
    font-size: 13px;
}
.footer .downloadb {
    box-shadow: 0 0 10px #28a745;
    margin: 6px 0;
}
.product h3{
    color: #d39e00;
    padding: 20px 0;
}
.abt-bg {
    width: 30%;
    position: absolute;
    height: 100%;
    top: 0;
    opacity: .8;
    right: 0;
    background: #ffc107;
}

.herobg {
    z-index: 100;
    position: relative;
    padding-bottom: 60px;
}
.pos-rel {
    position: relative;
}

 .gallery-cell {
  width: 45%;
  height: 350px;
  margin-right: 10px;
  background: #8C8;
  counter-increment: gallery-cell;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.home-text h3 {
    font-size: 22px;
    margin-top: 0;
    border-bottom: 3px solid #8c8;
    width: max-content;
    padding-bottom: 10px;
}