@charset "utf-8";
/* CSS Document  */
body {
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	background:#f8f8f8;
}
.zoom_img img{
margin:0px 0px 30px 0px;
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; 
-o-transition:-o-transform 0.5s ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(1.2); 
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; 
-o-transition:-o-transform 0.5s ease-in;
}
.footer1{
	background:#ececec;
	padding: 20px 0px;
}
.footer1_wrapper{
	max-width:380px;
	display:block;
	margin:0px auto;
	padding:0px 20px;
}
.footer2{
	background:#bec0c4;
	padding: 20px 0px;
	color:#fff;
	text-align:center;
	font-size:12px;
}
.para{
	color:#06000a;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
	float:left;
	clear: both;
}
.para span{
	float:left;
	margin-top:-1px;
	margin-right:5px;
}
.bg_white{
	background:#fff;
}
.m_top_15{
	margin-top:15px;
}
.m_top_10{
	padding-top:10px;
}
h1{
	color:#772b90;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}
h2{
	color:#8b8d90;
	font-size:14px;
	margin:0px;
	line-height:21px;
}
h3{
	font-size:16px;
	color:#671682;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	margin: 10px 0px;
}
h4{
  font-size:30px;
  color:#671682;
  text-align:center;
  font-weight: bold;
  font-weight:600;
  margin: 0px 0px;
}
p{
	color:#000000;
	font-size:14px;
}
.txt_field{
  padding: 12px;
  border: 1px solid #ccc;
  width: 100%;
  margin:7PX 0PX;
}
.txt_area_1{
    padding: 12px;
    border: 1px solid #ccc;
    width: 100%;
    margin: 7PX 0PX;
    max-width: 900px;
        height: 83px;
}
.txt_area_2{
       width: 100%;
    margin: 0px auto;
    max-width: 900px;
}
.product_img{
	display:block;
	max-width:197px;
	margin:0px auto;
}
.btn_send{
  float: left;;
  color: #fff;
  background: #671682;
}
.btn_send:hover{
  float: left;;
  color: #fff !important;
  background: #9912c5;
}
.dot{
	font-size: 20px;
    margin-right: 10px;
    float: left;
}
.bdr_btm{
	border-bottom:1px solid #b3b3b3;
}
.bdr_left_product{
	border-left:1px solid #b3b3b3;
}
.bdr_right_product{
	border-right:1px solid #b3b3b3;
}
.header_1{
	background:#772b90;
	padding:30px 0px;
}
.contact{
	float:right;
}
.top_link{
	color:#fff;
	font-size:12px;
	text-align:right;
    text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:0px;
}
.top_link:hover{
	text-decoration:underline;
}
.header_2{
	background: #fff;
    padding: 30px 0px 0px 0px;
    margin: 0px;
	
}
.pos_relative{
	position:relative;
}
.logo{
	    /* position: absolute; */
    /* left: 0px; */
        margin-top: -121px;
	    float: left;
}
.logo img{
	max-width:107px;
	width:100%;
}
.menu{
	float:right;
}
 
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  
.bder_left{
	background:url(../img/div.png) no-repeat left center;
}

.bder_right{
	background:url(../img/div.png) no-repeat right center;
}
<!--slider-->
.jk-slider{
    width:100%;
}
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}
.inner_wrapper{
  max-width: 900px;
  margin: 0px auto;
  display: block;
}









@media (min-width: 200px) and (max-width: 500px) {

}



@media (max-width: 767px) {

.bdr_left_product{
	border-left:none;
}
.bdr_right_product{
	border-right:none;
}
.logo img{
	max-width:107px;
	width:50%;
}
.bder_right{
	background:none;
}
.bder_left{
	background:none;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 20px !important;
}
.contact {
    float: right;
    margin-right: 10px;
}
.menu{
	float:right;
	width:100%;
	margin-top: -20px;
}

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }


}