/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 6 Jun, 2016, 10:41:20 AM
    Author     : Anurup
*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,900italic,100,100italic,300,300italic,400italic,700,700italic,900);
@font-face {
  font-family: 'Didot';
  src: url('fonts/didot.eot'); /* IE9 Compat Modes */
  src: url('fonts/didot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/didot.woff') format('woff2'), /* Super Modern Browsers */
       url('fonts/didot.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/didot.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
html {

    -webkit-text-size-adjust: none;
/*      -webkit-appearance: none; 
      -moz-appearance: none;*/
         background-color: #fff;
}

html * {max-height:1000000px;}

body {
    background-color: #fff;
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Lato', sans-serif;
    font-size:16px;
    font-size: 100%; 
    color:#000000;
    margin: 0;
    bottom: 0;
    padding: 0;
    text-align: justify;
    min-width: 1150px; 
    width: 100%;
/*    min-height: 100%;
    height:auto;*/
    line-height:25px;
    text-decoration: none;
    -moz-text-size-adjust : none; 
    -ms-text-size-adjust : none;
    -webkit-text-size-adjust: none;
    -webkit-box-shadow:none;
     -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
/*    -webkit-min-device-pixel-ratio: 2;
    box-sizing: border-box;*/
}

.row{max-width:none; width:1150px;}

.clearboth { clear : both; }

.address-info,.email-info{
    font-size: 12px;
}

.copyright{
    text-align: left;
}

.sitemap{
    text-align: right;
}

.contacform-container,.step-second-text{
    float:left;
}

.email-info,.callus-section,.fifth-div-right,.main-content-right,.main-section{
   float: right;
}

a,a:hover,.first-div,.fourth-div-left,.fourth-div-right,.fifth-div-right,.sixth-div-left,.ninth-div,.tenth-div,.tp-caption a,.header-title,.sixth-div-others,.fourth-div-others,
.main-content-right,.header-title-404{
    color:#ffffff;
}
.second-div,.call-action a{
    color:#000000;
}

.bread-crumbs{
    font-size: 14px;
}

.first-div{
    background: #1b0400;
    padding: 5px 0;
}

.contactform-section{
    width: 40%;
    padding: 0 0 50px 20px;
}

.send-us-enquiry{
    text-transform: uppercase;
    font-size: 20px;
    padding: 40px 0;
    text-align: left;
}

.second-div{
    line-height: 30px;
    padding: 40px 0 30px 0;
}

.callus-text{
    font-size: 18px;
}

.callus-section{
    padding: 0px 0 15px 85px;
    background: url(../images/call.png) center left no-repeat;
}

.call-action{
    font-size: 30px;
    font-weight: 900;
}

.fourth-div-others{
    background: #1b0400;
    padding: 25px 0;
}

.fourth-div-left{
    background: url(../images/fourth-left.jpg) center left no-repeat;
    padding:80px 0px 80px 0px;
}

.third-div-others{
     background: url(../images/other-backimg.jpg) center left no-repeat;
     padding: 75px 0;
}

.g-recaptcha {
    float: left;
    transform: scale(0.86);
    transform-origin: 0;
    -webkit-transform: scale(0.86);
    transform: scale(0.86);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    margin: 0 0 5px 0;
}

.fifth-div-left{
    background: url(../images/fifth-left.jpg) center center no-repeat;
}

.sixth-div-left{
     background: url(../images/sixth-left.jpg) center left no-repeat;
     padding: 80px 0 50px 0;
}

.main-content-left{
     background: url(../images/main-back-img.jpg) center top no-repeat;
     background-size:contain;
      transition: background 1s linear;
       -webkit-animation: fadein 4s; /* Safari and Chrome */
            -moz-animation: fadein 4s; /* Firefox */
            -ms-animation: fadein 4s; /* Internet Explorer */
            -o-animation: fadein 4s; /* Opera */
            animation: fadein 4s;
}

.fourth-div-left-container,.sixth-div-left-container{
    width: 65%;
    float: right;
    padding-left: 225px;
}

.fourth-div-right-container ,.fifth-div-left-container{
    width: 70%;    
    padding: 0px 0 0 90px;
}

.fourth-div-right{
     background: url(../images/fourth-right.jpg) center left no-repeat;  
      padding: 76px 0 0px 0;
      background-size: cover;
}

.others-main-backgrnd-left{
    background: url(../images/main-others-backimg.jpg) center top no-repeat;  
}

.main-content-left-others{
    background-color: #ffffff;
   
}

.sticky {
    position: fixed !important;
    width: 100% !important;
    background: #ffffff;
    left: 0;
    top: 0;
    border-top: 0;
    z-index: 9999;
/*    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
  -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    transform:translateY(0px);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
       -webkit-box-shadow: 0px 0px 8px 2px #000000;
       -moz-box-shadow: 0px 0px 8px 2px #000000;
            box-shadow: 0px 0px 8px 2px #000000;
}

.navigation-float{
    float: left !important;
    position: relative !important;
    top: -45px;
    padding-left: 35% !important;
}


.nav-call{
    position: relative;
    bottom: -20px;
}

#locationmap{
   padding-top: 60px;
}

.main-content,.main-content-contactus{
    width:70%;
     float: right;
    font-size: 18px;
    padding: 50px 0 0 0;
}

.main-content p{
        line-height: 50px;
}

.main-content ul{
    padding-left: 30px;
}

.others-main-backgrnd-right{
    /*background: #1b0400;*/
     background: url(../images/main-left-backgrnd.jpg) center top no-repeat;  
}

.fifth-div-right{
     background: url(../images/fifth-right.jpg) center left no-repeat;  
}

.sixth-div-right{
     background: url(../images/sixth-right.jpg) center left no-repeat;  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.col-xs-2 img{
     border-radius: 50%;
     list-style-type: none;
     display: inline;
     padding-right: 12px;
     padding-top: 25px;
}

.col-xs-2 img:hover{
    cursor: pointer;
}

.seventh-div{
     background: url(../images/chain-img.jpg) center center no-repeat; 
}

.seventh-div-others{
      background: url(../images/chain-img3.jpg) center center no-repeat; 
}

.main-header{
   font-size: 35px;
   padding-bottom: 30px;
}

.product-section-ul > ul,.subsection-ul ul{
    line-height: 30px;
    border-bottom: 1px solid #491006;
      padding: 6px 0 6px 20px;
}

.subsection-ul ul:last-child{
    border: none;
}

.product-section{
     padding: 60px 25px;
     width: 40%;
    
}

.main-section{
    padding: 60px 0 0 0;
    width: 70%;
}

.seventh-div,.seventh-div-others{
     height: 85px;
     background-position: -86px 0;
}

.main-content-right,.ninth-div{
     background:#620001;
}

.gallery-section{
        padding: 30px 0px;
}

.ninth-div{
   padding: 55px 0;
}

.tenth-div{
    background:#1b0400;
    padding: 33px 0;
}


.fifth-div-left-container{
    padding: 100px 0 90px 110px;
}


.no-one,.no-second,.no-three{
   font-family: 'Didot',  sans-serif;
   font-family: Didot LT STD; 
   font-weight: bold;
   font-size: 280px;
   padding : 70px 40px;
}

.second-line{
    margin-left: 30px;
}

.no-second{
    padding: 70px 55px;
}

.divider-line-white{
   border-bottom : 1px solid #ffffff;
   height:9px; 
   width : 240px;
   padding: 45px 0 0 0;
}

.contact-header,.step-one,.step-second,.step-three,.location-header,.eight-header{
     font-size: 24px;  
}

.location-header{
    padding-bottom: 28px;
}

.step-one,.step-second,.step-three{
    padding: 30px 0 15px 50px;
}

.step-second{
    padding: 30px 0 15px 30px;
}

.contact-company-name,.step-one-text,.step-second-text,.step-three-text{
      font-size: 18px;  
}

.step-one-text,.step-second-text,.step-three-text{
   font-weight: 200;
    padding: 0 0 0 30px;
}

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

.contact-text,.step-one-text,.step-second-text{
    font-size: 18px;
}

.no-pad{
    padding-left: 0;
}

.contacform-container{
        padding-top: 40px;
}

.contacform-container input[type=submit],.red-button {
    cursor: pointer;
    background-color: #c21c00;
    width: 100%;
    border-color: #c21c00;
    height: 60px;
    border: none;
    color: #ffffff;
    font-size: 18px;
}

.contacform-container select {
 background-color: #530100;
 border-color: #8e1400;
}

.eight-header{
    margin: 0 auto;
    width: 58%;
    float: right;
}

.contact-company-name{
    padding: 33px 0;
}



table thead, table tbody, table tfoot, table td, table tbody tr:nth-child(even) {
    border: none;
    background: none;
    color: #ffffff;
}

table tbody th, table tbody td {
    padding: 0.2rem 0.400rem 0.200rem 0;
      color: #ffffff;
}

.red-button{
    width : 190px;
    border-radius: 3px;
    padding: 12px 0 0 45px;
}

.header-title,.header-title-404{
    font-size: 35px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 auto;
    width: 20%;
}

.header-title-404{
    width: 35%;
}
.red-txt{
    color:#a42613;
}





@media screen and (-webkit-min-device-pixel-ratio:0){
    .fourth-div-right{
         background-position-y: -6px;
    }
    
    .fourth-div-left{
        background-position-x: 20%;
        background-position-y: 0px;
        background-size: cover;
    }
}

@-moz-document url-prefix() {
    .fourth-div-right {
        background-position: 0px 0px;
        background-size: cover;
    }
    
    .fourth-div-left{
        background-position: 0px 0px;
    }
}




/* Cycle 2 slideshow css  Start*/
.vertical-slider-container {
/*    background: #fff;
    border: 20px solid #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);*/
    margin: 40px auto;
    position: relative;
    width: 1080px;
    float: left;
}

.slideshow {
    background: #fff;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slideshow img {
    display: block;
    width: 277px;
    height: 316px;
    padding: 10px;
}

.vertical-slider-nav {
    color: rgba(0,0,0,0.8);
    cursor: pointer;
    display: block;
    height: 40px;
    margin-left: -20px;
    /*left: 50%;*/
    z-index: 10;
    position: absolute;
    overflow: hidden;
    opacity: 0;
    text-decoration: none;
    width: 40px;
   
}

.vertical-slider-nav-up {
     top: 110px;
     
}

.vertical-slider-container:hover .vertical-slider-nav-up:hover {
    opacity: 1;
}

.vertical-slider-container:hover .vertical-slider-nav-up {
    top: 110px;
    opacity: 0.7;
    left: -3%;
}

.vertical-slider-nav-down {
     bottom: 160px;
}

.vertical-slider-container:hover .vertical-slider-nav-down:hover {
    opacity: 1;
}

.vertical-slider-container:hover .vertical-slider-nav-down {
    bottom: 160px;
    opacity: 0.7;
    right: -6%;
}
/* Cycle 2 slideshow css  End*/
@media only screen and (max-width: 1500px){
      .tp-caption.large_bold_grey{
        font-size: 95px;
        }

        .tp-caption.medium_thin_grey{
             font-size: 30px;
        }

        .tp-caption.medium_thin_grey2{
             font-size: 20px;
        }
        
       .fourth-div-right-container, .fifth-div-left-container ,.fourth-div-left-container, .sixth-div-left-container{
          width : 100%
        }
        
        .fifth-div-left{
                background-size: cover;
                background-position-x: 96%;
        }
        
         .main-content-left{
            background-size: cover;
        }
        .fifth-div-left {
            background-size: cover;
            background-position-x: 100%;
        }
        
         .contactform-section,.main-section,.product-section,.main-content-contactus{
        width : 100%;
    }
    
     #locationmap iframe{
            width: 700px;
        }  
        
        .navigation-float{
            padding-left: 25% !important;
        }
}

@media only screen and (min-width: 1281px) and  (max-width: 1480px){
        .defaultimg {
                background-position-x: 10% !important;
            }
            
       .fourth-div-left {
                background-position-x: 71%;
        }
        
        
       
       .defaultimg {
            background-position-x: 35% !important;
        }
}


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

        .defaultimg {
            background-position-x: 40% !important;
        }
        
        .fourth-div-left {
                   background-position-x: 81%;
        }
     .contactform-section,.main-section,.product-section{
        width : 100%;
    }
    
}


@media only screen and (min-width: 1026px) and  (max-width: 1150px){
        .defaultimg {
            background-position-x: 37% !important;
        }
        
        .fourth-div-left {
                background-position-x: 73%;
        }
        
        .fourth-div-right-container, .fifth-div-left-container {
               padding: 0px 0 0 85px;
        }
        
       .fifth-div-right{
                padding: 76px 0 20px 0;
        }
        
        .fourth-div-left-container, .sixth-div-left-container{
                padding-left: 150px;
        }
        
        .map-responsive iframe{
            width: 530px;
        }  
         
}


@media only screen and (min-width: 310px) and  (max-width: 1025px){
    .fourth-div-left-container, .sixth-div-left-container {
        width: 96%;
    }
    .defaultimg {
        background-position-x: 44% !important;
    }
    
    .fourth-div-left {
         background-position-x: 87%;
    }
    
    .fifth-div-left{
         background-position-x: 90%;
    }
    
    
    
    .map-responsive iframe{
        width : 500px;
    }
    
    .step-three-text{
        text-align: left;
        color: #ffffff;
        font-size: 20px;
    }
    
   
    
    .main-content-left{
        background-size: cover;
    }
}

@media only screen and (max-width: 1500px){
        #locationmap iframe {
        width: 500px;
    }
}