@charset "utf-8";
/* CSS Document */

body > section {
  padding: 130px 0 100px;
}


.navi_hidden { display:none !important;}
.navi_disply { }

.navbar {
background:url(../images/navi_bg.png) top repeat-x;
  border-radius: 0;
  margin-bottom: 0;
  border-left:none;
  border-right:none;
  position: fixed;
  width: 100%;
  z-index: 999;
  border:none;
}



.red_txt { color:#fa0b32; }
.green_txt { color:#7ed722; }

#feature {  background:url(../images/fu_bg.jpg) top center;}
#feature  h3 { font-size:20px; font-weight:700; padding:0 0 0 0; margin:0 0 5px 0; line-height:22px; color:#ed1d24;}
#feature p { font-size:12px; line-height:13px; color:#999999; padding-right:48%;}

#feature a.box1 { border-radius:14px; background:url(../images/box1_bg.jpg) top right no-repeat #fff; width:100%; display:block; min-height:150px; margin-bottom:10px; text-align:left; padding:16px; border:1px solid #dadada;} 
#feature a.box2 { border-radius:14px; background:url(../images/box2_bg.jpg) top right no-repeat #fff; width:100%; display:block; min-height:150px; margin-bottom:10px; text-align:left; padding:16px; border:1px solid #dadada;} 
#feature a.box3 { border-radius:14px; background:url(../images/box3_bg.jpg) top right no-repeat #fff; width:100%; display:block; min-height:150px; margin-bottom:10px; text-align:left; padding:16px; border:1px solid #dadada;} 


#service { background:url(../images/service_bg.jpg) bottom no-repeat #2d2d2d; }
#service h2 { color:#ea1350; font-size:42px; text-transform:uppercase; font-weight:700; letter-spacing:-3px;  }
#service p { font-size:13px; color:#c0c0c0; line-height:17px; margin-bottom:20px;}
#service a.icon_box { margin-bottom:10px; margin-top:10px;}
#service div.icon_box { margin-bottom:10px; margin-top:10px;}
#service a.icon_box .icon { background:#000; border-radius:100%; padding:36px; margin-bottom:10px; }
#service a.icon_box  h3 { font-size:20px; line-height:24px; text-transform:uppercase !important;}

#exp { background:url(../images/exp_bg.jpg) bottom no-repeat #000;}
#exp h2 { color:#ea1350; font-size:42px; text-transform:uppercase; font-weight:700; letter-spacing:-3px;  }
#exp h4 { color:#fff; font-size:14px; font-weight:700;  }
#exp p { font-size:13px; color:#c0c0c0; line-height:17px; margin-bottom:20px;}
#exp .pic { border:4px solid #8edb42; margin:6px;}

.media, .media .media { padding:5px 0px;}
.panel-group { border:none !important;}
.panel-heading { background:none; }
.panel-default > .panel-heading { background-color:transparent !important; border:none;}
.panel { background:none; margin-bottom:0px;}
.panel-heading { padding:5px 0px;}







.accordion { background-color:transparent !important;}
.panel-body { background:none !important;} 




#idea { background:url(../images/idea_bg.jpg) bottom no-repeat #191919;}
#idea p { font-size:14px; color:#929292; line-height:17px;}
#idea ul { padding-left: 20px;}
#idea ul li { color:#737373; background:url(../images/tick_white.png) left no-repeat; padding-left:30px; list-style:none;}
#idea .panel-title>a { color: #fff;}



#brand { background:url(../images/brand_bg.jpg) bottom no-repeat #f1f1f1;}
#brand p { font-size:14px; color:#929292; line-height:17px;}
#brand ul { padding-left: 20px;}
#brand ul li { color:#737373; background:url(../images/tick_red.png) left no-repeat; padding-left:30px; list-style:none;}
#brand .panel-title>a { color: #ea1350;}


#consumer { background:url(../images/consumer_bg.jpg) bottom no-repeat #fff;}
#consumer p { font-size:14px; color:#929292; line-height:17px;}
#consumer ul { padding-left: 20px;}
#consumer ul li { color:#737373; background:url(../images/tick_green.png) left no-repeat; padding-left:30px; list-style:none;}
#consumer .panel-title>a { color: #7bd61d;}




#contact {  background:url(../images/contact_bg.jpg) top center no-repeat #0c0c0c;}
#contact h2 { color:#ea1350; font-size:42px; text-transform:uppercase; font-weight:700; letter-spacing:-3px;  }
#contact h4 { color:#fff; font-size:14px; font-weight:700;  }
#contact p { font-size:13px; color:#c0c0c0; line-height:17px; margin-bottom:20px;}
#contact .btn { border-radius:10px; background:#ea1350; font-weight:700; font-size:16px; color:#fff;}
#contact tr {color:#c0c0c0;}



#contact2 {  background:#0c0c0c; border-top:1px solid #272727;  padding: 50px 0 30px;}
#contact2 h2 { color:#ea1350; font-size:42px; text-transform:uppercase; font-weight:700; letter-spacing:-3px;  }
#contact2 h3 { color:#ea1350; font-size:24px; font-weight:700;  }
#contact2 h4 { color:#fff; font-size:16px; font-weight:700;  }
#contact2 p { font-size:13px; color:#c0c0c0; line-height:17px; margin-bottom:20px;}















.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}










.navbar-inverse .navbar-nav > li > a {
  padding: 5px 12px 5px 12px;
  margin: 0;
  border-radius: 3px;
  color: #fff;
  line-height: 24px;
  text-transform:uppercase;

  display: inline-block;
}

.navbar-inverse .navbar-nav > li > a:hover{

  color: #89f01e;
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color:#89f01e;}





#graphic_bar { background:url(../images/bar.jpg) top repeat ; padding:13px;}



.address { min-height:280px;}












#footer { font-size:11px; background:#000; line-height:15px;}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background-color:transparent !important;}
.clear { clear:both;}
 



.fb_icon { float:right; margin-left:80px; padding-left:50px;}