@import url('https://fonts.googleapis.com/css?family=Crimson+Text');
/*=======global css ======*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Montserrat');
/*font-family: 'Montserrat', sans-serif;*/

 /*===========Global CSS=======*/
.green-color
{
	color: #085604;  
}
.bg_color_green
{
    background-color:#196915;
}
.orange-color
{
    color:#F03C02;
}
.heading_font_weight
{
    font-weight: 700;
}
.common_in_section
{
    padding:30px 0px;
}
#about_section_1
{
    position: relative;
    z-index: -1;
}
.mask 
{
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    height: 100%;
}
.bg_img
{
    background-image: url('../img/about-us_2.jpg');
    height:300px;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    z-index: 3;
}
.bg_img h1
{
  text-transform: capitalize;
  font-size: 2.4em;
  font-weight: 900;
  text-align: center;
  color: #fff;
  padding: 120px 0px 0px 0px;

}
.text-para_1
{
    text-transform: capitalize;
    font-size:1em;
    color: #656565;
    text-align: justify;
    padding: 10px 0px 0px 5px;
}
.heading
{
    font-weight: 300;
    margin:0px 0px 30px 0px;
    padding:0px;
    color: #4a4a4a;
    font-size:2em;
}
.subhead-1 {
    font-size: 2.00em;
    background-color: beige;
    padding: 7px;
}
/*=== bootstrap custom class====*/

.dropdown-menu 
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 163px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color:#555;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
    color: #fff;
    text-decoration: none;
    background-color:#F03C02;;
}
.dropdown-menu>li>a 
{
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.navbar
{
    top: 10px;
}
.navbar-inverse 
{
    background-color: #fff;
    border-color: #fff;
}
.navbar-inverse .navbar-nav>li>a 
{
    color: #656565;
    text-transform: capitalize;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover
{
    color:#196915;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus
{
    color: #656565;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a:hover
{
    color: #196915;
    background-color: transparent;
}
.navbar-inverse .nav_txt
{
    color: #196915;
    font-size: 30px;
    font-family: 'Crimson Text', serif;
    font-weight: 800;
}
.navbar-inverse .navbar_txt:focus, .navbar-inverse .navbar_txt:hover 
{
    color: #196915;
    background-color: transparent;
}
.carousel-caption 
{
    right: 70%;
    left: 2%;
    padding-bottom: 30px;
    background-color: #000000b8;
    padding: 15px 0px;
    border-bottom:4px solid #196915;
}
.carousel-caption h3
{
    text-transform: uppercase;
    text-align: left;
    padding: 10px;
    margin: 0px;
    font-size:1.5em;
}
.carousel-caption p
{
   text-transform: capitalize;
   text-align: left;
   padding: 0px 10px; 
   font-size:1.1em;
}
.carousel-caption a
{
  color: #fff;
  text-decoration: none;  
}
.carousel-caption a:hover
{
  color: #fff;
  text-decoration: none; 
  background-color: transparent; 
}
.carousel-caption>button
{
    background-color: #196915;
    border: 1px solid #196915;
    text-transform: capitalize;
    color: #fff;
    margin: 0px 10px;
    float: left;
    border-radius: 0px;
    padding:5px 15px;
    font-size:1.1em;
}
.carousel-caption>button:hover
{
    background-color: #555;
    color:#fff;
    border: 1px solid #555;
}
/*======index page css=====*/
#top_panel_section
{
    
    color:#fff;
    padding: 10px 0px 0px 0px;
}
#top_panel_section p
{
    
    
    padding:5px 0px;
}
.fa-phone
{
    padding:0px 5px;
}
.fa-caret-down
{
    padding:0px 5px;
}

.dropdown:hover .dropdown-menu
{
    display: block;
}
#the_best_text_section
{
    background-color: #f9f9f9;; 
}
#the_best_text_section h1
{
   text-transform: capitalize;
    text-align: center;
    font-size: 2.42em;
    font-family: 'Open Sans', sans-serif;
    color:#353535; 
    margin-bottom: 22px; 
}
.product_image 
{
    width:200px;
    border:1px solid #196915;
    border-radius: 100%;
    padding: 12px;
    display: block;
    margin: 0 auto;
} 
.product_image img
{
    width:100%;
    height: auto;
}
.heading_style 
{
    font-size:1.57em;
}
.text-para
{
    text-align: center;
    text-transform: capitalize;
    font-size:1em;
    color: #656565;
}
.learn_more
{
    text-transform: capitalize;
}
.learn_more:hover
{
   color:#196915;  
}

.services_card
{
    background-color: #fff;
    padding: 0px;
    margin: 20px 0px 20px 38px;
    width: 350px;
    height: auto;
}
.solid_line
{
    border-bottom:1px solid #e6e6e6;
    padding: 20px 0px;
}
.services_bg_images
{
   background-image:url("../img/services.png"); 
}
.services_bg_images h1
{  
	font-size:3em;
	color: #353535;
}
.caption_line
{
	border: 3px solid #196915;
}
.about_services
{  
    text-transform: capitalize;
    background: #196915;
    color: #fff;
    font-weight: 800;
    margin: 15px;
    padding: 8px;
}
.about_services_1
{
    padding: 0px 20px;
    text-align: justify;
}
.inner_section
{
   border: 1px solid #196915;
   width: 140px;
   margin: 5px auto;
   border-radius: 100%;
   padding: 5px; 
}
.images_wrapper
{
   width: 268px;
   display: inline-block;
   margin: 20px 14px 0px 0px;
}
.images_wrapper img
{
    width:100%;
}

.images_wrapper p
{
   text-transform: capitalize;
   background-color: #196915;
   color: #fff;
   text-align: center;
   font-weight: 600;
   padding: 8px 0px;
   border: 2px solid #e2d7d7;  
}
   
.client_division
{
    width:155px;
    border: 3px solid #c1c0c0;
    display: inline-block;
    margin: 0px 20px 0px 0px;
}
#footer
{
    background-color:#101010;
    color:#868282;

}
.footer_heading
{
    color:#bbb;
    font-size:1.7em;
    padding: 0px 0px 10px 0px;
}

.footer_list
{
    list-style-type:none;
    padding:0px;
}
.footer_list>li>a
{
    text-decoration: none;
    color:#868282;
    text-transform: capitalize;
}
.footer_list>li>a:hover
{   
    color:#196915;
}

.footer_list_1
{
    list-style-type:none;
    padding:0px 15px;
}
.footer_list_1>li>a
{
    text-decoration: none;
    color:#868282;
}
.footer_list_1>li>a:hover
{   
    color:#196915;
}

.fa-envelope
{
    padding: 0px 5px;
}
.footer_para
{
    font-weight:800;
}
#last_section
{
    background-color: #000;
}
.copyrights p
{
    text-transform: capitalize;
    color:#ada8a8;
}
.copyrights a
{
    text-decoration: none;
    color:#ada8a8;
}
.copyrights a:hover
{
    color:#196915;
}

.social_media_icon .fa
{
    padding: 5px 5px;
    text-align: center;
    font-size: 18px;
}
.social_media_icon .fa:hover
{
    background-color:#F03C02;
}
.social_media_icon a
{
    color:#fff;
}
.marquee1
{
    overflow:hidden;
    width:100%;
}
.client_division img
{
    width:100%;

}
/*=====about us page css======*/

.text-heading
{
    text-transform: capitalize;
    border-bottom: 2px solid #196915;
    font-size: 2.3em;
    font-weight: 600;
    width: 150px;
    padding: 0px 0px 10px 5px;
    color: #000;
}
.text-heading_1
{
    width: 180px;
    text-transform: capitalize;
    border-bottom: 2px solid #196915;
    font-size: 2.3em;
    font-weight: 600;
    padding: 0px 0px 10px 5px;
    color: #000;
}
.about_list
{
    list-style-type: none;
}
.about_list li
{
    color: #196915;
    font-weight: 600;
    font-size: 1.5em;
    border-bottom: 1px solid #d6d0d0;
    padding-bottom: 20px;
}
.fa-chevron-circle-right
{
    background-color: #fff;
    color:#F03C02;
    padding: 5px 10px;
    font-size: 1.25em;

}
/* ======services css page======*/
/*.services_heading
{
    text-transform: capitalize;
    text-align: center;
    font-weight: 700;
    font-size:2.5em;
}*/
.services_heading_1
{
    text-transform: capitalize;
    text-align: center;
    font-weight: 700;
    font-size:2.5em;
}
.service_card>.fa
{
    color: #196915;
    font-size: 2em;
}
.service_card
{
    background-color: #f5f5f5;
    padding: 20px 0px;
    border-radius: 4px;
    border: 2px solid #19691552;
    height: 150px;
    overflow: hidden;
}
.service_card:hover
{
    border: 2px solid #196915; 
    background-color: #1969151f;
}
.service_card_2
{
    margin-top:20px;
}
.service_card h3
{
    text-transform: uppercase;
    font-size:1.25em;
    text-align: center;
}
.service_card p
{
    text-transform: capitalize;
    text-align: center;
    padding: 0px 21px;
}
.service_card a
{
    text-decoration: none;
    color:#196915;
}
.service_card a:hover
{
   color:#F03C02; 
}

/*============= products pages css (cctv cameras) and (Biometric Attendance)===========*/
.product_card
{
    display: inline-block;
    width: 22%;
    margin: 10px 2% 10px 0px;
    box-shadow: 1px 1px 3px #c3c3c3;
    padding: 10px 0px 0px 0px;
    vertical-align: top;
}
.product_card img
{
    display: block;
    width:100%;
}
.card_text
{
    padding: 10px 4px;
    text-align: center;
    text-transform: capitalize;
    font-size: 1.15em;
    background-color: #d8f5d6;
}
.categary
{
    font-size: 1.1em;
    font-weight: 700;
}
.categary_list
{
    list-style-type: none;
     padding:0px;
    
}
.categary_list>li
{
     padding:10px 0px 10px 10px; 
    font-weight: 600;
    font-size: 1.0em;
    margin-top:5px;
}
.list_1
{
    background: #196915;
    color:#fff;   
}
.list_2
{
    background: #000;
}

.bio_text_class
{
    background-color: #f5f5f5;
    padding: 0px 0px 10px 0px;
}
.bio_heading
{
    font-size: 1.8em;
    padding: 10px;
    color: #196915;
    border-left: 3px solid #196915;  
}
.text_2
{
    padding: 10px 15px 0px 15px; 
    color: #000;
    line-height: 150%; 
}
.marquee 
{
  height: : 100%;
  overflow: hidden;
}
/*============  Networking Page CSS ==========*/

.product_card_1
{
    display: inline-block;
    margin: 10px 15px;
  
}
.product_card_1 img
{
    display: block;
}
.text_3
{
    font-size:1.3em;
}
/*=======contact page css======*/

#submit
{
    color: #fff;
    background-color: #196915;
    border-color: #196915;
    font-weight: 700;
    display: block;
    margin: 0 auto;
    width: 150px;
    padding: 10px;
    font-size: 1.2em;  
}
#contact_section_1
{
   text-align: justify;
   line-height: 150%; 
}
.line
{
    border-left: 2px dashed #196915;
    
}
/*==================Media Query ===================*/


@media screen and (max-width:33.9em) 
{
    
   /* ==============Bootstrap Customize CSS===========*/

   .nav_txt
    {
        display: block;
        text-align: center;
        font-size:24px;
    }
    .navbar-toggle 
    {
        position: relative;
        float: none;
        padding: 9px 10px;
        margin: 8px auto 0px;
        display: block;
    }
/*  ===========about us page============*/
    
    .about_list
    {
        list-style-type: disc;
    }
    .fa-chevron-circle-right 
    { 
        display: none;
    }
    .about_list li 
    {
        font-size: 1.25em;
        border-bottom:none;
        padding-bottom: 10px;
    }
   /* =====product===========*/
    
    .product_card 
    {
        display: block;
        width: 100%;
        margin: 10px auto;
    }
    
    .product_card_1 
    {
        display: block;
        margin: 10px auto;
    }
    .product_card_1 img 
    {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .bg_img 
    {
    height: auto;
    }
    .bg_img h1 
    {
        font-size: 2.0em;
        padding: 10px 0px 14px 0px;
    }
}
@media screen and (max-width:47.9em)
{
    /* ==============Bootstrap Customize CSS===========*/
    .navbar-inverse .navbar-toggle 
    {
        border-color: #196915;
        background-color:#196915;
    }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus 
    {
        background-color: #196915;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form 
    {
        border-color: #19691530;
        text-align: center;
    }
    .nav_txt
    {
        padding: 0px 25px;
    }
    .navbar-inverse
    {
       padding:0px;
    }
   
    .dropdown-menu 
    {
        left: 50%;
    }

/*    ===========index page=============*/

     .services_bg_images 
    {
        background-image:none;
    }
    .services_bg_images h1 
    {
        font-size: 1.85em;
    }
    .services_card 
    {
        margin: 20px 0px 0px 0px;
        width: 100%;
        height: auto;
    }
    .caption_line 
    {
        border: 3px solid #196915;
        display: none;
    }
     .heading 
    {
        font-weight: 600;
        font-size: 1.3em;
        text-align: center;
        display: block;
        margin: 0px 0px 15px 0px;
    }
   
}
@media screen and (min-width:33.9em) and (max-width:47.9em)
{
    .bg_img 
    {
    height: auto;
    }
    .bg_img h1 
    {
        font-size: 2.0em;
        padding: 20px 0px 24px 0px;
    }
    .nav_txt
    {
        font-size:30px;
    }
   
}
@media screen and (max-width:61.9em)
{
    
      #the_best_text_section h1
    {
        font-size: 1.3em;
        margin-bottom:10px;
        font-weight: 600;
    }
     .carousel-caption 
    {
       display: none;
    }
     .heading 
    {
        text-align: center;
        margin: 0px;
    }
     .images_wrapper p 
    {
        padding: 8px 0px;
        border:none;
    }
     .images_wrapper 
    {
        width: 49%;
        display: inline-block;
        margin: 10px 0px 0px 0px;
    }
     .text-heading 
    {
        
        display: none;
    }
    .text-heading_1 
    {
        font-size: 2.0em;
        padding: 0px 0px 5px 5px;
        display: block;
        margin: 0 auto;  
    }
     .footer_text_style
    {
        text-align: center;
    }
      .common_in_section 
    {
      padding: 10px 0px;
    }
    .service_card 
    {
        margin-top: 15px;
        padding: 5px 0px;
    }
     .service_card_2 
    {
        margin-top: 15px;
    }
    .services_heading_1
    {
        font-size:2.0em;
    }
    .subhead-1 
    {
        text-align: center;
    }
    .categary 
    {
        text-align: center;
        padding: 20px 0px;
    }
    .list_1 
    {
        text-align: center;
    }
    .product_card_1
    {
        display: block;
        margin: 0 auto;
    }
    .product_card_1 img
    {
        margin: 10px auto 0px;
    }
     .line 
    {
        border:none;
    }

}
@media screen and (min-width:47.9em) and (max-width:61.9em)
{
      
    .services_card 
    {
        margin: 15px 0px 20px 7px;
        width: 32%;
        height: auto;
        float: left;
    }
    .nav > li > a 
    {
        padding:6px;
    } 
    .navbar 
    {
        margin-bottom:0px;
    }

    .navbar-inverse .nav_txt 
    {
        font-size: 20px;
    }

    .navbar-nav > li > a 
    {
        padding-top:5px;

    }
    .bg_img 
    {
        height: auto;
    }
    .bg_img h1 
    {
        font-size: 2.0em;
        padding: 30px 0px 44px 0px;
    }
    .images_wrapper 
    {
        width: 49%;
        display: inline-block;
        margin: 10px 0px 0px 0px;
    }  
   /* =========about us==========*/
    .about_list 
    {
        list-style-type: disc;
    }
    .about_list li 
    {
        font-size: 1.3em;
        border-bottom:none;
        padding-bottom: 10px;
    }
    .fa-chevron-circle-right
    {
        display: none;
    }
   
}
@media screen  and (max-width:74.9em)
{
    .social_media_icon
    {
        text-align: center;
    }
      #top_panel_section p
    {
        padding:0px;
        text-align: center;
    }
}
@media screen  and (min-width:61.9em) and (max-width:74.9em)
{
    .images_wrapper 
    {
         width: 33%;
        display: inline-block;
        margin: 20px 0px 0px 0px;
    }
    .services_card 
    {
        margin: 20px 0px 20px 10px;
        width: 32%;
    }
    .about_list li 
    {
        font-size: 1.3em;
    }
    .product_card_1 
    {
        display: inline-block;
        margin: 10px;
        width: 30%;
    }
    .product_card_1 img 
    {
         width: 100%;
    }
    .bg_img 
    {
        height: 200px;
    }
    .bg_img h1 
    {
        padding: 65px 0px 0px 0px;
    }
}