*
{
    margin: 0px;
    padding: 0px;
}
html, body {
    max-width: 100%;
    overflow-x: hidden!important;
    font-family: verdana;
}

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

/* 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*/

/*******************************************************************************************************/
/*Add Bookmark here for Oppurtunity Page*/



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

/*Header section starts*/

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

/* start of top bar header*/
.top {
    background-color: #004194;
    height: 28px;
}

.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; font-weight: 700}
/*.flat-information > li > a:hover{color:#3b4161;}*/
.social-links{padding:0;/*margin:0;*/margin-top: -11px;text-align:right;}
    .social-links a {
        display: inline-block;
        padding: 0 2px;
        line-height: 50px;
        font-size: 11px;
        color: #fff;
    }
.social-links a:hover{color:#2879c8;/*#0E8FAB;*/}
#contact_header{padding-top: 3px;}



/*start of media for header*/

@media (max-width: 370px)
 {
    .top_setting_320
      {
          display: none;
      }
      
}
@media (max-width: 483px)
 {
    .top
    {
        height: 50px!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: 2px solid #2879c8;*/
        margin: 0 auto; 
        
    }
    
/* ==========================================================================
   =Logo
   ========================================================================== */
   
    .logo {  
        padding: 5px 0;
    }
    
    /**
     * 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;
          }   
    @media(min-width: 320px) and (max-width: 480px)
    {
        .logo {
            width: 123%;
            margin-left: 10px;
        }
    }
    @media(min-width: 481px) and  (max-width: 767px)
     {

        /**
         * 1. on mobile devices logo padding right needs to be the width of the
         *    mobile menu trigger + some spacing so as to not let the logo <a>
         *    overlap the mobile menu trigger
         */
    
        .logo 
        {  
            width:65%;
            margin-left: 20px;
        }
    }
        
    @media(min-width: 768px) and  (max-width: 991px) 
    {

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

    }

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

        .logo 
        {  
            margin-left: 15px;
            width:80%;
        }

    }
    
/* --- Menu  */

/*  Menu Basics  */

.sf-menu,
.sf-menu ul {
    padding: 0;
    margin-top: 15px;
    list-style: none;
    margin-left: 65px;
}
    .sf-menu > li:hover {background: #2879c8;color: white!important; opacity: 0.8;} /*on hover but when towards sub links, it must be none which dont know*/
   
    .sf-menu > li { float: left; }

    .sf-menu > li > a {
        position: relative;
        display: block;
        font-weight: bold;

    }
    .sf-menu a:hover {color: white!important;}
   
    /*.sf-menu >li.dropdown {color: white!important;}*/
    /**
     * 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: #fff; 
        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 {
            padding: 12px 16px;
            margin-right: 0px;
            border: none;
            color: #004194;
            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 12px;
                
        }
    }

    @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: #2879c8; }
    
    .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;  
    }

    @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(120deg,#2879c8,#2879c8);border:1px solid #fff;color: #fff;}
    .sf-menu li.dropdown ul li a { position: relative; background-color:#fff;color: #535353;border:1px #f77304; }
    .sf-menu li.dropdown ul li a:hover { font-weight: 700; position: relative;background: linear-gradient(90deg,#2879c8,#2879c8); }
   

    .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: #96d41b; }
        
/* =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: #2879c8; }
    
    .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: #2879c8; }
        
    .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: #2879c8; }
    
    @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 #2879c8;
        margin-bottom: 0;
        background-color: #2879c8;
        opacity: 0.8; /*extra*/
        right: 0px;
        /*added for overlay*/
        position: absolute;
        z-index: 99;
        width:60%;
        overflow: hidden;

        /*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 #e1e1e1;
        color: #fff;
        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; }
    
   /* added on 17 June */
   /* #mobile-menu ul li ul li {display:block;transition-delay: 0.8s;color:red;}*/

    #mobile-menu .mobile-menu-submenu-arrow {
        position: absolute;
        top: 0;
        right: 0;
        width: 70px;
        height: 100%;
        /*border-left: 1px solid #e1e1e1;*/
        color: #fff;
        font-size: 20px;
        line-height: 50px;
        text-align: center;
        cursor: pointer;
        overflow: hidden;

    }
    
    #mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #2879c8; }
    
    #mobile-menu li a:hover {}
    
    #mobile-menu { display: none; }

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

    }

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

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

  

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

        #mobile-menu-trigger { 
            position: absolute;
            top: 6px;
            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: -6px;
            
        }
    }
    @media (min-width: 320px) and (max-width: 400px) {

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

        #mobile-menu-trigger {
           
        }
    
    }       
        
/* ==========================================================================
   =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; }
        
    }

/* ==========================================================================
   =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: 72px; /* 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;*/ /*08/03/2019*/
            z-index: 1020;
            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: #333;
            padding: 12px 16px;
        }
        
        #header.stuck .sf-menu > 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: #2879c8; }
        
        #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*/
.Page_Heading
{
  font-size: 25px;
  font-family: verdana;
  text-align: center;
  color:black;
  font-weight: bold;
  margin:8px 0px;
}

.Paragraph_Heading
{
  font-size: 20px;
  margin: 0px 50px;
  font-family: verdana;
  font-weight: bold;
  color:#2879c8;
  
}

.Paragraph_Sub_Heading
   {
    font-size: 16px;
    padding: 0px 0px;
    margin: 0px 47px;
    font-weight: bold;
    font-family: verdana;
    color:#f77304;
    /*border-bottom: 2px solid #2879c8;*/

   }


.Paragraph
{ 
  font-size: 16px;
  padding: 0px 0px;
  margin: 0px 50px;
  text-align: justify;
  font-family: verdana;
  color:#535353; /*light grey*/

}

.Heading
{
  font-size: 20px;
  
}


@media (min-width: 1200px) and (max-width: 1500px)
{
  .Page_Heading
  {
  font-size: 20px;  
  } 
  .Paragraph_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;
  
  }
  .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;
  
  }
  .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;
  
  }
  .Paragraph_Sub_Heading
    {
    font-size:13px;
    
    } 
  .Paragraph
  {
  font-size: 12px;
  
  } 
  
}

@media (max-width:480px)
{
  .Page_Heading
  {
  font-size: 15px;
  } 
  .Paragraph_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 cerficate as it is Unique ========*/
.Paragraph_Heading_cert
{
  font-size: 18px;
  margin: 0px 20px;
  font-family: verdana;
  font-weight: bold;
  color: #2879c8;
  /*text-shadow: 2px 2px 4px #000;*/
  position: relative;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  
  
}

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



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

  .Paragraph_Heading_cert
  {
    font-size:17px;
  } 
}   

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

   .Paragraph_Heading_cert
  {
    font-size:17px;
  
  } 
}

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

  .Paragraph_Heading_cert
  {
    font-size: 15px;
  
  }
  
} 

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

  .Paragraph_Heading_cert
  {
    font-size: 14px;
    padding-top: 20px;
  
  }
  .self_align{
    margin-left: 50px;
    margin-right: 50px;
  }  
}

@media (max-width:480px)
{
  .Paragraph_Heading_cert
  {
  font-size: 13px;
  margin:0px 25px;
  padding-top: 20px;
  } 
  .self_align{
      margin-left: 35px;
    margin-right: 35px;
  }
}

/*=================end  for cerficate  ========*/

/*Start of Vision Mission Patch*/
/*Start of css for loader*/
   .three { width: 98%; }
   .col {
  display: block;
  float:left;
  margin: 1% 0 1% 1.6%;
}
/* LOADER 6 */

#loader-6{
  top: 40px;
  left: -2.5px;
}

#loader-6 span{
  display: inline-block;
  width: 5px;
  height: 20px;
  background-color: #2879c8;
}

#loader-6 span:nth-child(1){
  animation: grow 1s ease-in-out infinite;
}

#loader-6 span:nth-child(2){
  animation: grow 1s ease-in-out 0.15s infinite;
}

#loader-6 span:nth-child(3){
  animation: grow 1s ease-in-out 0.30s infinite;
}

#loader-6 span:nth-child(4){
  animation: grow 1s ease-in-out 0.45s infinite;
}

@keyframes grow{
  0%, 100%{
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }

  50%{
    -webkit-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    -o-transform: scaleY(1.8);
    transform: scaleY(1.8);
  }
}
/* LOADER 2 */

#loader-2 span{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #3085a3;
  margin: 35px 5px;
}

#loader-2 span:nth-child(1){
  animation: bounce 1s ease-in-out infinite;
}

#loader-2 span:nth-child(2){
  animation: bounce 1s ease-in-out 0.33s infinite;
}

#loader-2 span:nth-child(3){
  animation: bounce 1s ease-in-out 0.66s infinite;
}

@keyframes bounce{
  0%, 75%, 100%{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  25%{
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
} 
/*End of css for loader*/
  
#Vision
{
    /*background-image:url('../Images/Flowers.jpg');*/
    /*background-color: yellow;*/

}
.content {
    margin: 0 auto;
    max-width: 1920px;
}
.grid {
    position: relative;
    clear: both;
    margin: 0 auto;

    padding: 1em 0 3em;
    max-width: 1920px;
    list-style: none;
    text-align: center;
    color:#fff;
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 357px;
    max-width: 480px;
    max-height: 385px;
    
    height: auto;
    background: #337ab7;
    /*background-image: url('../Images/Bg.jpg');*/
    text-align: center;
    cursor: pointer;
    border: 3px solid #2879c8;
}

@media(min-width: 992px) and (max-width: 1199px)
{
    .grid figure
    {
         min-width: 280px;
         /*float: none;*/
         /*margin-left: auto;*/
         /*margin-right: auto;*/
    }

}

@media(min-width: 768px) and (max-width: 991px)
{
    .grid figure
    {
         min-width: 280px;
         float: none;
         margin-left: auto;
         margin-right: auto;
    }

}

@media(min-width: 320px) and (max-width: 767px)
{
    .grid figure
    {
         min-width: 280px;
         float: none;
         margin-left: auto;
         margin-right: auto;
    }

}
/*---------------*/
/***** Ming *****/
/*---------------*/

figure.effect-ming 
{
    /*background-image: url('Images/Message.png');*/
    
}

figure.effect-ming img 
{
    opacity: 0.9;
    width:65%;
    padding-top:50px;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-ming figcaption::before 
{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}

figure.effect-ming h2 
{
    margin: 4% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-ming p 
{
    padding: 1em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

figure.effect-ming:hover h2 
{
    -webkit-transform: scale(0.7);
    transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p 
{
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

figure.effect-ming:hover figcaption 
{
    background-color: rgba(58,52,42,0);
}

figure.effect-ming:hover img 
{
    opacity: 0.4;
}
/*End of Vision Mission Patch*/

/* Page Heading with border */
    .welcome 
    {
     
    height: auto;
    /*text-align: center;*/
    padding-top: 10px;
    padding-bottom: 38px;


    }
    .welcome h2
    {
        font-size:26px;
        color: #2879c8;
        border-width: 15px;
        border-style: ridge;
        border-color: #51b6b0;
        padding-bottom: 15px;
        padding-top: 10px;
        font-weight: 700;
        word-spacing: 5px;
        width: 40%;
        margin: auto;
        text-align: center;
    } 

    /*.welcome h2
    {
        font-size: 26px;
        color: #3b4161;
        border-width: 3xpx;
        border-style: ridge;
        border-color: #767989;
        padding-bottom:10px;
        padding-top: 10px;
        font-weight: 700;
        word-spacing: 5px;
        width: 18%;
        margin: auto;
        border-radius: 49px;
        text-align: center;
        float: left;
        background-image:linear-gradient(to right, red, red 50%,yellow 50%, yellow);
        
    }*//*11/03/2019*/
    
    .welcome h1
    {
        color: #3b4161;
        background-color: #2879c8;
        font-weight: 600;
        font-size: 20px;
        line-height: 37px;
        margin-top: -25px;
        width: 45%;
        margin-left: auto;
        margin-right: auto;
        
        text-align: -webkit-center;
    }
    @media(min-width: 1200px) and (max-width: 1500px)
    {
        .welcome h2
        {
            font-size: 20px;
            line-height: 37px;
            margin-top: -25px;
            
        }
    }
    @media(min-width: 992px) and (max-width: 1199px)
    {
        .welcome h2
        {
            font-size: 19px;
            line-height: 34px;
            margin-top: -25px;
            
        }
        
    }
    @media(min-width: 768px) and (max-width: 991px)
    {
        .welcome h2
        {
            font-size: 17px;
            line-height: 30px;
            margin-top: -20px;
            
        }
    }
    @media(min-width: 504px) and (max-width: 767px)
    {
        .welcome h2
        {
            font-size: 15px;
            line-height: 20px;
            margin-top: -16px;
        }
       /* .welcome h2
        {
            padding-bottom: 10px;
            padding-top: 15px;
            
        }*/
    }
    @media(min-width: 320px) and (max-width: 503px)
    {
        .welcome h2
        {
            font-size: 14px;
            line-height: 17px;
            margin-top: -13px;
            border-width: 7px;
            width: 55%;
        }
        /*.welcome h2
        {
            padding-bottom: 15px;
            padding-top: 15px;
            
        }*/
    }
    
/*End of Page Heading with border*/
/*****************************************************/

/*Start of Bookmark*/

:target {
  animation: highlight 8s ease;  
  transform: translateZ(20px); 
  animation-iteration-count: 2;  
}
@keyframes highlight 
{
  0% { background-color:rgb(0, 156, 222);}
  100% { background:none;}
}

@-webkit-keyframes highlight
{
    0% { background-color:rgb(0, 156, 222);}
  100% { background:none;}
}
 /*End of Bookmark*/


/*Start of Directors Note*/
#border
{
    /*border:2px solid #009a44;*/
    box-shadow: 1px 2px 2px;
    border-style: groove;
    border: 1px #009a44;
    border-color: #009a44;
    padding: 6px;
    background-color: #fff;
}

#border4Legal {
    /* border: 2px solid #009a44; */
    box-shadow: 4px 4px 2px;
    border-style: groove;
    /* border: 1px #fcf8e3; */
    border-color: #f7a020;
    padding: 6px;
    background-color: #8bad47;
}

.Concept
{
     font-weight: bold;
     color: #3b4161;
     font-size: 15px;
     text-align: center;
}
.Concepts
{
     font-weight: bold;
     color: #3b4161;
     font-size: 15px;
     text-align: center;
}
#Products
    {
        border-bottom: 1px solid #f6f6f6;
    }
   
 #Products h3
 {
    color: #93ca3a;
    font-size: 26px;
    padding-bottom: 10px;
    font-weight: bold;
 } 
  #Products ul li
 {
    color: #000;
  }  
#Products .col-md-3,
#Products .col-sm-6
    {
        padding: 0;
        margin: 0;
    }
#Products .plan
  {
    border: 1px solid #f6f6f6;
    margin-top: 100px;
    transition: all 0.4s ease-in;
    padding: 15px;
  }
#Products .plan_one , #Products .plan_two , #Products .plan_three , #Products .plan_four
 {
    margin-top: 0px;
    line-height: 2em;
    font-size: 16px;
}

#Products .plan:hover
  {
    background: #2879c8;
    color: black;
    transform: scale(0.9);
  }

#Products .plan .plan_title
  {
    border-bottom: 1px solid #f6f6f6;
    color: #9bc848;
    font-size: 30px;
    padding: 20px;
  }
#Products .plan ul
  {
    padding: 0;
  }
#Products .plan ul li
  {
    display: block;
    padding: 20px 0 20px 0;
  }

#Products .plan .btn
  {
    background: #3b4161;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    font-size: 12px;
    width: 120px;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: all 0.4s ease-in-out;
  }
#Products .plan .btn:hover
  {
    background: #FFFFFF;
    color: #3b4161;
  }

/*Start Product Personal Page*/
#about {
    padding: 10px 0;
    /*background:rgb(245, 167, 76);*/
    /*background: #ff9a23;*/
}
#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;
}
#about h2::after {
    position: absolute;
    content: "";
    background-color: #00354a;
    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: #00354a;
    font-size: 11px;
    font-weight: 300;
    padding-right: 8px;
}

#about img 
    {
        margin-top: 45px;
        /*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: 30px 0;
}
/*End of Product Personal Page*/

/*End of Directors note*/
/**********************************/
/*Start of Products tabs on index page*/
/**************************************************************************************************/
/* .Prod_hover_div */
.image 
    {
      display: block;
      width: 100%;
      height: auto;
    }
 .text1 
    {
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
    }
.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: 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%;
    -webkit-border-radius: 2%;
    position: relative;
    width: 100%;
    height: 100%;
    /*line-height: 200px;
    font-size: 1.5em;*/
    /*text-shadow: 0 0 2px white;*/
    -webkit-border: 2px solid black;
    border: 2px solid black;
    text-align:center;
    display:inline-block;
    transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
  }
  .overlay6 
    {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgb(39, 37, 36,0.6);
      -webkit-background-color: rgb(140, 198, 62,0.6);
      /*background-color: rgba(58, 94, 162, 0.73);*/
      overflow: hidden;
      -webkit-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 #ffcb0f inset;*/
      -webkit-transform: scale(1.5);
      -ms-transform: scale(2);
      transform: scale(1);
  }



.Cate_main
{
  text-align: center;
  border: 1px solid #2879c8;
}

@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: rgb(140, 198, 62,0.8);*/
  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: wheat;
  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: #2879c8;
    color: #fff;
    border: 1px solid #3b4161;
}
.tab .tab-content
{
    font-size: 15px;
    color:#000000;
    line-height: 25px;
    padding: 25px 20px;
    border: 2px solid #2879c8;
}
.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;
          
     }
}

/*End of Products tabs on index page*/

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


/*Start of some classes/div included in body part*/

.table_div2
{
    margin:0 50px
}
#space4top
{
  padding: 17px 0px 0px 0px;
}

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

.bgimg
{
    background-image: url('../Images/Bg.jpg');

}

.bgimg4Directors
{
    /*background-image: url('../Images/WellnessBanner4.jpg');*/
    background-color: #fff;
    background-repeat: no-repeat;
    /*background-image:linear-gradient(-360deg,#f9d03b,#f4cf49,#fff);*/
   max-width:100%;
    height: auto;
    display:block;
}

@media(min-width: 768px) and (max-width: 1600px)
{
    .bgimg4Directors
    {
        /*background-image: url('../Images/WellnessBanner4_1200.jpg');*/
    }
    
}

@media(min-width: 501px) and (max-width: 767px)
{
   .bgimg4Services
    {
        background-image: url('../Images/Bg4Index_768.html');
        /*background-color: #fff;*/
        background-repeat: no-repeat;
        max-width:100;
        height: auto;
        display:block;
    } 
}

@media(min-width: 320px) and (max-width: 500px)
{
   .bgimg4Services
    {
        background-image: url('../Images/Bg4Index_500.html');
        /*background-color: #fff;*/
        background-repeat: repeat;
        max-width:100;
        height: auto;
        display:block;
    } 
}
#color4icon i
{
    color: #2879c8;
}
#Services
{
    margin-top:40px;
    margin-bottom: 40px;
    

}
#AnimFlip
{
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
}
#shadow4box
{
    box-shadow: 1px 3px 2px;
     border-style: groove;
     border: 1px;
     padding:0px;
}
#shadow4boximg
{
    height: 950px;

     
}
#shadow4boxdir
{
    box-shadow: 1px 3px 2px;
     border-style: groove;
     border: 1px;
     padding:0px;
     height: 1100px;

     
}
@media(min-width: 1501px) and (max-width: 1800px)
{
    #shadow4boxdir
    {
        height: 1160px;
         
    }
}
@media(min-width: 1351px) and (max-width: 1500px)
{
    #shadow4boxdir
    {
        height: 1080px;
         
    }
}
@media(min-width: 1200px) and (max-width: 1350px)
{
    #shadow4boxdir
    {
        height: 1150px;
         
    }
    #shadow4boximg
    {
        height: auto;
    }
}
@media(min-width: 992px) and (max-width: 1199px)
{
    #shadow4boxdir
    {
        height: 1150px;
         
    }
    #shadow4boximg
    {
        height: auto;
    }
}
@media(min-width: 768px) and (max-width: 991px)
{
    #shadow4boxdir
    {
        height: auto;
         
    }
    #shadow4boximg
    {
        height: auto;
    }
}
@media(min-width: 601px) and (max-width: 767px)
{
    #shadow4boxdir
    {
        height: auto;
         
    }
    #shadow4boximg
    {
        height: auto;
    }
}
@media(min-width: 320px) and (max-width: 600px)
{
    #shadow4boxdir
    {
        height: auto;
         
    }
    #shadow4boximg
    {
        height: auto;
    }
}

.h8
{
    height: 250px;
}

@media(min-width: 768px) and (max-width:1199px)
{
    .h8
    {
        height: 300px;
    }
}

@media(min-width: 320px) and (max-width:767px)
{
    .h8
    {
        height: auto;
    }
}

#aboutusimg
{
     /*box-shadow: 1px 2px 2px;
     border-style: groove;*/
     /*border: 1px solid #3b4161;*/
     /*box-shadow: 1px 2px 2px; */
     margin-left:0px;
     margin-right:30px;
     float:left;
     margin-bottom: 10px;
}
#dirnote
{
    /*border: 2px solid #ff4000;*/
    -webkit-box-shadow: 1px 2px 2px;
    -webkit-border-style: groove;
    -webkit-border: 1px #009a44;
    -webkit-border-color: #009a44;
    -webkit-padding: 6px;
    box-shadow: 1px 2px 2px;
    border-style: groove;
    border: 1px #009a44;
    border-color: #009a44;
    padding: 6px;
}
@media(min-width:1200px) and (max-width: 1500px)
{
    #dirnote
    {
        max-width: 70%;
    }
}
@media(min-width:992px) and (max-width: 1199px)
{
    #dirnote
    {
        max-width: 60%;
    }
}
@media(min-width:801px) and (max-width: 991px)
{
    #dirnote
    {
        max-width: 45%;
    }
}
@media(min-width:768px) and (max-width: 800px)
{
    #dirnote
    {
        max-width: 45%;
    }
}
@media(min-width:501px) and (max-width: 767px)
{
    #dirnote
    {
        max-width: 45%;
    }
}
@media(min-width:320px) and (max-width: 500px)
{
    #dirnote
    {
        max-width: 60%;
    }
}    
#space4icon
{
    padding-left: 6px;
}
@media(max-width: 767px)
{
    #aboutusimg
    {
        /*box-shadow: 1px 2px 2px;*/
        /*border: 1px solid #2879c8;*/
        /*margin-right: 10px;
        margin-left: 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 #2879c8;*/
             margin-right:10px;
             margin-left: 0px;
             margin-bottom: 10px;
        }
}
/*End of of some classes/div included in body part*/

/****************************************************************************************/
@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: 15px;
     padding:5px 15px 5px 15px;
     background: #2879c8;
     color:#fff;
     box-shadow: 2px 2px 4px;
     border:0;
     font-size:13px;
     font-weight:bold;
    
}
.btn-change7:hover{color:black; background: linear-gradient(to right, #ffffff, #ffffff);}

#read
{
    color: white;
}
/*#read:hover
{
    color: black;
}*/
#more
{
    color: black;
}
/*#more:hover
{
    color: white;
}*/

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


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


/*footer start*/
/* FOOTER ================================================== */
.Footer_Logo
{
  padding-top: 50px;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 }
#wrapfooter { background-color: #2879c8; margin-top: 40px; }
#footer .title { font-size: 15px; color: #3b4161;  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 0px 15px; color: #fff; }
#footer a { color: #fff }
#footer li { list-style: none; float: left; padding-right: 10px; }
#footer li a { color: #fff }
#footer li a:hover { color: #3b4161 }
#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.html) 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 { width: 25% }
.c3 { min-height: 1px; float: left; padding-left: 10px; padding-right: 10px; position: relative; }

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

@media(min-width:320px) and (max-width: 400px)
{
    #footer 
    { 
        padding: 15px 8px 15px; 
    }
}
@media(min-width:401px) and (max-width: 767px)
{
    #footer 
    { 
        padding: 15px 19px 15px; 
    }
}
@media(min-width: 768px) and (max-width: 960px)
{
    #footer 
    { 
        padding: 15px 19px 15px; 
    }
}
@media screen and (max-width: 767px)
{
  
}
@media screen and (max-width: 1024px) {
.footer_grid {padding:31px;}
}
@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:#3b4161;
  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*/
 /*contact Us*/

 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: 1px 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: #3b4161;
}
 .map_setting_WxH
  {
    -webkit-width: 100%;
   -webkit- height:  500px;
  }
  .form_setting
  {
   color: #fff;
    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*/

/*Start of Footer section 12/03/2019*/

/*call to action
=========================*/
.bg-primary{background-color: ##2280d5;background-color: #337ab7;}
.bg-finence{background-color:#13A0B2;}
.bg-mega{background-color:black;}
.bg-grey{background-color: #f5f5f5;}

.bg-black {
    background-image: linear-gradient(267.43deg, #004194cc 4.95%, #004194 97.92%);
    background-size: cover;
    background-position: left center;
    /*background-color: #fff;
    border-top: 2px solid #8bad47;*/
}


.bg-white{background-color: #fff;}

.fix{
    overflow: hidden;
}

.text-white{font-weight:700; font-size: 13px;  color:white  !important;;}

.text-light{font-weight: 500; color:white !important;;}

.roomy-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.roomy-80 {
    padding-top: 100px;
    padding-bottom: 80px;
}

.roomy-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.roomy-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.roomy-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.roomy-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.roomy-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-top-80 {
    padding-top: 1.714rem;
}

.p-top-40 {
    padding-top: 0.66rem;
}
.p-bottom-30 {
    padding-bottom: 0 ;/*1.875rem;*/
}

.m-top-80 {
    margin-top: 20px;
}

.m-top-50 {
    margin-top: 50px;
}

.m-top-40 {
    margin-top: 40px;
}

.m-top-30 {
    margin-top: 30px;
}
.m-top-20 {
    margin-top: 15px;
}

.m-top-10 {
    margin-top: 0px;
}

.m-l-15{
    margin-left: 15px; 
}

.m-r-15{
    margin-right: 15px; 
}

.action_btn .btn-default:hover{
    background-color: #2879c8;
    color:#fff;
}
.action-lage{
    position: relative;
    width:100%;

}
.action-lage:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #fff;
    left:50%;
    top:0%;
    z-index: 3;
    margin-left:-15px;

}
@media(min-width: 320px) and (max-width: 500px)
{
    .action_item h2
    {
        font-size: 16px;
    }
}

@media(min-width: 501px) and (max-width: 767px)
{
    .action_item h2
    {
        font-size: 20px;
    }
}

.divider{
    width:100%;
    height: 1px;
    background-color: #434769;
    display: inline-block;
}
.widget_ab_item_text h6{
    margin-top:5px;
    margin-bottom:5px;
}
.widget_item h5{
    font-size: 18px;
    font-weight: 600;
}

.widget_item a img {
    background: none;
    padding: 0px;
    border-radius: 10px;
    /*width:100%;*/
}

@media(min-width: 501px) and (max-width: 767px)
{
    .widget_item a img
    {
        width:200px;
    }
}

@media(min-width: 320px) and (max-width: 500px)
{
    .widget_item a img
    {
        width:140px;
    }
}

.widget_item .btn:hover{
    background-color: #2879c8;
}
.widget_item li a{
    font-size: 15px;
    font-weight: 500;
    color:white; 
}
.widget_item li a:hover{
    color:aliceblue;
}

.widget_latst_item_text p{
    margin-bottom: 0px;
    color:#aaaaaa;
}
.widget_service li
{
   /* animation-name: fadeInUp;
    animation-duration: 4s;
    animation-iteration-count: 4;*/
}
.widget_service li i,
.widget_latst_item_text a{
    /*font-size:12px;*/
    color:aliceblue;
    
}

.widget_service li i{
    margin-right: 5px;

}
.widget_service li{
    font-size:13px;
    border-bottom: 1px dashed #aaa;
    padding-bottom: 10px;
}
.widget_service .list-inline li{
    border-bottom: none;
    font-size: 16px;

}

.widget_service .list-inline li i:hover
{
    color: #337ab7;
}
@media(min-width: 992px) and (max-width: 1200px)
{
   .widget_service .list-inline li{
    border-bottom: none;
    font-size: 12px;
} 
}
.widget_newsletter li a:hover i,
.widget_latst_item_text:hover p,
.widget_service li:hover,
.widget_service li:hover i{
    color:#2879c8;
}

.widget_ab_item .item_icon,
.widget_latst_item .item_icon{
    float: left;
    width: 20%;
    display: inline-block;
    margin-right: 15px;
}
.widget_ab_item .widget_ab_item_text,
.widget_latst_item .widget_latst_item_text {
    display: inline-block;
    width: 70%;
}
.widget_ab_item .item_icon{
    float: left;
    width: 10%;
    display: inline-block;
    margin-right: 15px;
}
.widget_ab_item .widget_ab_item_text {
    display: inline-block;
    width: 80%;
}
.widget_newsletter .form-inline .form-group{
    display: block;
}
.widget_newsletter .form-control{
    width:80%;
    height: 40px;
    background-color: #1a1a1a;
    border-color:#333333;
    display: inline-block;
}
.widget_newsletter .btn{
    width: 20%;
    padding: 0.65rem 1.2rem;
    background-color: #51b6b0;
    border-color:#2879c8;
    color:#fff;
    border-radius: 0;
    margin-left:-4px;
    display: inline-block;
}
.widget_brand a{
    font-size:30px;
    font-weight: 800;
    color:#aaa;
}
.widget_newsletter li a i{
    color:#aaa;
}


.main_footer i {
    padding: 0px 5px;
    color:  wheat;
}

.main_footer a {
    color: #ddd;
    padding: 5px;
}
/*End fo footer Section*/


/*Service Box*/



          h1,
        h2,
        h3,
        h4,
        h5,
        h6 {}
        a,
        a:hover,
        a:focus,
        a:active {
            text-decoration: none;
            outline: none;
        }
        
        a,
        a:active,
        a:focus {
            color: #333;
            text-decoration: none;
            transition-timing-function: ease-in-out;
            -ms-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            transition-duration: .2s;
            -ms-transition-duration: .2s;
            -moz-transition-duration: .2s;
            -webkit-transition-duration: .2s;
            -o-transition-duration: .2s;
        }
        
        ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        img {
    max-width: 100%;
    height: auto;
    margin-bottom:10px;
}
span, a, a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}
.section-head {
  margin-bottom: 20px;
}
    .section-head h4 {
        position: relative;
        padding: 0;
        color: #004194; /*green*/
        line-height: 1;
        letter-spacing: 0.3px;
        font-size: 37px;
        font-weight: 700;
        text-align: center;
        text-transform: none;
        margin-bottom: 30px;
    }
/*.section-head h4:before {
  content: '';
  width: 120px;
  height: 3px;
  background: #2879c8;
  position: absolute;
  left: 0px;
  bottom: -10px;
  right:0;  
  margin:0 auto;
}*/
.section-head h4 span {
  font-weight: 700;
  padding-bottom: 5px;
  color:#2f2f2f
}
p.service_text{
  color:#cccccc !important;
  font-size:16px;
  line-height:28px;
  text-align:center;    
}
.section-head p, p.awesome_line{
  color:#818181;
  font-size:16px;
  line-height:28px;
  text-align:center;  
}

.extra-text {
    font-size:34px;
    font-weight: 700;
    color:#2f2f2f;
    margin-bottom: 25px;
    position:relative;
    text-transform: none;
}
.extra-text::before {
    content: '';
    width: 60px;
    height: 3px;
    background: #e39554;
    position: absolute;
    left: 0px;
    bottom: -10px;
    right: 0;
    margin: 0 auto;
}
.extra-text span {
    font-weight: 700;
    color:#f77304;
}
.item {
    background: #fff;
    text-align: center;
    padding: 30px 25px;
    -webkit-box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
    box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    border:5px solid rgba(0, 0, 0, 0.07);
    margin-bottom: 5px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.item:hover{
    background:#009cde69;
    box-shadow:0 8px 20px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.item:hover .item, .item:hover span.icon{
    background:#fff;
    border-radius:10px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.item:hover h6, .item:hover p{
    color:black;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.item .icon {
    font-size: 40px;
    margin-bottom:25px;
    color: #f77304;   
    width: 90px;
    height: 90px;
    line-height: 96px;
    border-radius: 50px;
}

.item .feature_box_col_one{
    background: #009cde69;
    color:#444;
}

.item .feature_box_col_two{
    background:#f7730487;
    color:#444
}



.item .feature_box_col_three{
    background:#96d41b85;
    color:#444
}
.item .feature_box_col_four{
    background:rgba(0, 108, 255, 0.15);
    color:#2879c8
}
.item .feature_box_col_five{
    background:rgba(146, 39, 255, 0.15);
    color:#2879c8
}
.item .feature_box_col_six{
    background:rgba(23, 39, 246, 0.15);
    color:#2879c8
}
.item p{
    font-size:15px;
    line-height:26px;
}

.item h6 {
    margin-bottom: 20px;
    color: #2879c8;
    font-size: 20px;
    font-family: cursive;
    font-weight: 600;
}

.mission p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
}
.mission i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #2879c8;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
}
.mission .small-text {
    margin-left: 10px;
    font-size: 13px;
    color: #666;
}
.skills {
    padding-top:0px;
}
.skills .prog-item {
    margin-bottom: 25px;
}
.skills .prog-item:last-child {
    margin-bottom: 0;
}
.skills .prog-item p {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}
.skills .prog-item .skills-progress {
    width: 100%;
    height: 10px;
    background: #e0e0e0;
    border-radius:20px;
    position: relative;
}
.skills .prog-item .skills-progress span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #2879c8;
    width: 10%;
    border-radius: 10px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.skills .prog-item .skills-progress span:after {
    content: attr(data-value);
    position: absolute;
    top: -5px;
    right: 0;
    font-size: 10px;
    font-weight:600;    
    color: #fff;
    background:rgba(0, 0, 0, 0.9);
    padding: 3px 7px;
    border-radius: 30px;
}




/*About us feature* - replaced this feature with service-details - card_body, but still keeping it temp*/


.single_feature{
 width: 100%;
background: lightblue  none repeat scroll 0 0;

/*background: url('../Images/1523.jpg' no-repeat);*/
box-shadow:0 2px 30px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 40px 40px;
border:1px solid 53535;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.single_feature:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f9fbf6;
  color:#535353;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.single_feature:hover, .single_feature:focus, .single_feature:active {
 color:#535353;
}
.single_feature:hover:before, .single_feature:focus:before, .single_feature:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*--------------------------------------------------------------
# Service Details
--------------------------------------------------------------*/
.service-details {
  padding-bottom: 10px;
}

.service-details .card {
  border: 0;
  padding: 0 30px;
  margin-bottom: 60px;
  position: relative;
}

.service-details .card-img {
     width: calc(75% + 60px);
    margin-left: 50px;
    overflow: hidden;
    z-index: 9;
    border-radius: 0;
}

.service-details .card-img img {
  max-width: 80%;
  transition: all 0.3s ease-in-out;
}

.service-details .card-body {

  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px 50px;
  animation-name: example;
  animation-duration: 0.25s;
  border-right: 8px solid #2879c870; 
  border-bottom: 1px solid #2879c870; 
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

  /*z-index: 10;
  background: white;
  margin: auto;
  margin-top: 5%;
  max-width: 30%;
  padding: 20px 50px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
 }

 .service-details .card-body:hover {

  z-index: 10;
  background: white;
  margin: auto;
  border-right:none;
  border-bottom: none;
  box-shadow: 0 3px 3px rgba(0,0,0,0.12), 0 3px 3px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);

  /*border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  animation-name: example;
  animation-duration: 0.25s;
  border-left: 8px solid #f77304; 
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);*/
 }

.service-details .card-title {
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

.service-details .card-title a {
  color: #1e4356;
  transition: 0.3s;
}

.service-details .card-text {
  color: #5e5e5e;
}

.service-details .read-more a {
  color: #777777;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  transition: 0.3s;
}

.service-details .read-more a:hover {
  color: #fd7e14;
}

.service-details .card:hover img {
  transform: scale(1.1);
}

.service-details .card:hover .card-body {
  border-color: #fd7e14;
}

.service-details .card:hover .card-body .card-title a {
  color: #fd7e14;
}

.feature_icon{}
/*.single_feature i {

  border: 1px solid #e8e8e9;
  border-radius: 50%;
  color: #333;
  float: left;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  margin-right: 15px;
  position: relative;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 60px;
  z-index: 3;
  margin-top: 25px;
}
.single_feature:hover i{
  background: #fff;border: 1px solid #fff;color:#2879c8;
}*/
.single_feature h3 {
  text-transform: capitalize;
  font-size: 20px;
  font-weight:400;
  margin-top:0px;
  overflow: hidden;
}
.single_feature:hover h3{color:#fff;}
.single_feature span {
border-bottom: 1px dashed #ccc;
display: block;
margin: 15px auto 10px;
width: 80px;
}
.single_feature p { color:#fff; margin-bottom: 0 ;overflow: hidden;}



.Contcact_Us
{

 line-height: 3em; font-weight: 500; font-size: 15px;
}
.add_text
{

 
font-size: 18px;
}

/*@media(min-width: 320px) and (max-width: 500px)
{
        .add_text
        {
        font-size: 20px;
        }
}*/

@media(min-width: 992px) and (max-width: 1200px)
{
          .add_text
                {
                font-size: 16px;
                }

        .Contcact_Us
        {

         line-height: 2.5em; font-weight: 700; font-size: 17px;
        }

} 
/*Director's Note*/


.title-pen {
  color: #333;
  font-family: "Coda", sans-serif;
  text-align: center;
}
.title-pen span {
  color: #55acee;
}

.user-profile {
    -webkit-box-shadow: 5px 5px 15px 5px #555; 
box-shadow: 5px 5px 0px 2px #555;
  margin: auto;
    width: auto; 
  height: auto;
  background: #fff;
  border-radius: .3em;
}

.user-profile  .username {
  margin: auto;
  margin-top: -3.60em;
  margin-left: 5.80em;
  color: #2879c8;
  font-size: 20px; /*1.53em;*/
  font-family: "cursive", sans-serif;
  font-weight: bold;
}
.user-profile  .bio {
  margin: auto;
  display: inline-block;
  margin-left: 10.43em;
  color: #f77304; 
  font-size: 15px; /*.87em;*/
  font-family: "verdana", sans-serif;
}
.user-profile > .description {
  margin: auto;
  font-weight: 700;
  margin-top: 35px;
  margin-right: 10px;
  margin-left: 10px;
  width: auto;
  color: #535353; 
  font-size: 15px; /*.87em;*/
  font-family: "verdana", sans-serif;
}
.user-profile > img.avatar {
    padding: .7em;
  margin-left: .3em;
  margin-top: .3em;
  height: 6.23em;
  width: 6.23em;
  border-radius: 18em;
}

.user-profile ul.data {
    margin: 2em auto;
    height: 3.70em;
  background: #2879c8;
  text-align: center;
  border-radius: 0 0 .3em .3em;
}
.user-profile li {
    margin: 0 auto;
  padding: 1.30em; 
  width: 33.33334%;
  display: table-cell;
  text-align: center;
}

.user-profile span {
    font-family: "varela round", sans-serif;
    color: #e3eeee;
  white-space: nowrap;
  font-size: 1.27em;
  font-weight: bold;
}
.user-profile span:hover {
  color: #daebea;
}

footer > h1 {
  display: block;
  text-align: center;
  clear: both;
  font-family: "Coda", sans-serif;
  color: #343f3d;
  line-height: 6;
  font-size: 1.6em;
}
footer > h1 a {
  text-decoration: none;
  }

/*About us*/

/*desktops - higher resolution*/
@media(min-width: 1281px)
{
        .section-head h4 
        {

          font-size: 30px;

        }
}
/*laptops, desktops*/
@media (min-width: 1025px) and (max-width: 1280px) 
{
        .section-head h4 
        {

          font-size: 25px;

        }
}

/*tablets, ipads (portrait)*/
@media (min-width: 768px) and (max-width: 1024px)
{
        .section-head h4 
        {

          font-size: 20px;

        }
}

/*tablets, ipads (landscape)*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)
{
        .section-head h4 
        {

          font-size: 25px;

        }
}

/*low resolution tablets, mobiles (landscape)*/
@media (min-width: 481px) and (max-width: 767px)
{
        .section-head h4 
        {

          font-size: 18px;

        }
}

/*smartphones mobiles (portrait)*/
@media (min-width: 320px) and (max-width: 480px)
{
        .section-head h4 
        {

          font-size: 16px;

        }
}





/*---------------------
  Women Banner Section
-----------------------*/

.women-banner {
    padding-right: 65px;
    padding-left: 65px;
    padding-top: 0;
    padding-bottom: 80px;
}

/*
.product-large {
    height: 620px;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
    padding-top: 285px;
}

.product-large h2 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 18px;
}

.product-large a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    position: relative;
}

.product-large a:before {
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background: #ffffff;
    content: "";
}

.filter-control {
    text-align: center;
    margin-bottom: 45px;
    padding-top: 32px;
}

.filter-control ul li {
    list-style: none;
    display: inline-block;
    font-size: 20px;
    color: #b2b2b2;
    margin-right: 22px;
    position: relative;
    cursor: pointer;
}

.filter-control ul li.active {
    color: #171717;
}

.filter-control ul li.active:before {
    opacity: 1;
}

.filter-control ul li:before {
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background: #171717;
    content: "";
    opacity: 0;
}

.filter-control ul li:last-child {
    margin-right: 0;
}

.product-slider .owl-nav button[type=button] {
    font-size: 30px;
    position: absolute;
    left: -62px;
    top: 25%;
    color: #171717;
    opacity: 0.3;
}

.product-slider .owl-nav button[type=button].owl-next {
    left: auto;
    right: -62px;
    color: #171717;
    opacity: 1;
}

.product-slider .owl-dots {
    text-align: center;
    margin-top: 27px;
}

.product-slider .owl-dots button {
    width: 6px;
    height: 6px;
    background: #D8D9DA;
    border-radius: 50%;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product-slider .owl-dots button:last-child {
    margin-right: 0;
}

.product-slider .owl-dots button.active {
    width: 30px;
    background: #252525;
    border-radius: 50px;
}*/
/*End of Product slider button not required as on mobile it comes down*/

.product-item {
    margin-bottom: 26px;
}

.product-item:hover .pi-pic .icon {
    top: 15px;
    opacity: 1;
}

.product-item:hover .pi-pic ul {
    bottom: 0;
}

.product-item .pi-pic {
    overflow: hidden;
    position: relative;
}

.product-item .pi-pic img {
    min-width: 100%;
}

.product-item .pi-pic .sale {
    color: #ffffff;
    font-size: 10px;
    background: #76BC42;
    position: absolute;
    left: 0;
    top: 20px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.product-item .pi-pic .sale.pp-sale {
    background: #e7ab3c;
}

.product-item .pi-pic .icon {
    font-size: 20px;
    color: #252525;
    position: absolute;
    right: 21px;
    top: -15px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.product-item .pi-pic ul {
    position: absolute;
    left: 0;
    bottom: -52px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    width: 100%;
}

.product-item .pi-pic ul li {
    list-style: none;
    display: inline-block;
    background: #ffffff;
}

.product-item .pi-pic ul li.w-icon.active a {
    background: #e7ab3c;
    color: #ffffff;
}

.product-item .pi-pic ul li a {
    font-size: 16px;
    font-weight: 700;
    color: #252525;
    display: block;
    padding: 16px 18px 12px 19px;
}

.product-item .pi-text {
    text-align: center;
    padding-top: 26px;
}

.product-item .pi-text .catagory-name {
    font-size: 10px;
    color: #b2b2b2;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.product-item .pi-text a {
    display: block;
}

.product-item .pi-text a h5 {
    color: #252525;
}

.product-item .pi-text .product-price {
    color: #e7ab3c;
    font-size: 20px;
    font-weight: 700;
}

.product-item .pi-text .product-price span {
    font-size: 14px;
    font-weight: 400;
    color: #b2b2b2;
    text-decoration: line-through;
}

/*---------------------
  Deal Of The Week
-----------------------*/

.deal-of-week {
    padding-top: 80px;
    padding-bottom: 80px;
    margin-left: 65px;
    margin-right: 65px;
}

.countdown-timer {
    text-align: center;
    margin-bottom: 50px;
}

.countdown-timer .cd-item {
    display: inline-block;
    background: #ffffff;
    margin-right: 35px;
    padding: 10px 14px;
    border-radius: 5px;
}

.countdown-timer .cd-item:last-child {
    margin-right: 0;
}

.countdown-timer .cd-item span {
    color: #e7ab3c;
    font-weight: 700;
    line-height: 40px;
    font-size: 36px;
}

.countdown-timer .cd-item p {
    font-size: 16px;
    color: #b2b2b2;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}



.owl-carousel .owl-item img {
    display: block;
    width: auto;
}

@media only screen and (max-width: 600px)
 {
    .social-links {
        padding: 0;
        /* margin: 0; */
        margin-top: -42px;
        text-align: right;
    }
    .batmobileki {
        position: relative;
        top: 27px;
    }
    
}