body{font-family: 'Lato', sans-serif !important;}
p.bodytext,p{font-family: 'Lato', sans-serif !important; color: #666666;font-size: 15px;line-height: 30px;
letter-spacing: 0.1px; text-align: justify}
.top_bar{ background:#002060; color:#fff; }
.topbar_detail{ padding:10px 0 0 0}
.social_icons_top{ float:right}
.clear_bth{ clear:both; overflow:auto}
ul.cs-social{ padding:0; margin:0; list-style:none; text-align:right}
ul.cs-social li{display:inline-block	 }
.menu_top{ padding-top:15px}
 .navbar-nav > li > a {
    padding: 8px 20px;
    margin-top: 10px;}
.navbar-nav  li  a:hover{ 
	background:#69bd43 !important; 
	display:inline-block; 
	border-radius:4px; 
	padding: 8px 20px; 
	color:#fff !important;
	-webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;

}
ul.cs-social li a {
    display: block;
    font-size: 16px;
	padding:12px; margin:0;
	color:#fff;
	
}
ul.cs-social li a:hover {
	background:#3f7228;
	color:#fff
	
}
.bpw-banner-img{
    width:100%;
    height:auto;
}
.navbar{ min-height:84px  !important; border-radius:none !important; margin-bottom:0px !important}
.navbar-brand img{ height:65px}
.navbar-brand{ padding:9px 15px !important}
h3.headline {
    font-size: 24px;
    font-weight: 300;
    line-height: normal;

    padding: 0 0 20px 0;
}
h3.headline.underline::after {
    content: "";
    display: block;
    height: 1px;
    position: relative;
    top: 12px;
    width: 50px;
}
.headline.underline::after {
    background-color: #69bd43;
}

.small {
    font-size: 85%;
}
img {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.about_area{ padding:60px 0}
.product_area{ padding:0 0 60px 0}

.heading_big.underline::after {
    background-color: #69bd43;
	text-align:center;
}
h3.heading_big.underline::after {
    content: "";
    display: block;
    height: 1px;
    position: relative;
    top: 12px;
    width: 50px;
	text-align:center;
}
h3.heading_big.underline.text-center::after{ margin:auto}
.space{ height:50px; clear:both}
footer{ background:#353535; padding:10px 0; color:#fff}
.greenarea{ background:#69bd43; color:#fff; margin:0;  text-align:center; font-size:20px; padding:8px 0}
.product_detail{ padding:20px 20px; font-size:11px; line-height:25px; color: #a5a5a5; text-align: justify}
.product_readmore{ text-align:center; color:#69bd43}
.style_prevu_kit
{
    display:inline-block;
    border:0;
    
    position: relative;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1);
    transition: all 100ms ease-in;
    transform: scale(1);   
	border: 1px #eaeaea solid;
	border-radius: 5px

}
.style_prevu_kit img{  width: 100%; height: auto; border-radius: 5px 5px 0 0; } 
.style_prevu_kit:hover
{
	
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 100ms ease-in;
    transform: scale(1.1);
}
.chevron-left,.chevron-right{position: absolute;
top: 50%;
z-index: 5;
display: inline-block;

}
/*------------------------*/
.contact_detail{ padding:50px 0;clear:both }
.contact-form{ border:1px #F00 dotted; background:#F96}
.contact-form div input{ border:1px #F60 solid !important; width:100% !important; margin-bottom:10px!important; border-radius:4px !important}
.txt-bx{ width:300px}
.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgb(231, 231, 231);
    color: rgb(85, 85, 85);
}
li.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown-menu ul{ padding: 5px 20px}
.dropdown-menu li a{ color: #afb4b9;padding: 5px 20px; display: inline-block}
.dropdown-menu li a:hover{ color: #000 !important; text-decoration: none;padding: 5px 20px; background: none !important }
.dropdown-menu li {  list-style: none}
.readmore_btn {color: #69bd43}
.readmore_btn:hover { text-decoration: underline !important;}
.top_bar_common{ background: #003dd6;}
.top_bar_common h1{ color: #fff; font-size: 30px; padding-bottom: 10px}
.top_bar_common p{ color: #fff; font-size: 17px; text-align: right; padding: 20px 0 0 0}
.top_bar_common p a{ color: #69bd43; }
.content{ padding: 40px 0}
.gap_height{ height: 60px; padding: 20px 0}
.gap_height_small{ height: 40px; }
.heading_1 strong a{ color: #69bd43; font-size: 20px}
.heading_1 { padding: 20px 0}
.box-feature-figure {
    position: relative;
}
.box-feature-figure .figure {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    border: 1px solid #eaeaea ;
    border-radius: 4px;
    background: #FFF;
    padding: 20px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	text-align: center
}
.box-feature-figure .figure img {
    width: auto;
}
.box-feature-figure .figcaption {
    background-color: #69bd43;
}
.box-feature-figure .figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border-radius: 5px;
}
.box-feature-figure:hover .figcaption {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    color: #FFF;
}
.box-feature-figure:hover .figure {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
}
.center{ text-align: center}
.fa-fighter-jet,.fa-users,.fa-life-ring,.fa-money{ font-size: 26px; color: #fff}
.figcaption p{ color: #fff}
.text-center {
    text-align: center !important;
}
h3.headline.text-center.underline::after{ margin: 0 auto}
.bounded_class{ border: 1px #ccc solid; border-radius: 5px; padding: 25px}
.bounded_class img{ width: 100%}
.bounded_class h3 a{ background: #69bd43; display: inline-block; width: 100%; text-align: center; padding: 10px 0; color: #fff; font-size: 18px}
.bounded_class h3 a:hover{ text-decoration: none}
.magnify {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.large {
    border-radius: 100%;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), 0 0 40px 2px rgba(0, 0, 0, 0.25) inset;
    display: none;
    height: 175px;
    position: absolute;
    width: 175px;
}