﻿

/* einfoware Technologies */
/* font-family "Roboto", sans-serif */

body { 
  margin: 0;
  font-family: "Roboto", sans-serif;
 /* color: #444444; */
}

/* Sticky Nav css Starts*/

.menu 
{
/*  height:50px;*/
    width:100%;
}
      
/*
.content 
{
    margin-top:10px;
}
*/
     
.menu-padding 
{
    padding-top:6.3em !important;
}
      
.sticky 
{
    position:fixed;
    top:0;
    z-index:9999;
}

/* Sticky Nav css end */



.navbar-toggler:focus {
    outline: none;
}
.mobbox
{
     text-align:right;
}
.mobnum
{   
    text-decoration: none;
    color: #000000;
    margin:0;
}

.embox
{
    text-align:right;
}

.email
{
    padding-right: 1.5em;
    text-decoration: none;
    color: #000000;
    margin:0;
}

.callicon, .emailicon
{
color:#00c6a9;
}

.call, .msg
{
    color:#000000;
    margin-left:.3em;
}

.icon
{
    color:White;
    text-decoration:none;
    font-size: 1em; 
}

.icon:hover
{
    color:White;
    text-decoration:none;
}

.header-top
{
  /*background-color:#00c6a9; */
    padding:.8em 0;
    font-size:1em;
    color:White;
}

.logoimgbox
{
    width:6.5em;
    height:5em;
}

/*.navbox
 {
     height:60px;
}*/
 
.logoimg
{   
    width:100%;
    height:100%;
}

.navbar-brand 
{   
    background-color: #ffffff;
    padding:.4em .5em;
}

.navbar-brand img 
{    
    width: 5em;
}

.custom_nav-container
{    
    padding: 0;
}

.custom_nav-container .navbar-nav .nav-item .nav-link 
{   
    /*padding: 3px 15px;*/
    margin: .6em .9em;
    color: #ffffff;
    font-weight:bold;
    text-align: center;
    text-transform: uppercase;
}

.custom_nav-container .navbar-nav .nav-item .nav-link:hover
{
    
    color: #252525;
}

#navbar
{   
    overflow: hidden;
    background-color: #00c6a9;
    transition: 0.4s;
    width: 100%;
    top: 0px;
    z-index: 99;
}

#navbar navbar-brand 
{
  /*float: left;*/
    color:#ffff;
    text-align: center;
    padding: 12px;
    text-decoration: none;
  /*font-size: 16px; */
    line-height: 25px;
    border-radius: 4px; 
}

#navbar navbar-brand:hover 
{    
    color: #000000;
}

#navbar navbar-brand.active {}

#navbar-right 
{   
    float: right;
}

.navbar-collapse
{    
    flex-grow:0 !important;
}


 /*********************************************/
/*              CAROUSEL CSS                  */
/*********************************************/

.col-center {
  margin: 0 auto;
  float: none !important;
}

/*
.carousal-section
{
    padding-top:2em;
}*/

.carousel {
  margin: 1em auto; 
  /*padding: 0 70px;*/
}

.carousel .item {
  color: #999;
  font-size:.9em;
  text-align: center;
  overflow: hidden;
  min-height: 20em;
}

/*Card Properties CSS start*/

.carousel-item .card
{
    height:20.5em;
    color:#3a7096;
}

.carousel-item .card .card-img
{
    height:100%;
}

.card-title, .card-text
{
    text-align:left;
}

/*Card Properties CSS Ends*/

.carousel .carousel-indicators {
  bottom: -2.5em;
}

.carousel-indicators li, .carousel-indicators li.active {
  width: 1.3em;
  height: 0px;
  margin: 1px 3px;
}

.carousel-indicators li {
  background: #999;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
  border:2px solid transparent;
}

.carousel-indicators li.active 
{
  border:2px solid #20c997;
 /* background: #20c997;*/
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}


 /*********************************************/
/*              About Us starts               */
/*********************************************/

.about_section .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about_section .img-box img {
  max-width: 100%;
}

.about_section .detail-box p {
  color: #999;
  margin-top: .9em;
}

.about_section .detail-box li {

  color: #000000;
}

.company_name_style {
    color: #006333;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.4em;
}

.about_section .heading_container h2
{
     text-align:center;
     font-weight:600;
     margin:0;
}

.about_section .heading_container h2 span{
     color:#00c6a9;
}
.about_section .detail-box a
{
   color: #00c6a9;
   font-size:1.1em;    
}
.about_section .detail-box a:hover
{
   color: #000000;
}

/*********************************************/
/*             About Page CSS               */
/*********************************************/

/*  About Page CSS starts   */

.aboutlayout_style
{
    padding-top:4.5em;
    padding-bottom:4.5em;
}

/*********************************************/
/*             Services section CSS          */
/*********************************************/

/*  Services section starts   */


.services_section {
  position: relative;
}

.services_section .side_img img {
  width: 100%;
}

.services_section .heading_container h2 {

  text-align:center;
  font-weight:600;
  /*text-transform: uppercase;*/
  margin: 0;
}

.services_section .heading_container h2 span{
  color:#00c6a9;
}

.services_section .box {
  margin-top: 3.1em;
  padding: 0 .6em;
}

.services_section .box2 {
  margin-top: 3.1em;
  padding: 0 .6em;
}

.services_section .box .img-box {
  width: 9.1em;
  height:8.1em;
}

.services_section .box .img-box img {
  width: 100%;
}

.services_section .box .img-box2 {
  width: 9.1em;
  height:7.2;
}

.services_section .box .img-box2 img {
  width: 100%;
}

.services_section .box .detail-box {
  margin-top: .9em;
}

.services_section .box .detail-box h4 {
  font-size: 1.25rem;
  font-weight: bold;
}

.services_section .box .detail-box a {

  color: #00c6a9;
}

.services_section .box .detail-box a:hover {
  color: #000000;
}

/*  services section Ends   */

/*********************************************/
/*           Our Services Page CSS           */
/*********************************************/

/*  Our Services Page starts   */

.section-title
 {
    text-align: center;
    padding-bottom: 1.9em;
 }

.section-title h2
{
    text-align: center;
    font-weight: 600;
    margin: 0;
}

.section-title h2 span 
{
    color: #00c6a9;
}

.our_services_content_style
{
    margin-top:2.2em;
    padding-left: 2.5em;
    padding-right: 2.5em;
}

.our_services_content p
{
    text-align:justify;
}

.our_sevices_img_box 
{
    width: 100%;
    height: 9.5em;
}

.our_sevices_img_box img
{
    width:100%;
    height:100%;
}

.our_services_content
{
    width:100%;
    margin-top: 2em;
}

.our_services_content h4
{
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0.7em;
}

.services_layout_padding
{
    padding-top:4.5em;
    padding-bottom:4.5em;
}

/*  Our Services Page Ends   */

/*********************************************/
/*              Products starts               */
/*********************************************/

.products_section .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.topmar
{
    margin-top:3.1em;
    margin-bottom:2em;
}

.products_section .prodimg-box img 
{
    height:17.8em;
    max-width: 100%;
}

.products_section .detail-box  
{
    padding:.6em;
}

.products_section .detail-box h4 
{
    font-size:1.2em;
    font-weight:bold;
    padding-bottom: .4em;
}

.products_section .detail-box p 
{
    color: #999;
    margin-top: .9em;
}

.products_section .heading_container h2
{
    text-align:center;
    font-weight:600;
  /*margin-bottom:40px;*/
    margin:0;
}

.products_section .heading_container h2 span
{
    color: #00c6a9;
}

.products_section .detail-box a
{
     color: #00c6a9;
     font-size:1.1em;
     
}
.products_section .detail-box a:hover
{
     color: #000000;
     
}


/*  Products section ends  */

 /*********************************************/
/*             Products Page CSS              */
/*********************************************/

/*  Products Page Starts  */

.product_layout_style
{
    padding-top: 4.5em;
    padding-bottom: 4.5em;
}


 /*********************************************/
/*             Client section starts            */
/*********************************************/

.layout_padding 
{
    padding-top: 5em;
}

.clients_padding
{
    padding-top: 5em;
    padding-bottom:3.2em;
}

.Clients_section .heading_container h2
{
    text-align:center;
    font-weight:600;
 /* margin-bottom:0px;*/
 /*text-transform: uppercase;*/
    margin: 0;
}
  
.Clients_section .heading_container h2 span 
{
    color: #00c6a9;
}

.Clients_section .box 
{   
    margin-top: 3.1em;
 /* padding: .3em .9em;*/
    height:14.4em;
}

.border-div
{
    padding:.5em .5em;
}

.Clients_section .thumbnail
{
    height: 6.4em;
}

.Clients_section .thumbnail img 
{
    width: 100%;
    height:100%;
}

.Clients_section .caption
{
    height:5em;
}

.Clients_section .caption h4
{
    text-align: center;
  /*margin-top: 10px;*/
    font-size: 1.1rem;
 /* font-weight: bold;*/
    height:100%;
    padding:.9em;
    margin:0;
}

.heading_container.heading_center 
{
   -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
   text-align: center;
}

.Clients_section a
{
     text-transform: uppercase;
     color: #00c6a9;
     
}

.Clients_section a:hover
{
     color: #000000;    
}

/*  Clients section Ends  */



/*============================*/
/*       Contact Us Page CSS       */
/*===========================*/


/*  Start Contact Us Page CSS     */


.contactlayout_padding 
{   
    padding: 6.3em 0;
}

.contact-us .inner
{
	box-shadow: 0px 0px 10px #00000024;
	border-radius: 5px;
	overflow:hidden;
}

.contact-us .contact-us-right
{
    width: 100%;
    height: 100%;
}

.contact-us .contact-us-form
{
	padding:3.1em 2.5em;
}

.contact-us .contact-us-form h2 
{
	position: relative;
	font-size: 2em;
	color: #333;
	font-weight: 600;
	line-height: .8em;
	text-transform: none;
	margin-bottom: .4em;
	padding-bottom: .6em;
	text-align: left;
}

.contact-us-form h2 span
{
    color:#00c6a9;
}

.contact-us .contact-us-form p 
{
	font-size: .9em;
	color: #333;
	font-weight: 400;
	text-align: left;
	margin-bottom:3.5em;
}

.contact-us .form 
{
	margin-top: 3.1em;
}

.contact-us .form .form-group 
{
	margin-bottom: 1.4em;
}

.contact-us .form .form-group input 
{
	width: 100%;
	height: 2.5em;
	border: 1px solid #eee;
	padding: 0 1.3em;
	color: #555;
	font-size: .9em;
	font-weight: 400;
	border-radius: 4px;
}

.contact-us .form .form-group textarea 
{
	width: 100%;
	height:6em;
	border: 1px solid #eee;
	text-transform: none;
	padding:1.3em;
	color: #555;
	font-size: .9em;
	font-weight: 400;
	border-radius: 4px;
}

.contact-us .form .form-group.login-btn 
{
	margin: 0;
}

.contact-us .form button 
{
	border: none;
}

.contact-us .form .btn 
{
	display: inline-block;
	margin-right: 0;
	color: #fff;
	font-size: 1em;
	line-height: 1.2em;
	width:100%;
}

.btn {
	color: #fff;
	padding: .8em 1.5em;
	font-size: .9em;
	text-transform: capitalize;
	font-weight: 500;
	background: #00c6a9;
	position: relative;
	box-shadow: none;
	display: inline-block;
	border-radius:4px;
}

.contact-us .form .btn:hover
{
	color:#000000;
}

.contact-us #myMap 
{
    width: 100%;
    height: 100%;   
	padding: 3.1em 2.5em;
}

.googlemap
{
    width:inherit;
    height:inherit;
}

/* Contact Us Page CSS Ends  */


/* Footer Section CSS Starts  */

.page-footer 
{
    position: relative;
    display: block;
    padding-top: 2em;
    padding-bottom: 1em;
    background-color: #2D3B38;
    color: #fff;
}

.page-footer h5 
{
    font-weight: 500;
    margin-bottom: .8em;
}

.page-footer hr 
{  
    border-color: #4F5E5B;
}

.footer-menu 
{
    position: relative;
    list-style: none;
    padding-left: 0;
}
.footer-menu a
{
    display:inline-block;
    padding-top: .31em;
    padding-bottom: .31em;
    color: rgba(255, 255, 255, 0.6);
    transition: all .2s ease;
}
.footer-menu .footer_aboutus_link
{
    padding-top: 0;
}
.footer-link {
    padding-top: .31em;
    padding-bottom: .31em;
    color: rgba(255, 255, 255, 0.6);
    transition: all .2s ease;
}

.footer-menu a:hover,
.footer-link:hover {
    text-decoration: none;
    color: #fff;
}

.footer-link 
{
    padding: 0;
    margin-bottom: 1em;
}

.footer-link_icons
{
    padding-right:.25em;
}

#copyright
{
    margin:0;
    font-size:.8em;
}

#copyright span
{
    color:#00c6a9;
}

/* Footer Section CSS Ends  */



/*============================*/
/*        Media Query         */
/*===========================*/


/*  Start Media Query    */

@media (max-width: 1300px) 
{
    .menu-padding
     {
        padding-top: 6.3em !important;
     }
    }

@media (max-width: 1120px) 
{
    .mobnum
    {   
        padding-left:4.8em;   
    }
    
    .our_sevices_img_box 
    {
        width: 100%;
        height: 8.5em;
    }
    
    .Clients_section .box 
    {        
        padding: 0px;
        /* width: 215px; */
        /* width: 80%; */
        height: 14.4em;
    }
    
    .Clients_section .caption h4
    {
        font-size: .9rem;
    }
    
    .contact-us #myMap
    {
        padding: 3.1em .6em;
    }
    
    .contact-us .contact-us-form
    {
        padding: 3.1em 1em;
    }
    
    
}

@media (max-width: 992px) 
{
    .our_sevices_img_box 
    {
        width: 100%;
        height: 7.5em;
    }
       
    .layout_padding 
    {    
        padding-left: 1.9em;
        padding-right: 1.9em;
    }
    
    .contactinner
    {
        padding:0 .9em;
    }
    
    .contact-us #myMap
    {       
        padding: 3.1em .6em;
    }
    
    .contact-us .contact-us-form
    {
        padding-left:2.2em;
    }
    
    
}

  
  @media (max-width: 768px) 
  {
        
      .about_section .detail-box 
      {
           margin-top: 2.8em;
      }
      
      .our_sevices_img_box 
      {
           width: 100%;
           height: 5.5em;
      }
     
      .Clients_section .caption h4
      {
           padding: 1.6em;
           font-size:1em;
      }
       
      .contact-us #myMap
      {
           width: 100%;
           height: 100%;
           padding: .6em .6em;
      }
       
      .contact-us .contact-us-form h2, .contact-us .contact-us-form p
      {
           text-align:center;
      }
       
      .contact-us .contact-us-form
      {
           padding-left: .8em;
      }      
   
 }    
  
  
  @media (max-width: 576px) 
  {  
      .menu-padding
      {
          padding-top: 4.5em !important;
      }
      
      .navbar-brand img 
      {
          width: 3em;
      } 
       
      .our_sevices_img_box 
      { 
          width: 100%;
          height: 7.5em;
      }
                   
      .Clients_section .caption h4
      {          
          padding: 1em;
          font-size:1em;
      } 
      
      .mobbox
      {
          text-align:center;
      }
     
      .mobnum
      {   
          padding-left:0;   
      }

      .embox
      {
          text-align:center;
      }

      .email
      {
          padding-right: 0;
      }
      
}


@media (max-width: 480px) 
{

    .mobemailbox
    {
        display:block;
        width:100%;
    }
    
    .mobbox
    {
        width:50%;
        float:left;
    } 
    
    .mobnum
    {   
        padding-left:0;   
    }
    
    .embox
    {
        width:50%;
        float:left;
    }
    
    .innerpadding
    {        
        padding: 0 1em !important;
    }
    
    .Clients_section .caption h4 
    {
        padding-top: 2em;
        margin: 0;
    }
    
    .Clients_section .box 
    {
        margin-top: 3.1em;
        /* padding: 0.3em 0.9em; */
        height: 14.4em;
    }
  
    .layout_padding 
    {    
        padding: 3.7em 1em;
    }
   
    .contact-us .form .form-group .captchainput
    {    
        width:50%;
    }
   
    .contact-us .form .form-group .captchainputbox
    {    
        width:50%;   
    }
  
}


@media (max-width: 420px) 
{
    
    .layout_padding 
    {
        padding: 3.7em 1em;
    }
   
    .mobemailbox
    {  
        display:block;
        width:100%;
    }
   
    .mobbox
    {
        width:50%;
        float:left;
        padding-left:1.5em;
    }
   
    .mobnum
    {   
        padding-left:0;   
    }
    
    .callicon, .emailicon
    {
        color: #00c6a9;
        float: left;
    }
   
    .call, .msg 
    {
        float: left;
        padding-left: 0.5em;
        margin-left: 0;
    }
   
    .embox
    {
        width:50%;
        float:left;
        padding-left: 0.5em;
    }
   
    .email
    {   
        padding-left:0;   
    }
   
    .our_sevices_img_box 
    {
        width: 100%;
        height: 5.5em;
    }
   
}

@media (max-width: 376px) 
{
    .menu-padding
    {
        padding-top: 3.5em !important;
    }
    
    .our_sevices_img_box 
    {
       width: 100%;
       height: 5em;
    }
    
    .slider_section .detail_box h1 
    {     
        font-size: 2.5rem;
    }
    
    .mobbox
    {
        width:100%;
        padding-bottom: .7em;
        padding-left:.5em;
    }
    
    .embox
    {
        width:100%;
    }  
    
    .layout_padding 
    {
        padding: 3.7em 1em;
    } 
    
   /*.services_section .box
    {
        padding: 0 2.2em;
    }
    */
    
    .Clients_section .box
    {
        padding: .3em 1em;
    }
    
}

@media (min-width: 1200px) 
{
    
    .container 
    {       
        max-width: 1170px;
    }
    
}