*
{
    margin: 0px;
    padding: 0px;
}
html, body {
    max-width: 100%;
    overflow-x: hidden!important;
    font-family: verdana;
    /*border:1px solid #742c7c;*/
}
/* Bookmark */
:target {
  animation: highlight 6s ease;  
  transform: translateZ(20px); 
  animation-iteration-count: 2    
}
@keyframes highlight {
  0% { background-color:#e5d289; }
  100% { background-color:none; }
}


/* Bookmark */
/*******************************************************************************************************/

/* start standard style sheet for apple phones*/
a
{
  cursor: pointer;
}

 a[href^="tel"] {
  color: #fff;
  text-decoration: none;
  }

  a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* End of standard style sheet for apple phones*/

/*******************************************************************************************************/


/* Fade in up for vision mission patch*/
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*=== Optional Delays, change values here  ===*/
.one {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/* End of Fade in up for vision mission patch*/


/*********** BACKGROUND - BORDERS ***********************/
/*  background for all Pages, Certificates, Image border */

 .Bg {
    background: url(../Images/BG2.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
   }

@media(min-width: 380px) and (max-width: 767px)
{
    .Bg 
    {
        background: url(../Images/BG2_767.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
    } 
}

#border4Legal
{
    /*border:2px solid #009a44;*/
    box-shadow: 1px 2px 2px;
    border-style: groove;
    border: 2px solid #85ad06; /*#b91217;*/
    padding: 6px;
    
}

#border4Image
{
    border: 2px solid #757575;
    box-shadow: 1px 2px 2px;
    padding: 2px;
 }


  @media only screen and (max-width: 578px) {
      #border4Legal {
        /*max-width: 80%;*/
        border:none;
      }
    }
/* End of Bg & Border for Certificates, Images */

/**********************************/


/*Header section starts*/

/*****************************************************************************************************/

/* start of top bar header*/
.top{/*background-color:#f39fb9;*/ background-image: linear-gradient(45deg, #85ad06, #529653); height: 20px;}

.flat-information{/*margin:0 0;*/ /*margin-top: -4px;*/padding:0;}
.flat-information > li{display:inline-block;position:relative;margin-right:15px;margin-top: -8px;}
.flat-information > li:before{position:absolute;left:0;top:6px;font-family:FontAwesome;
    content:"\f095";color:#fff;font-size:14px;}
.flat-information > li.email:before{content:"\f0e0";}
.flat-information > li {display:inline-block; padding: 8px 0 5px 20px;color:#fff;font-size:12px;}
/*.flat-information > li > a:hover{color:#3e63a9;}*/
.social-links{padding:0;/*margin:0;*/margin-top: 30px;text-align:left;}  /*now:margin-top:-20px*/
.social-links a{display:inline-block;padding:0 7px;line-height:50px;font-size:14px;color:#FFF;}
.social-links a:hover{color:#FFF;}
#contact_header{padding-top: 1px;margin-left: 10px; float: right;
    text-align: right; font-weight: 10px}



/*start of media for header*/

@media (max-width: 370px)
 {
    .top_setting_320
      {
          display: none;
      }
      
}
@media (max-width: 497px)
 {
    .top
    {
        height: 30px!important;
    }
    #contact_header
    {
        margin-top: 3px;
    }
}
@media(min-width: 320px) and (max-width: 767px)
{
    .top
    {
        height: 23px;

    }
    .flat-information > li
     {
        margin-left: 15px;
     }
      
    #contact_header
    {
        padding-top: 0px;
    }

}
@media(min-width: 768px) and (max-width: 991px)
{
}
@media(min-width: 992px) and (max-width: 1199px)
{
}
/*End of media for header*/


 #header-top {
        background-color: #2b2b2b;
        color: #858585;

   }
   
    #header-top a,
    #header-top h1,
    #header-top h2,
    #header-top h3,
    #header-top h4,
    #header-top h5,
    #header-top h6 { color: #858585; }
    
    #header-top a:hover { color: #75ae6a; }
   
   @media (max-width: 767px) {

        #header-top { display: none; }

    }
    
/* ==========================================================================
    =Header Wrap
    ========================================================================== */
   
   /**
     * 1. z-index is 105 because the .tp-rightarrow.default and .tp-leftarrow.default is 100
     */
   
    #header-wrap { 
        z-index: 105;   /* 1 */
    }
    
    /**
     * 1. The height of the #header-top should be increased or decreased to accommodate the header
     */
    
    .header-style-2 #header-wrap {
        position: absolute;
        top: 71px; /* 1 */
        left: 0;
        right: 0;           
    }
    
    @media (max-width: 767px) {
        
        .header-style-2 #header-wrap { top: 0; }
        
    }
   
/* ==========================================================================
   =Header 
   ========================================================================== */
    
    #header {
        /*border-top: 8px solid #ff9a23;*/
        margin: 0 auto; 
        
    }
    
/* ==========================================================================
   =Logo
   ========================================================================== */
/**
     * 1. we need the <a> to be only the size of it's child <img> element
     * 2. it shouldn't extend beyond the size of it's parent if it's child <img> is very large e.g 1000x1000 px
     */
   .logo a 
    {
        display: inline-block; /* 1 */
        max-width: 100%;       /* 2 */

    }
    
    .logo 
    { 
       display: block; 
       width:100%; 
       margin-left: 40px;
       padding: 5px 0;
    }   
    @media(min-width: 320px) and (max-width: 480px)
    {
        .logo 
        {  
            max-width:65%;
            margin-left: 10px;
        }
    }
    @media(min-width: 481px) and  (max-width: 767px)
     {
        .logo 
        {  
            max-width:65%;
            margin-left: 20px;
        }
    }
        
    @media(min-width: 768px) and  (max-width: 991px) 
    {

        .logo 
        {  
            max-width:75%;
            margin-left: 20px;
        }

    }

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

        .logo 
        {  
            max-width:85%;
            margin-left: 20px;
        }

    }
    
    
/* --- Menu  */

/*  Menu Basics  */
   
    .sf-menu,
    .sf-menu ul {
        padding: 0;
        margin-top: 6px;
        list-style: none;
    }
    .sf-menu > li:hover {/*background: rgb(159, 28, 93);color: #fff!important;*/border-radius: 5px;} /*(159,28,93)-rani pink*/
    .sf-menu > li { float: left; }

    .sf-menu > li > a {
        position: relative;
        display: block;
        font-weight: bold;
    }
    .sf-menu a:hover {color: #43966a;}
    /**
     * 1. z-index is 1025 because the sticky menu is 1020
     */
    
    .sf-menu .sf-mega,
    .sf-menu li.dropdown ul {
        position: absolute;
        z-index: 1025;      /* 1 */
        top: 70%;
        left: 0;
        display: none;
    }
    
    .sf-menu li.dropdown { position: relative; }
    
    .sf-menu li.dropdown ul ul {
        left: 100%;
        top: -15px;
        min-width: 255px;
    }
    
    .sf-menu li:hover > .sf-mega,
    .sf-menu li.sfHover > .sf-mega,
    .sf-menu li.dropdown:hover > ul,
    .sf-menu li.dropdown.sfHover > ul { display: block; }

/* =Menu Skin
   ========================================================================== */
    
    .sf-menu {padding:0px;}
    
    .sf-menu a {
        display: block;
        padding: 15px 0;
        line-height: 18px;
        color: #333; /*links on dropdown menu*/
        text-decoration: none;
        -webkit-transition: color 0.3s;
                transition: color 0.3s;
    }
    
    .sf-menu li.dropdown a {padding: 10px 19px;}
    
    .sf-menu li:last-child > a { border-bottom: none;}
    
    .sf-menu > li > a,
    .sf-menu > li.dropdown > a   /*menu link*/
    {
                padding: 12px 16px;
                margin-right: 0px;
                border: none;
                /*color: #500e69;*/
                font-size: 12px;
                letter-spacing: 0.5px;
                text-transform: uppercase;
    }



    @media(min-width: 1200px) and (max-width: 1500px)
    {
        .sf-menu > li > a,
        .sf-menu > li.dropdown > a 
        {
                padding: 12px 14px;
                
        }
    }

    @media(min-width: 1050px) and (max-width: 1199px)
    {
        .sf-menu > li > a,
        .sf-menu > li.dropdown > a 
        {
                padding: 10px 14px 10px;
                
        }
    }

    @media(min-width: 991px) and (max-width: 1049px)
    {
        .sf-menu > li > a,
        .sf-menu > li.dropdown > a 
        {
                padding: 10px 9px 10px;
               
        }
    }
    .tp-bannertimer{
        display:none;
    }
    .header-style-2 .sf-menu > li > a,
    .header-style-2 .sf-menu > li.dropdown > a { color: #fff; }
    
    .sf-menu > li > a:before,
    .sf-menu > li.dropdown > a:before {
        position: absolute;
        top: 0;
        left: 50%;
        width: 0; 
        height: 0; 
        /*border-top: 15px solid transparent;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent; */
        margin-left: -18px;
        content: "";
        -webkit-transition: all 0.3s;
                transition: all 0.3s;
    }
    
    .sf-menu > li > a:hover:before,
    .sf-menu > li.dropdown > a:hover:before, 
    .sf-menu > li.current > a:before, 
    .sf-menu > li.sfHover > a:before { border-top-color: #fff; }

 /*    .sf-menu > li.dropdown > a : hover:before {color:#fff;}*/
    
    .sf-menu > li a i { margin-right: 5px; }
    
    .sf-menu > li.current > a,
    .sf-menu li.sfHover > a,
    .sf-menu a:hover,
    .sf-menu li.sfHover a:hover, 
    .header-style-2 .sf-menu > li.current > a,
    .header-style-2 .sf-menu li.sfHover > a,
    .header-style-2 .sf-menu a:hover,
    .header-style-2 .sf-menu li.sfHover a:hover {
        text-decoration: none;/*background:none;*/  
    }

    @media (min-width: 992px) and (max-width: 1200px)
    {
      .sf-menu > li > a,
    .sf-menu > li.dropdown > a 
      {
         font-size: 11px;
      }
    }

/* =DropDown
   ========================================================================== */
    
    /**
     * 1. allow long menu items to determine submenu width
     */
    
    .sf-menu li.dropdown ul {
        padding: 3px 0;
    margin-top: 12px;
    min-width: 235px;       
    }
    .dropdown li:hover {/*background: linear-gradient(90deg,blue,pink)*/;border-radius: 10px;}
    .sf-menu li.dropdown ul li a { position: relative;background: linear-gradient(to left,#e5d28a,#f2d762 );border-radius: 10px;border:1px solid #fff; color: #333;}
    .sf-menu li.dropdown ul li a:hover { position: relative;background: linear-gradient(to left,#bdef20,#85ad06);border-radius: 10px;border:1px solid #fff;color:#fff;/*letter-spacing:1px;*/ }
   

    .sf-menu li.dropdown ul li a:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 0; 
        height: 0; 
        /*border-top: 20px solid transparent; 
        border-right: 20px solid transparent; */
        content: "";
        -webkit-transition: all 0.3s;
                transition: all 0.3s;
    }
    
    .sf-menu li.dropdown ul li.sfHover > a:before,
    .sf-menu li.dropdown ul li a:hover:before { border-top-color: #f000; }
        
/* =Mega Menu Section
   ========================================================================== */
    
    .sf-mega {
        width: 100%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        padding: 12px 0;
        background-color: #2b2b2b;
        color: #fff;
    }

    .sf-mega-section {
        float: left;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    .sf-mega-section:last-child { border-right: none; }

    /**
     * 1. set mega menu section size, as a percentage of the mega menu width
     */
    
    .sf-mega.sf-mega-1-col .sf-mega-section{ width: 100%; } /* 1 */
    
    .sf-mega.sf-mega-2-col .sf-mega-section{ width: 50%; }
    
    .sf-mega.sf-mega-3-col .sf-mega-section{ width: 33.3333333333%; }
    
    .sf-mega.sf-mega-4-col .sf-mega-section{ width: 25%; }
    
    .sf-mega-section ul li a {
        position: relative;
        padding: 12px 30px; 
    }
    
    .sf-mega-section ul li a:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 0; 
        height: 0;
        border-top: 20px solid transparent; 
        border-right: 20px solid transparent;
        content: "";
        -webkit-transition: all 0.3s;
                transition: all 0.3s;
    }
    
    .sf-mega-section ul { margin: 0 -20px; }
    
    .sf-mega-section ul li a:hover:before { border-top-color: #757575; }
    
    .sf-mega-section-title {
        margin: 10px 0 20px 0;
        font-weight: 700;
        text-transform: uppercase;
    }
    
/* Menu Arrows  */
    
    .sf-arrows .sf-with-ul:after {
        position: absolute;
        top: 50%;
        right: 0;
        display: none;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-top-color: #b8b8b8;
        margin-top: 11px;
        content: "";
    }
        
    .sf-arrows > li > .sf-with-ul:focus:after,
    .sf-arrows > li:hover > .sf-with-ul:after,
    .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #757575; }
        
    .sf-arrows ul .sf-with-ul:after {
        display: block;
        border-color: transparent;
        border-left-color: #b8b8b8;
        margin-top: -5px;
        margin-right: 10px;
    }
    
    .sf-arrows ul li > .sf-with-ul:focus:after,
    .sf-arrows ul li:hover > .sf-with-ul:after,
    .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #757575; }
    
    @media (min-width: 768px) and (max-width: 991px) {

        #menu { display: none; }

    }
    
    @media (max-width: 767px) {

        #menu { display: none; }
    
    }
    
/*    Mobile Menu  */
            
    #mobile-menu {
        border-bottom: 1px solid #333;
        margin-bottom: 0;
        background: #f2d762; /*rgb(129, 110, 176, 1);*120, 120, 120, 95%*/
        right: 0px;
        /*added for overlay*/
        position: absolute;
        z-index: 99;
        width:60%;
        overflow: hidden;
        margin-right: 25px;
        /*end of overlay effect*/
    }
    @media(min-width: 320px) and (max-width: 400px)
    {
        #mobile-menu
        {
            right: 0px;
            width: 85%
        }
    }
    @media(min-width: 401px) and (max-width: 580px)
    {
        #mobile-menu
        {
            right: 0px;
            width: 65%;
        }
    }
    @media(min-width: 581px) and (max-width: 767px)
    {
        #mobile-menu
        {
            right: 0px;
            width: 60%;
        }
    }
    @media(min-width: 768px) and (max-width: 991px)
    {
        #mobile-menu
        {
            right: 0px;
            width: 40%;
        }
    }
    #mobile-menu li {   
        display: block;
        margin: 0;
    }
        
    #mobile-menu > li > ul, 
    #mobile-menu > li > ul > li > ul {
        display: none;
        margin-left: 0;
    }
    
    #mobile-menu .sf-mega {
        display: none;
        padding: 0;
        border: none;
        margin: 0;
    }
    
    #mobile-menu .sf-mega-section {
        float: none;
        width: 100%;
        padding: 0;
        border: none;
    }
    
    #mobile-menu .sf-mega-section ul { margin-left: 0; }
    
    #mobile-menu .sf-mega-section ul li a:before { content: none; }

    #mobile-menu li a {
        position: relative;
        display: block;
        padding: 15px 25px;
        border-top: 1px solid #fcf8e3;
        color: #816e4c;
        font-family: verdana;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
    }

    
    #mobile-menu > li > a {
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
    }
    
    #mobile-menu ul a { padding-left: 45px; }
    
    #mobile-menu ul li ul a  { padding-left: 65px; }
    
    #mobile-menu .mobile-menu-submenu-arrow {
        position: absolute;
        top: 0;
        right: 0;
        width: 70px;
        height: 100%;
        /*border-left: 1px solid #e1e1e1;*/
        color: #816e4c;
        font-size: 20px;
        line-height: 50px;
        text-align: center;
        cursor: pointer;
    }
    
    #mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #fff;color:#816e4c; }
    
    #mobile-menu li a:hover {background-color: #fff;color:#6ba12e;letter-spacing: 2px;}


    #mobile-menu { display: none; }

/* ==========================================================================
   =Mobile menu trigger
   ========================================================================== */
                
    #mobile-menu-trigger { 
        float: right;
        display: none;
        font-size: 32px;
        color: #816e4c;

    }

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

        #mobile-menu-trigger { 
            display: block;
            margin-top: 12px;
            margin-right: 50px;
        }   

    }
    
    @media (max-width: 767px) {

        #mobile-menu-trigger { 
            position: absolute;
            top: -5px;
            right: 23px;
            display: block;
            padding: 10px;
            /*margin-top: -20px; sneha*/
        }
              .tab .nav-tabs li {
            text-align: center;
            margin-right: 5px;
            width:100%;
        }

    }
    @media (min-width: 401px) and (max-width: 525px) {

        #mobile-menu-trigger 
        { 
            top: 10px;
            padding: 0px;
            
        }
    }
    @media (min-width: 320px) and (max-width: 400px) {

        #mobile-menu-trigger 
        { 
            top: 0px;
            padding: 0px;
            
        }
    }
    @media only screen and (min-width: 480px) and (max-width: 767px) {

        #mobile-menu-trigger {
           
        }
    
    }    



/* ==========================================================================
   =Sticky Header
   ========================================================================== */

    @media (min-width: 1025px) {
        
        /**
         * 1. The height of the #header-wrap should be increased or decreased to accommodate the logo
         */
         
        #header-wrap {
            position: relative;
            height: 70px; /* 1 */
        }
        
        #header {
            position: absolute;
            top: 0;                     
            right: 0;
            left: 0;
            margin: 0 auto; 
            
        }
        
        /**
         * 1. The z-index has to be 1020 so it is bigger than the back to top buttons z-index that is 1010
         */
        
        #header.stuck {
            position: fixed;
            z-index: 1020; /* 1 */
            top: 0;
            width: 100%;
            padding: 5px 0 0 0;
            border-top: none;
            height: 90px;
            padding: 0px;
            margin: 0 auto;     
            background-color: #2b2b2b;
            -webkit-transition: padding 0.3s;
                    transition: padding 0.3s;
        }
        
        #header.stuck #logo { padding: 5px 0; }
        
        #header.stuck .sf-menu > li > a,
        #header.stuck .sf-menu > li.dropdown > a { 
            color: #852da7;
            padding: 12px 16px;
        }
        
        #header.stuck .sf-jhhkjhkjmenu > li > a:before,
        #header.stuck .sf-menu > li.dropdown > a:before { content: none; }
        
        #header.stuck .sf-menu > li.current > a,
        #header.stuck .sf-menu li.sfHover > a,
        #header.stuck .sf-menu a:hover,
        #header.stuck .sf-menu li.sfHover a:hover { color: #757575; }
        
        #header.stuck .sf-mega { margin-top: 0; }

        #header.stuck .sf-arrows .sf-with-ul:after { margin-top: -6px; }        
    
        #header.stuck #custom-search-button { 
            top: 38px;
        }
        
        #header.stuck #custom-search-form { top: 98px; }
    
    }
    
/* ==========================================================================
   =Content
   ========================================================================== */
    
    #content { padding-bottom: 0px;padding-top: 10px; }

/* ==========================================================================
   =Page Header
   ========================================================================== */
    
    #page-header { 
        padding: 75px 0;
        margin-bottom: 40px;
        background: no-repeat center center; 
        color: #fff;
        text-align: center;
    }
    
    .header-style-2 #page-header { padding: 200px 0 90px 0; }
    
    #page-header h2 { 
        margin-bottom: 0;
        color: #fff;
        text-transform: uppercase;
    }
/*End of top bar header */


/*****************************************************************************************************/
/*End of Header section*/
/*****************************************************************************************************/



/*Body Section starts*/

/*****************************************************************************************************/

/*standard style sheet*/
 .list
    {
      font-size: 18px;
      font-family: verdana;
      text-align: center;
        color:#fff;
        font-weight: bold;
        background:#438e2c;
        margin:8px 14px;
        height: 40px;
        padding-top: 8px;
        text-transform: uppercase;
    }

.Page_Heading
{
  font-size: 25px;
  font-family: verdana;
  text-align: center;
  
  color:#fff;
  margin:8px 0px;
  text-shadow: 2px 2px 4px #000;
}


.Paragraph_Heading
{
  font-size: 18px;
  margin: 0px 20px;
  font-family: verdana;
  font-weight: bold;
  color: #8a6d3b;
  /*text-shadow: 2px 2px 4px #000;*/
 /* position: relative;
    margin-bottom: 10px;
    padding-bottom: 15px;*/
}

.Paragraph_Heading::after {
    position: absolute;
    content: "";
    /*background-color: #1e2027;*/
    height: 3px;
    width: 50px;
    bottom: -1px;
    left: 0;
}



.Company_Heading
{
  font-size: 16px;
  margin: 0px 20px;
  font-family: verdana;
  font-weight: bold;
  color: #000;
 /* position: relative;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);*/
}

.Company_Heading::after {
    position: absolute;
    content: "";
    /*background-color: #1e2027;*/
   /* background: rgb(245, 167, 76);*/
    height: 3px;
    width: 50px;
    bottom: -1px;
    left: 0;
}

.Paragraph_Sub_Heading
   {
    font-size: 15px;
    padding: 0px 0px;
    margin: 0px 20px;
    font-weight: bolder;
    font-family: verdana;
    color:#8a6d3b;

    /*text-shadow: 2px 2px 4px #000;*/
   }


.Paragraph
{ 
  font-size: 16px;
  padding: 0px 0px;
  margin: 0px 20px;
  text-align: justify;
  font-family: verdana;
  color:black;

}


.ProdHeading
{
    font-size: 18px;
  margin: 0px 20px;
  font-family: verdana;
  /*font-weight: bold;*/
  color: #1e2027;
  /*text-shadow: 2px 2px 4px #000;*/
  position: relative;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 3px solid #757575;
    border-top: 3px solid #757575;
}

@media (min-width: 1200px) and (max-width: 1500px)
{
  .Page_Heading
  {
  font-size: 20px;  
  } 
  .Paragraph_Heading
  {
    font-size:17px;
  }

 .Company_Heading
  {
    font-size:17px;
  }
  .Paragraph_Sub_Heading
    {
    font-size:14px;
    
    } 
  .Paragraph
  {
  font-size:14px;
  
  } 
  
}   


@media (min-width: 992px) and (max-width: 1199px)
{
  .Page_Heading
  {
  font-size: 19px;
  } 
   .Paragraph_Heading
  {
    font-size:17px;
  
  }
  .Company_Heading
  {
    font-size:17px;
  
  }
  .Paragraph_Sub_Heading
    {
    font-size: 14px;
    
    } 
  .Paragraph
  {
  font-size: 14px;
  
  } 
  
}

@media (min-width: 768px) and (max-width: 991px)
{
  .Page_Heading
  {
  font-size: 17px;
  } 
  .Paragraph_Heading
  {
    font-size: 15px;
  
  }
 .Company_Heading
  {
    font-size: 15px;
  
  }
  .Paragraph_Sub_Heading
    {
    font-size:13px;
    
    } 
  .Paragraph
  {
  font-size: 13px;
  
  } 
  
} 

@media (min-width: 481px) and (max-width: 767px)
{
  .Page_Heading
  {
  font-size: 16px;
  } 
  .Paragraph_Heading
  {
    font-size: 14px;
    margin-top: 16px;
  
  }
 .Company_Heading
  {
    font-size: 14px;
  
  }
  .Paragraph_Sub_Heading
    {
    font-size:13px;
    
    } 
  .Paragraph
  {
  font-size: 13px;
  
  } 
  
}

@media (max-width:480px)
{
  .Page_Heading
  {
  font-size: 15px;
  } 
  .Paragraph_Heading
  {
  font-size: 13px;
  margin:0px 20px;
  } 

 .Company_Heading
  {
  font-size: 13px;
  margin:0px 25px;
  } 
  .Paragraph_Sub_Heading
    {
    font-size: 12px;
    
    } 
  .Paragraph
  {
  font-size:12px; 
 /* margin:0px 25px;*/
  } 
  
}


/* End of standard style sheet*/

/***************************************************************************************************/



/*------- Start of Social Media Icons-------------*/

 .rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  margin-top: 55px;
  font-size: 14px
}
.OGAS_India_Social {
  position: relative;
  z-index: 1050
}
.social {
  position: fixed;
  top: 30%;
  right: 0px
}
.social ul {
  padding: 0px;
  -webkit-transform: translate(0, -350px, 0);
  -moz-transform: translate(0, -350px, 0);
  -ms-transform: translate(0, -350px, 0);
  -o-transform: translate(0, -350px, 0);
  transform: translate(0, -350px, 0)
}
.social ul li {
  display: block;
  margin: 5px 0 0 0;
  background: rgba(234, 234, 234, 0.5);
  border: 1px solid #4f3d2e;
  width: 50px;
  height: 50px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  padding: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s
}
.social ul li:hover {
  height: 135px;
  -webkit-transform: translate(0, 0px, 0);
  -moz-transform: translate(0, 0px, 0);
  -ms-transform: translate(0, 0px, 0);
  -o-transform: translate(0, 0px, 0);
  transform: translate(0, 0px, 0);
  background: rgba(255, 255, 255, 1)
}
.social ul li a {
  color: transparent
}
.social ul li:hover a {
  color: #000;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s
}
.social ul li:hover i {
  color: #fff;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s
}
.social ul li i {
  margin-right: 10px;
  color: #fff;
  padding: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg)
}

.androidapp
{
  color:#85ad06; 
  background: rgba(187, 0, 0, 1);
  text-align: center;
}
.androidapp:hover 
{
  background: rgba(187, 0, 0, 0.5)
}

.youtube {
  background: rgba(187, 0, 0, 1);
  text-align: center;
}
.youtube:hover {
  background: rgba(187, 0, 0, 0.5)
}
.fb {
  background: rgba(59, 89, 152, 1);
  text-align: center;
}
.fb:hover {
  background: rgba(109, 132, 180, 0.5)
}
.blog {
  background: rgba(242, 108, 55, 1);
  text-align: center;
}
.blog:hover {
  background: rgba(242, 108, 55, 0.5)
}
.twitter {
  background: rgba(85, 172, 238, 1);
  text-align: center;
}
.twitter:hover {
  background: rgba(85, 172, 238, 0.5)
}
.insta {
  text-align: center;
  background: rgba(138, 58, 85, 1);
  background: -webkit-linear-gradient(45deg, #f5d006, #ef0717, #7a37ab);
  background: -o-linear-gradient(45deg, #f5d006, #ef0717, #7a37ab);
  background: -moz-linear-gradient(45deg, #f5d006, #ef0717, #7a37ab);
  background: linear-gradient(45deg, #f5d006, #ef0717, #7a37ab)
}
.insta:hover {
  background: rgba(138, 58, 85, 0.5);
}
.googleplus {
  background: rgba(221, 75, 57, 1);
  text-align: center
}
.googleplus:hover {
  background: rgba(221, 75, 57, 0.5);
}
 @media (max-width: 767px) and (min-width: 320px)
 {  
   .Menu_Visibility
  { 
    display: none;
  }
 } 

@media (max-width: 320px)
{
   .Menu_Visibility
  { 
    display: none;
  }
 } 
/*End of Social Media Icons*/


/* ==========================================================================
   aBOUT uS - INDEX PAGE
   ========================================================================== */

    
.card-container {
  flex: 300px;
  margin: 30px;
}
.card-container .card {
  /*font-weight: bold;*/
  position: relative;
  width: 100%;
}
.card-container .card a {
  padding: 30px;
  width: 100%;
  height: auto;
  border: 2px solid #816e4c;
  background: white;
  text-decoration: none;
  color: black;
  display: block;
  transition: 0.25s ease;
}
.card-container .card a:hover {
  transform: translate(-20px, -20px);
  border: 2px solid #d0d0d0;;
}
.card-container .card a:hover .card--display {
  display: none;
}
.card-container .card a:hover .card--hover {
  display: block;
}
.card-container .card a .card--display i {
  font-size: 20px;
  margin-top: 180px;
}
.card-container .card a .card--display h2 {
  margin: 20px 0 0;
}
.card-container .card a .card--hover {
  display: none;
}
.card-container .card a .card--hover h2 {
  margin: 20px 0;
}
.card-container .card a .card--hover p {
  font-weight: normal;
  line-height: 1.5;
}
.card-container .card a .card--hover p.link {
  margin: 20px 0 0;
  font-weight: bold;
  color: #5bc0eb;
}
.card-container .card .card--border {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 1px dotted black;
  z-index: -1;
}
.card-container .card.card--dark a {
  color: white;
  background-color: black;
  border-color: black;
}
.card-container .card.card--dark a .card--hover .link {
  color: #fde74c;
}




/* ==========================================================================
   PRODUCTS ON INDEX PAGE
   ========================================================================== */


.fplus-projects-area
 {
   z-index: 2;
    margin-left: 20px;
    margin-right: 20px;
 }

.fplus-projects-menu {
    padding: 15px 15px;
    background-color: #6ba12e;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.fplus-projects-menu button.btn {
    font-size: 12px;
    font-weight: 600;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    border: none;
    padding: 0 20px;
    letter-spacing: 2px;
    cursor: pointer;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.fplus-projects-menu button.btn:hover,
.fplus-projects-menu button.btn:focus,
.fplus-projects-menu button.btn.active {
    color: #f2d762;
    box-shadow: none;
}

.fplus-portfolio {

    margin-left: -15px;
    margin-right: -15px;
}

.fplus-portfolio .single_gallery_item {

    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.fplus-portfolio .single_gallery_item img {
    width: 100%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.gallery-hover-overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border:1px solid gray;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(229, 210, 138);   /*f2d762 - 242,215,98*/
    padding: 20px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.gallery-hover-overlay .port-more-view > a {
    font-size: 26px;
    color: #fff;
    width: 40px;
    height: 40px;
    display: block;
}

.gallery-hover-overlay .port-hover-text > a {
    font-size: 13px;
    color: blue;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    letter-spacing: 2px;
}

.gallery-hover-overlay .port-hover-text > h3 {
    color: #333;
    margin-bottom: 0;
    font-size: 16px;
    font-weight:600;
}

.fplus-portfolio .single_gallery_item:hover .gallery-hover-overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.fplus-portfolio .single_gallery_item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


 

  @media (max-width: 1200px) and (min-width: 767px) {
    .gallery-hover-overlay .port-hover-text > a {
    font-size: 12px;

  
    
}

.gallery-hover-overlay .port-hover-text > h3 {
    margin-bottom: 0;
   font-size: 14px;
 }


}

  @media (max-width: 1600px) and (min-width: 1201px) {
    .gallery-hover-overlay .port-hover-text > a {
    font-size: 13px;
  
    
}

.gallery-hover-overlay .port-hover-text > h3 {
    margin-bottom: 0;
   font-size: 15px;
 }

 
}

 @media (max-width: 767px) {
 
.gallery-hover-overlay .port-hover-text > h3 {
    font-weight: 200;
    font-size:14px;

    }

 .gallery-hover-overlay .port-hover-text > a {
    font-size: 13px;   
    letter-spacing: 0px;
 }
}

 


/*End of PRoduct Page*/

        
/* ==========================================================================
   =Custom search form 
   ========================================================================== */
    
    #custom-search-button + nav { margin-right: 30px; }
    
    #custom-search-button { 
        position: absolute;
        top: 62px;
        right: 15px;
        display: block;
        width: 16px;
        height: 18px;
    }
    
    
    /**
     * 1. z-index is 1030 because the menu has a z-index of 1025 
     */
     
    #custom-search-form {
        position: absolute;
        z-index: 1030;  /* 1 */
        top: 118px;
        right: 5px;
        display: none;
    }

    #custom-search-form:before {
        position: absolute; 
        z-index: 1; 
        top: -10px; 
        right: 10px; 
        width: 0; 
        height: 0;
        border-right: 7px solid transparent; 
        border-bottom: 10px solid #e1e1e1; 
        border-left: 7px solid transparent; 
        content: "";
    }
    
    #custom-search-form:after {
        position: absolute;
        z-index: 2; 
        top: -7px; 
        right: 10px; 
        width: 0; 
        height: 0; 
        border-right: 7px solid transparent; 
        border-bottom: 10px solid #fff; 
        border-left: 7px solid transparent; 
        content: "";
    }
    
    #custom-search-submit { display: none; }
    
    #custom-search-form #s {
        width: 250px;
        padding: 8px 10px;
        border-radius: 0;   
        background-color: #fff; 
    }
    
    #custom-search-form #s:focus { border-color: #e1e1e1; }
    
    
    @media (min-width: 768px) and (max-width: 991px) {

        #custom-search-button { right: 65px; }
        #custom-search-form { right: 55px; }
        
    }
    
    @media (max-width: 767px) {

        /**
         * Hide search on mobile
         */
         
        /**
         * 1. !important is needed to overwrite the display:block added by the js
         */ 
    
        #custom-search-form { 
            display: none !important; /* 1 */
        }
        
        #custom-search-button { display: none; }
        
    }

/*Start Product Personal Page - Used for Product Pages Text*/
#about {
    padding: 20px 0;
    /*background:rgb(245, 167, 76);*/
    /*background: #757575;*/
}
#about h3 {
    font-size: 18px;
    margin: 0 0 20px 0;
}
#about h2 {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    font-size: 22px;
    text-align: justify;
}
#about h2::after {
    position: absolute;
    content: "";
    background-color: #1e2027;
    height: 3px;
    width: 50px;
    bottom: -1px;
    left: 0;
}
#about .about-text li {
    margin-bottom: 6px;
    margin-left: 6px;
    list-style: none;
    padding: 0;
}
#about .about-text li:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #1e2027;
    font-size: 11px;
    font-weight: 300;
    padding-right: 8px;
}

#about img 
    {
        margin-top: 0px;
        /*padding: 20px;
        width: 500px;
        margin-top: 10px;
        background: #fff;
        border-right: 0;
        box-shadow: 0 0 50px rgba(0,0,0,0.06);*/
    }
@media(min-width: 320px) and (max-width: 991px)
{
    #about img 
        {
            margin-top: 0px;
        }
    #about h2
    {
        font-size: 16px;
    }
}
#about p {
    line-height: 24px;
    margin: 20px 0;
    text-align: justify;
}
/*End of Product Personal Page*/

/* Page Heading with border */
    .welcome 
    {
     
    height: auto;
    /*text-align: center;*/
    padding-top: 0px;
    padding-bottom: 0px;   /*38px added*/
    }
   
       
    .welcome h1
    {
        color: #733079;
        background-color: #54bce6;
        font-weight: 600;
        font-size: 20px;
        line-height: 37px;
        margin-top: -45px;
        width: 45%;
        margin-left: auto;
        margin-right: auto;
        
        text-align: -webkit-center;
    }
   
   .welcome h2
    {
        font-size: 20px;
        color: #fff; /*#529653;*/
        /*border: 5px solid #8a6d3b;
         border-style: ridge; 
        border-radius: 15px;*/
        /*background: #816e4c;*/ /*#eaeaea;*/
        background:linear-gradient(59deg, #ddce5c, #6ba12e, #f2d762);
        /* border-color: #d33563; */
        padding-bottom: 10px;
        padding-top: 10px;
        font-weight: 600;
        word-spacing: 5px;
        width: 100%;
        margin: auto;
        text-align: center;
       
    } 

/* used only for index Page for the first Para*/
.servicesPro-content{
  padding: 20px;
  font-weight: 700px;
  box-shadow: 10px 10px 0px #87837d;
  background: #eee;
  font-weight: 500;
  transform: scale(1);
  transition: .8s;
  text-align: center;
}

.servicesPro-content:hover{
  transform: scale(1.03);
  box-shadow: none;
  border:1px solid #87837d;
}

    @media(min-width: 1200px) and (max-width: 1500px)
    {
        .welcome h2
        {
            font-size: 19px;
            line-height: 37px;
            /*margin-top: -25px;
            width: 40%;*/
           
        }

    }
    @media(min-width: 992px) and (max-width: 1199px)
    {
        .welcome h2
        {
            font-size: 18px;
            line-height: 34px;
           /* margin-top: -25px;
            width: 60%;*/
           
        }

    }
    @media(min-width: 768px) and (max-width: 991px)
    {
        .welcome h2
        {
            font-size: 17px;
            line-height: 20px;
           /* margin-top: -20px;
            width: 60%;*/
           
        }

    }
    @media(min-width: 504px) and (max-width: 767px)
    {
        .welcome h2
        {
            font-size: 15px;
            line-height: 5px;
           /* margin-top: -26px;
            width: 60%;*/
           
        }

       /* .welcome h2
        {
            padding-bottom: 10px;
            padding-top: 15px;
            
        }*/
    }
    @media(min-width: 320px) and (max-width: 503px)
    {
        .welcome h2
        {
            font-size: 12px;
            line-height: 5px;
            /*margin-top: -28px;*/
            border-width: 4px;
           /* width: 60%;*/
           
        }

        /*.welcome h2
        {
            padding-bottom: 15px;
            padding-top: 15px;
            
        }*/
    }
    
/*End of Page Heading with border*/
/*****************************************************/

/*Start of Products tabs on index page*/
/**************************************************************************************************/
/* .Prod_hover_div - Used for the Product Box of Zooming of Product Pages */
.ProdBox
{
    width:25%;
}
@media(min-width: 320px) and (max-width: 400px)
{
    .ProdBox
    {
        width:100%;
    }
}
@media(min-width: 401px) and (max-width: 767px)
{
    .ProdBox
    {
        width:50%;
    }
}
@media(min-width: 768px) and (max-width: 991px)
{
    .ProdBox
    {
        width:50%;
    }
}  

@media(min-width: 992px) and (max-width: 1199px)
{
  /*  .ProdBox
    {
        width:25%;
    }*/
}

@media(min-width: 1200px) and (max-width: 1920px)
{
    .ProdBox
    {
        width:25%;
    }
}

.Prod_hover_div
  {
    /*margin: 20px;*/
    /*background: url('../Images/Products/Prod_Health_WheatGrassCap_W1000xH700.jpg') no-repeat;*/
    /*background-size: 200px 200px;*/
    border-radius: 2%;
    position: relative;
    width: 75%;
    height: 100%;
    /*line-height: 200px;
    font-size: 1.5em;*/
    /*text-shadow: 0 0 2px white;*/
    border: 1px solid black;
    text-align:center;
    display:inline-block;
    transition: all 1.2s ease;
  }
  @media(min-width: 320px) and (max-width: 767px)
  {
    .Prod_hover_div
    {
        width:100%;
    }
  }
  .overlay6 
    {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(55, 92, 101, 0.5);
      /*background-color: rgba(58, 94, 162, 0.73);*/
      overflow: hidden;
      width: 100%;
      height: 100%;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: .3s ease;
      transition: .3s ease;
      border-radius: 2%;

      /*border: 0.1px solid black;*/
    }

  .Prod_hover_div:hover .overlay6
  {
    /*box-shadow:  0 250px #757575 inset;*/
      -webkit-transform: scale(1.5);
      -ms-transform: scale(2);
      transform: scale(1);
  }
  



/* Used only for Contact Pages*/
.Cate_main 
{
  text-align: center;
  border: 1px solid #757575;
}

@import url(https://fonts.googleapis.com/css?family=Raleway);
.snip1584 {
  font-family: 'Raleway', sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  /*margin: 10px 8px;*/
  /*min-width: 230px;
  max-width: 315px;*/
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}
.snip1584 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.snip1584:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 100%;
  content: '';
  background-color: rgba(238,238,238,0.6);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.snip1584 img {
  vertical-align: top;
  width: 100%;
  backface-visibility: hidden;
}
.snip1584 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.snip1584 h3,
.snip1584 h5 {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
}
.snip1584 h3 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-transform: uppercase;
  font-weight: 400;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  /* margin-bottom: 5px; */
  /*margin-top: 10px;*/
}
.snip1584 h5 
{
  font-weight: normal;
  background-color: #757575;
  padding: 7px 10px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  display: inline;
  color: #000;
}
.snip1584 a 
{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.snip1584:hover:before,
.snip1584.hover:before 
{
  top: 10px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.snip1584:hover h3,
.snip1584.hover h3,
.snip1584:hover h5,
.snip1584.hover h5 
{
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  /*margin-top:8px;*/
}
.snip1584:hover h3,
.snip1584.hover h3 
{
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  color: #000;
}
.snip1584:hover h5,
.snip1584.hover h5 
{
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.tab .nav-tabs
{
    background: #fff;
}
.tab .nav-tabs li
{
    text-align: center;
    margin-right: 5px;  
}
.tab .nav-tabs li a
{
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    background: #eee;
    margin-right: 0;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    position: relative;
    transition: all 0.5s ease 0s;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover
{
    background: #757575;
    color: #fff;
    border: 1px solid #3e63a9;
}
.tab .tab-content
{
    font-size: 15px;
    color:#000000;
    line-height: 25px;
    padding: 25px 20px;
    border: 2px solid #1e2027;
}
.tab .tab-content h3
{
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
    text-align:center;
}
.tab .tab-content p
{
    text-align:center;
}
@media (max-width: 370px)
 {
 }
@media(min-width: 320px) and (max-width: 480px)
{
    .tab .nav-tabs li a 
   {

    font-size: 11px;
   }
   .tab .tab-content h3
    {
        font-size: 14px;
        margin-top: 0px;
        text-align:center;
    }
   .snip1584 h3 
    {
          font-weight: 200;
          -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
          /* margin-bottom: 5px; */
          /*margin-top: 30px;*/
    }
     .snip1584 h5 
    {
          padding: 2px 4px;
          font-size: 12px;
          
    }
    
}
@media(min-width: 481px) and (max-width: 767px)
{
    .tab .nav-tabs li a 
   {

    font-size: 11px;
   }
   .tab .tab-content h3
      {
        font-size: 16px;
        margin-top: 0px;
        text-align:center;
      }
   .snip1584 h3 
      {
          font-weight: 250;
          -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
          /* margin-bottom: 5px; */
          /*margin-top: 30px;*/
     }
     .snip1584 h5 
      {
          padding: 6px 10px;
          font-size: 16px;
          
     }
     .tab .tab-content p
     {
        text-align:center;
     }

}
@media(min-width: 768px) and (max-width: 991px)
{
  .tab .nav-tabs li a 
  {
    font-size: 12px;
    
  }
}
@media(min-width: 992px) and (max-width: 1199px)
{
  .tab .nav-tabs li a 
  {
    font-size: 13px;
    padding: 15px 20px;
  }
}
@media(min-width: 1200px) and (max-width: 1500px)
{
    .tab .tab-content h3
      {
        font-size: 14px;
        margin-top: 0px;
      }
    .snip1584 h3 
      {
          font-weight: 200;
          -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
          /* margin-bottom: 5px; */
          /*margin-top: 30px;*/
     }
     .snip1584 h5 
      {
          padding: 2px 4px;
          font-size: 12px;
          
     }
}
/*Remove this section*/

/*End of Products tabs on index page*/

/**************************************************************************************************/



/********was supposed to be Used for Why choose us, but commented, may rquire in future*******************/
.bgimg
{
    background-image: url('../Images/Bg4Index.jpg');
    background-color: #fff;
    background-repeat: no-repeat;
    /*background-image:linear-gradient(-360deg,#f9d03b,#f4cf49,#fff);*/
    width: 100%;
    height: auto;
}



@media(min-width: 380px) and (max-width: 767px)
{
  .bgimg 
  {
    background-image: none;
   } 
}

.table_div2
{
    margin:0 20px
}


.Paragraph1 {
    font-size: 18px;
    padding: 7px 7px;
    margin: 0px 25px;
    text-align: justify;
    font-family: verdana;
    color: #393c99;
}

#space4top
{
  padding: 17px 0px 0px 0px;
}

#Services
{
    margin-top:20px;
    margin-bottom: 20px;
}

@media(min-width: 380px)and(max-width: 767px)
{
    #Services
    {
      margin-top:none;
      margin-bottom: none;
    }
}

#space
{
    padding-left: 4px;
}
#line
{
     height:1px;
     border:none;
     color:#757575;
     background-color:#757575;
     width:50%;
     text-align:center;
     margin: 0 auto;
}

#color4icon i
{
    color: #333; /*#816e4c;*/
}
#shadow4box
{
    -moz-box-shadow:    0 0 10px #000000;
    -webkit-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;
    padding: 25px;
}

#shadow
{
     box-shadow: 1px 2px 2px;
     border:1px ridge #333;
     transform: scale(0.98);
     
}

#aboutusimg
{
     box-shadow: 1px 2px 2px;
     border-style: groove;
     border: 1px solid #333;  /*the color is not setting. Check it later*/
     padding: 10px;
     margin-left:0px;
     margin-right:30px;
     float:left;
     margin-bottom: 10px;
}
#space4icon
{
    padding-left: 6px;
}
@media(max-width: 767px)
{
    #aboutusimg
    {
        box-shadow: 1px 2px 2px;
        border: 1px solid #757575;
        margin-right: 10px;
        
        margin-bottom: 10px;
    }
    #space4icon
    {
        padding-left: 6px;
    }
}
@media(min-width: 768px) and (max-width: 991px)
{
    #aboutusimg
        {
             box-shadow: 1px 2px 2px;
             border: 1px solid #333;
             margin-right:10px;
             margin-left: 0px;
             margin-bottom: 10px;
        }
}
/*End of of some classes/div included in body gt*/
/************************************************************/

/*New Patch of Vision Mission on Index Page*/
/* code for animation of links from left to right and vice versa*/
.vision
{
  -webkit-animation-name: fadeInLeft; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 7s;

}

.mission
{
  -webkit-animation-name: fadeInRight; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 7s;

}
/* End of animation code*/

@media(max-width: 767px)
{

.flip-container {
  perspective: 1000px;
  -webkit-perspective: 1000px;
 }
  /* flip the pane when hovered */
  .flip-container:hover .flipper, .flip-container.hover .flipper {
      transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }

.flip-container, .front, .back {
  width: 320px;
  height: 480px;
  margin-left: auto;
  margin-right: auto;
  -webkit-width: 320px;
  -webkit-height: 480px;
  -webkit-margin-left: auto;
  -webkit-margin-right: auto;
  }

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -webkit-position: relative;
}

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  position: absolute;
  top: 0;
  left: 0;
  -webkit-position: absolute;
  -webkit-top: 0;
  -webkit-left: 0;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  -webkit-z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
 }
} 


@media (min-width: 320px) and (max-width: 767px)
{
    .visionImg
    {
      text-align: center!important;
    }

  .flip-container, .front, .back {
  height: 210px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 22px;
  margin-bottom: 25px;
    }
}

#MissionImg
    {
      float: right;
      border:1px solid black;
      border-radius: 20px;" 
    }    

/*Flipping Effect Ends here*/


/*contact Us*/

.ContactBg {
    background: url(../Images/Contact_bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
   }


 input[type=text], select, textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-bottom: 16px;
        resize: vertical;
    }

    input[type=submit] 
    {
        padding: 6px 12px;
    }

    input[type=submit]:hover {
    }

    .cont11 {
        border-radius: 5px;
        /*background-color: #f2f2f2;*/
        padding: 20px;
    }
   
.loaction
{
  margin-top: 10px;
}

.loaction_word {
    text-align: center;
    margin-left: 27px;
    font-size: 20px;
    margin-top: 50px;
    font-family: verdana;
}

.getin
{
  color:#c93810;font-weight: bold;font-size: 22px;margin-bottom: -12px;
    margin-top: 14px;
}

.feedback_bg
{
    margin-top: 18px;
    font-size: 30px;
    text-align: center;
    padding: 50px;
    font-weight: bold;
    color: #1e2027;
}
 .map_setting_WxH
  {
    -webkit-width: 100%;
   -webkit- height:  500px;
  }
  .form_setting
  {
    padding: 0px 22px;
  }
@media (max-width: 767px)
{
 .map_setting_WxH {

    width: 100%;
    height: 200px;
    padding: 0px 22px;

}
 .loaction_word 
  {
         font-size: 13px;
         text-align: center;
         margin-top: 0px;
         margin-left: 0px;
  }
    .getin
    {
      font-size: 14px;
      margin-bottom: -52px;
      margin-top: 0px;
    }
    .feedback_bg
    {
         font-size: 12px;
    }
}
@media(min-width: 768px) and (max-width: 991px)
{
  .map_setting_WxH {

    width: 95%;
    height: 200px;
    padding-left: 22px;

}
  
   .loaction_word
{
  font-size: 14px;
}
      .getin
    {
      font-size: 14px;
      margin-bottom: -18px;
      margin-top: 1px;
    }
     .feedback_bg
    {
          font-size: 13px;
    }
}
@media(min-width: 992px) and (max-width:1199px)
{
    .form_setting
  {
    padding: 0px 5px;
  }
  .map_setting_WxH
   {
    padding-left: 22px;
    width: 100%;
    height: 300px;
    }
     
      .loaction_word
    {
      
      font-size: 15px;
      margin-left: 6px;
    }
  .getin
    {
    font-size: 17px;
    margin-bottom: -18px;
    margin-top: 1px;
  }  
   .feedback_bg
  {
        font-size: 14px;
  }
}
@media(min-width: 1200px) and (max-width:1599px)
{
  .map_setting_WxH
   {
    width: 100%;
    height: 350px;
    }
  .loaction_word 
    {
    font-size: : 16px;
  }
  .getin
    {
    font-size: 16px;
    margin-bottom: -18px;
    margin-top: 1px;
  }  
   .feedback_bg
  {
        font-size: 14px;
  }
}
/*close contact us*/



/*<!-- Style For Captcha -->*/
  <style type="text/css">
      
   


    button{
        background-color: #4CAF50;
        border: none;
        color: white;
        padding: 12px 30px;
        text-decoration: none;
        margin: 4px 2px;
        cursor: pointer;
    }
    canvas{
      /*prevent interaction with the canvas*/
      pointer-events:none;
    }

    fieldset {
        border: 1px solid #ccc;
        padding: 15px;
        max-width: 350px;
        background-color: #eee;
        border-radius: 5px;
    }

    .box {
        box-shadow: 0 5px 16px 0 rgba(165,165,165,.5);
        border: 1px solid #ccc;
        padding: 15px;
        max-width: 100%;
        background-color: #fff;
        border-radius: 5px;
    }

    .ReloadBtn

     { 

        background:url('https://cdn3.iconfinder.com/data/icons/basic-interface/100/update-64.png') left top no-repeat;   
        background-size : 100%;
        width: 32px; 
        height: 32px;
        border: 0px; outline none;
        position: relative; 
        bottom: 0px;
        left : 30px;
        outline: none;
        cursor: pointer; /**/

      } 

        .btnSubmit 
        {
              
              background-color: #c66;
              border: none;
              color: white;
              padding: 6px 15px;
              text-decoration: none;
              margin: 0px 13px;
              cursor: pointer;
        }


    </style>
/*
<!--End Style For Captcha -->*/




.video_div
{
  text-align: center;
  border: 1px solid green;
  padding-top: 10px;
  margin: 10px 10px;
}

.btn-hover {
    width: 104px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    margin: 14px;
    /* height: 55px; */
    text-align:center;
    border: none;
    background-size: 300% 100%;
    border-radius: 0px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding: 6px;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}
.btn-hover.color-6 {
    background-image: linear-gradient(to right, #009245, #93c93d, #fcc053, #fcb632);
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
    background-color: #757575;
}
/*end css for button*/

/****************************************************************************************/
@media (max-width: 580px)
 {
   .hidden_320
   {
     display: none;
   }
}

@media(max-width: 767px)
{
    
}
    .news {padding: 50px 0px;}
    .news ul {list-style-type: none;}
    .news a {color: #333;font-weight: 600;text-decoration: none!important;line-height: 30px;font-size: 17px;}
    .news h3 {font-size: 24px;font-weight: 800;width: 190px;text-align: center;transform: rotate(-24deg);border-radius: 20px;box-shadow: 0px 5px 15px -1.5px #333333;animation: myfirst 4s linear 1s infinite alternate;position: relative;}
    .fa-circle:before {color: #f6792c;font-size: 18px;}
    .tally {background: #f58819;padding: 20px 0px;color: white;}
    .btn:after{border-left:0px!important;}
    .clients {background: #56b2dd;padding: 20px 0px 40px;}
    .clients h2 {color: white;text-align: center;font-size: 26px;padding: 10px 0px 20px;}
    
    @media (max-width: 767px) and (min-width: 0px){
    .arrow{display:none;}
    .cloud{font-size:14px;}
    .online-payment, .online-payment:hover {background: initial!important;color: white;border-radius: 5px;float: initial!important;margin-right: 5%;}
    
    /*this we dont need as it takes the full screen heading, which we dont need*/
    /*.welcome h2{font-size: 20px;width: 95%;}
    .welcome h1{margin-top: -32px;width: 85%;}*/

    .news a{font-size:15px;}

    .news h3{margin: 30px!important;width: 150px;}
    
    }
    @media(min-width: 768px) and (max-width: 991px)
    {
        .arrow{display:none;}
    }
/* btn*/
.btn-change7
{
     border-radius: 10%;
     /*box-shadow: inset;*/
     padding:5px 15px 5px 15px;background: #e5d289;color: #333;;border:0;border:1px solid #816e4c;

     font-size:13px;font-weight:bold;-webkit-transition-duration:.2s;
    -webkit-transition-timing-function:linear;
}
.btn-change7:hover{background: linear-gradient(to left, #60872e, #85ad06);color:#fff;transform: scale(1.1);border:none;}


/* close btn */
/* close index aboutus */


/****************************************************************************************************/


/*footer start*/
/* FOOTER ================================================== */
.Footer_Logo
{
  padding-top: 32px;height:auto;
}
.footer_grid { margin: 0 auto; max-width: 1200px; width: 100%;}
footer { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: verdana; }
footer{ display: block }

#color4footericon i
{
    color:#816e4c; /*#85ad06;*/
}

#wrapfooter 
{ 
    margin-top: 20px; 
    max-width:100%;
    display:block;
    background-image: url('../Images/FooterBg4.png');
    background-repeat: no-repeat;
    background-size: cover;
    max-width:100%;
    height: auto;
    /*border: 4px groove #1e2027;*/
    padding: 1px;
    z-index:1000;
    /*background: linear-gradient(to top,rgb(210, 201, 167),rgb(165, 149, 126),#fff,#fff);*/    

}



.foot_logo {
    margin-left: 0px;
    margin-top: 0px;



}

.bor_right_height {
    border-right: 2px solid #816e4c;

    line-height: 60px
}

.Line_Bottom_Inline {
    border-bottom: 3px solid #816e4c;
}

.Line_Bottom_InlineDown{
    border-bottom: 2px solid #816e4c;
}

.Paragraph_General {
    font-size: 16px;
    text-align: left;
    font-family: verdana;
    font-weight: 600;
    color: #816e4c;
    -webkit-font-size: 16px;
    -webkit-text-align: left;
    -webkit-font-family: verdana;
    -webkit-color: #fff
}

@media(max-width: 1640px)
{
  #wrapfooter {background-image: url('../Images/FooterBg4_Below1640.png');  }

}

@media(min-width: 1200px)and (max-width: 1500px)
{
    #wrapfooter 
    { 
        max-width:100%;
        height:auto;
        display:block;
      /*  background-image: none!important;*/
        
    }
  
  .Paragraph_General {
        font-size: 14px
    }   

  .bor_right_height {
        border-right: 0;
        line-height: 52px
    }   
}

@media(min-width: 992px)and (max-width: 1199px)

{
    #wrapfooter 
    { 
        max-width:100%;
        height:auto;
        display:block;
        
    }

    .Paragraph_General {
        font-size: 12px
    }

     .bor_right_height {
        border-right: 0
    }    
}

@media(min-width: 767px)and (max-width: 991px)

{
    #wrapfooter 
    { 
        max-width:100%;
        height:auto;
        display:block;
       /* background-image: url('../Images/FooterBg4_768to991.png');*/
        z-index: 15000;
        
    }

     .Paragraph_General {
        font-size: 13px
    }

     .bor_right_height {
        border-right: 0
    }
}

@media(min-width: 320px)and (max-width: 768px)

{
    #wrapfooter 
    { 
        display:block;
        max-width:100%;
        height:auto;
        /*background: linear-gradient(to top,rgb(195, 221, 230), rgb(214, 231, 236),#fff,#fff);*/
       /* background-image: url('../Images/FooterBg4_768.png');*/
        /*background-size: cover;*/
    
    }
    .Paragraph_General {
        font-size: 12px;
        text-align: center; /* 21/7/25 */
    }     
    .Footer_Logo
    {
        height:40px;
    }
   .bor_right_height {
        border-right: 0;
        margin-left:20px;
    }    
}
#footer .title { font-size: 15px; color: #fff;  padding-bottom: 3px;  }
.footerstress { /*border: solid #0E8FAB;*/ border-width: 1px 0 0; clear: both; margin: -9px 0px 17px; height: 0; width: 50%; }
#footer [class^="icon-"], #footer [class*=" icon-"] { margin-right: 7px }
#footer { padding: 15px 30px 15px; color: #fff; }
#footer a { color: #fff }
#footer li { list-style: none; float: left; padding-right: 10px; }
#footer li a { color: #333;font-weight: 400;}
#footer li a:hover { letter-spacing:1px;color:#333;font-weight: 600; }
#footer h1 { font-size: 15px; color: #ddd; margin-bottom: 20px; margin-top: 0px; -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(40%,#000),color-stop(100%,rgba(0,0,0,0.5))); }

.textareafooter { background: #3F3F3F !important; border: #444 1px solid !Important; color: #999 !important; }
#footer ul.social-links li { border-radius: 50% }
.back-top-wrapper { width: 100%; position: absolute; overflow: hidden; height: 40px; display: block; }
.back-top { bottom: 42px; right: 20px; margin-bottom: 0; display: block; position: fixed; display: scroll; display: none; }
.back-top a { width: 35px; nowhitespace: afterproperty; nowhitespace: afterproperty; height: 35px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; background: #333 url(../images/up-arrow.png) no-repeat center center; border-radius: 0px; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s; opacity:0.4; border-radius: 3px;; }
.back-top a:hover { background-color: #333 } /* arrow icon (span tag) */
.back-top span { width: 35px; nowhitespace: afterproperty; nowhitespace: afterproperty; height: 35px; display: block; border-radius: 10px; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s; ; ; }

.c3,.c31 { width: 25% }
.c3,.c31 { min-height: 1px; float: left; padding-left: 6px; padding-right: 6px;line-height: 3.2em;font-size: 15px; position: relative; color:#333;}

.smallrightmargin { margin-right: 10px !Important;}




@media(min-width: 768px) and (max-width: 1123px)
{
    .c3
    {
         font-size: 12px;
         /*width: 33%;
         margin-bottom: 20px; 
         margin-left: px; 
         margin-right: 0px; */
    }
    .c31
     {
         /*width: 100%;
         margin-bottom: 20px; 
         margin-left: 0px; 
         margin-right: 0px; */
     } 

}

   



@media(min-width:320px) and (max-width: 767px)
{
    .c31, .c3
     {
         width: 100%;
         margin-bottom: 20px; 
         margin-left: 0px; 
         margin-right: 0px; 
         font-size: 13px;
         
     }
}


@media(min-width:401px) and (max-width: 767px)
{
    #footer 
    { 
        padding: 15px 19px 15px; 
    }
    
}

@media(min-width:320px) and (max-width: 400px)
{
    #footer 
    { 
        padding: 15px 8px 15px; 
    }
    
}



@media screen and (max-width: 767px)
{
  
}
@media screen and (max-width: 1024px) {
.footer_grid {padding:5px 31px 5px;}
}
@media only screen and (max-width:960px) 
{
  .Footer_Logo
  {
    padding-top: 0px;
  }
 /*.c3 { width: 100%; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; }*/
  
}
@media handheld,only screen and (max-width:768px),only screen and (max-device-width:768px) and (orientation:portrait) 
{ 
 
  /*.c3 { width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 20px; }*/
}


@media screen and (max-width: 800px) 
{
    .back-top a {display:none;}
}

/* close footer*/
/* sub_footer_setting */
.sub_footer_setting
{
  background-color:#529653;
  /*border-top: 1px solid silver;*/
  padding-top: 5px;


}
.sub_footer_setting p
{
 color: #fff; 
font-size: 12px;
}
.PoweredBy_div_setting, .PoweredBy_div_setting a
{
  text-align: right;
  color: #fff;
}
@media (max-width: 767px)
{
  .sub_footer_setting p
  {
   color: #fff; 
  font-size: 10px;
  }
  .PoweredBy_div_setting
  {
    text-align: left;
  }
}
/* close sub_footer_setting*/

 


/*Tab for CA_ComplentRaised file 12112019*/
/*main {
  min-width: 320px;
  max-width: 1200px;
  padding: 50px;
  margin: 0 auto;
  background: #fff;
}

section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

input {
  display: none;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label[for*='1']:before {

}

label[for*='2']:before {
 
}

label[for*='3']:before {

}

label[for*='4']:before {

}

label:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {


label {
    background: pink;
    width: 100%;
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}


  label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}
*/