@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
* {
    margin: 0;
    padding: 0;
}
body{
    font-weight: normal;
    letter-spacing:0.05em;
	color:#606060;
}
h1, h2, h3, h4, h5, h6 {font-weight:400;color: #333;margin-top:0;font-family: 'Open Sans', sans-serif;}
h1, h2 {font-weight:300;}
h3 {margin-bottom:20px;}
h3 {margin-bottom:20px;}
ul {margin:0;padding:0;list-style:none;}
li {}
a {text-decoration:none;}
a:hover {text-decoration:none;}
p {margin:0 0 15px 0; line-height: 21px;}
img {padding:0;margin:0;border:none;width:100%;}
.fix {overflow: hidden;}

.mar-btm20 {margin:20px 0;}

.main-wrapper {}

/*---------------------------------
		Random code here
 ---------------------------------*/
.divider {position: relative;width: 100%;height: 1px;background: #eeeeee; margin: 50px 0;}

.divider::before {
    background:#fff url("../img/bottom_design.png") no-repeat scroll center center;
    content: "";
    height: 23px;
    left: 50%;
    margin-left: -128px;
    position: absolute;
    top: -15px;
    width: 250px;
}
.side_bar .divider {display: none;}
.page_intro {
    margin: 25px 0 35px;
    text-transform: uppercase;
    padding: 16px 10px 11px;
}
.page_intro h4 {margin:0;}
.page_intro i {color: #fff;}

/*---------------------------------
		 General
 ---------------------------------*/

.navbar-default .navbar-nav > li > a.menu-active::before,
.navbar-default .navbar-nav > li > a.menu-active::after,
.navbar-default .navbar-nav > li > a:hover::before,
.navbar-default .navbar-nav > li > a:hover::after,
.navbar-default .navbar-nav > li::before {
    position:absolute;
    content:"";
}

a:hover,
.gift_area1 h4 i,
.gift_area1 h4:hover a,
.gift_area1 img,
.gift_area2 img,
.h_special_area .special_box i,
.i_sam_area img,
.dahoam_area img,
.btn-primary,
.side_bar_thamb p a,
.skike_top i,
.skike_top h4 a,
.content_title  h4 a i,
.friends_menu li a,
.content_title h4 a,
.lucia_img img,
.radu_img img {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

a,
.h_content_menu i {
    color:#00aae9;
}
a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.menu-active,
.footer_area a:hover,
.special_box:hover h4 a,
.gift_area2:hover h4 a,
.gift_area1:hover h4 a,
.skike_top:hover h4 a,
.content_title:hover h4 a,
.content_title:hover h4 p {
    color:#c79c60;
}

.navbar-default .navbar-nav > li > a.menu-active::before,
.navbar-default .navbar-nav > li > a:hover::before,
.dahoam_area .btn-primary:hover,
.wirku_button_area .btn-primary:hover,
.contact_from input[type="submit"],
.contact_from input[type="reset"],
.page_intro {
    background:#c79c60;
}

.content_title,
.gift_area1 img,
.gift_area2,
.dahoam_area h2,
.footer_area,
.friend_family_area h3,
.text_align_center p,
.wirku_box_area h3,
.wirku_box_area2 h3,
.contact_from_area h3 {
    text-align: center;
}
.gift_area1:hover img,
.gift_area2:hover img,
.i_sam_area img:hover,
.dahoam_area img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.main_content_area {margin:0 0 60px;}
.main_content_area img {max-height: 400px;}
.content_area {}

.content_title {}
.content_title h2 {margin-top: 0;}


/*---------------------------------
		 header + menu + logo 
 ---------------------------------*/


.header_area {height:auto;padding:25px 0;border-bottom: 1px solid #e3e3e3;position: relative;}
.header {}

.navbar-brand {float:left;padding: 0;}
.navbar-brand img {width:160px;margin:0;}

.header_area > .navbar {margin-bottom:0}
.header_area > .navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-default .navbar-nav {overflow: hidden;}
.navbar-collapse{width: 100%; text-align: center;}

.navbar-default .navbar-nav > li > a {display: block;padding:15px 18px;text-transform: uppercase;letter-spacing:0.08em;}

.navbar-default .navbar-nav > li > a.menu-active::before,
.navbar-default .navbar-nav > li > a:hover::before {left:0;bottom:6px;width:100%;height:2px;}

.navbar-default .navbar-nav > li > a.menu-active::after,
.navbar-default .navbar-nav > li > a:hover::after {
    left:50%;
    bottom:8px;
    width: 0;
    height: 0;
    margin-left: -3px;
    border-bottom: 5px solid #c79c60;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.navbar-default .navbar-nav > li::before {
    background: none repeat scroll 0 0 #e3e3e3;
    bottom: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: 1px;
    height: 14px;
}
.navbar-default .navbar-nav > li:last-child::before {background: none;}






/*---------------------------------
		HOME PAGE
 ---------------------------------*/

.slider_area {}
.slider { width: auto;margin: 0 auto; }

.gift_area1 {max-height: 200px;}
.gift_area1 h4 {margin-top: 90px; }
.gift_area1:hover h4 i {padding-left: 15px;}
.gift_area1 img {margin: 0 auto;}

.h_content_menu {margin-bottom: 30px;}
.h_content_menu li {}
.h_content_menu i {margin: 2px 7px 0 0;float: left;}
.h_content_menu p {float: left; margin-bottom: 0; width: 95%;}

.gift_area2 {}
.gift_area2 img {margin: 0 auto;}

.gift_area1 img,
.gift_area2 img {width: 170px;}

.h_special_area {}
.h_special_area h4 {margin: 0 0 25px 15px}
.h_special_area .special_box {
    border: 1px solid #eeeeee;
    padding: 8px;
    height: 340px;
}
.h_special_area .special_box h4 {margin: 0;}
.h_special_area .special_box i {margin-left: 25px;opacity: 0;}
.h_special_area .special_box:hover i {margin-left:0;opacity: 1;}

.i_sam_area {}
.i_sam_area h3 {margin-top: 0;}
.i_sam_area h4 {margin:25px 0 0;}
.i_sam_area h5 {margin:5px 0 0;}

.i_sam_left {margin-top: 6%;}

.dahoam_area {}
.dahoam_area h2 {margin:0 0 20px 0;}
.dahoam_area {}

.dahoam_area .btn-primary {background: none;color: #333;width: 130px;height: 45px;}
.dahoam_area .btn-primary:hover {color: #fff;border: transparent;}



/*---------------------------------
		SPIKEMAT PAGE
 ---------------------------------*/
.skike_banner {margin-bottom: 30px;}
.skike_top {}
.skike_top h4 {font-size:16px;}
.skike_top i {padding-left: 30px;opacity: 0;}
.skike_top:hover i {padding-left: 3px;opacity: 1;}

.spike_three_clm {}
.spike_three_clm .three_clm_box {
    border: 1px solid #eeeeee;
    height: 200px;
    padding: 10px;
    margin-top: 15px;
}
.spike_three_clm .three_clm_box:hover,
.spike_two_clm .two_clm_box:hover,
.h_special_area .special_box:hover {border: 1px solid #e3e3e3;}

.spike_two_clm {}
.spike_two_clm .two_clm_box {
    border: 1px solid #eeeeee;
    height: 275px;
    padding: 10px;
    margin-top: 15px;
}


/*---------------------------------
		WIRKUNG PAGE
 ---------------------------------*/
 .text_align_center h2{margin:0;}
 .wirku_box_area {}
 .wirku_box_area h3 {}
 
 .wirku_box_area img {max-height:300px;}
 .wirku_box_area p {margin-top:20%;}
 
.wirku_button_area {text-align:center;margin-top:15px;}
.wirku_button_area .btn-primary {background: none;color: #333;width: 110px;height: 40px;}
.wirku_button_area .btn-primary:hover {color: #fff;border: transparent;}

 .wirku_box_area2 {}
 .wirku_box_area2 img {float:left;margin:0 15px 10px 0;width:370px;}


/*---------------------------------
		FRIENDS PAGE
 ---------------------------------*/
.content_title .fa-arrow-right {padding-right: 30px;opacity: 0;}
.content_title .fa-arrow-left {padding-left: 30px;opacity: 0;}

.content_title:hover  .fa-arrow-right{padding-right: 3px;opacity: 1;}
.content_title:hover .fa-arrow-left {padding-left: 3px;opacity: 1;}


.friend_family_area {}
.friend_family_area h3 {margin: 0 0 20px 0;}
.friend_family_box {margin-top: 2%;}

.friends_menu {}
.friends_menu li {}
.friends_menu li a {display:block;}
.friends_menu li a:hover {color: #222;}
.friends_menu li a i {margin-right: 6px;color: #222;}
.friends_menu li:hover a i {}



/*---------------------------------
		Team PAGE
 ---------------------------------*/
.team_area {}

.lucia {}
.lucia h3 {margin-bottom:30px;}
.radu {}
.radu h5 {margin-bottom:15px;}

.radu_img_area {height: 370px;}
.lucia_img_area {height: 365px;}
.lucia_img {}
.radu_img {}

.lucia_img,
.radu_img {
    background: #F3F2F2;
    border-radius: 50%;
    margin: 20px auto;
    width: 90%;
}

.lucia_img img,
.radu_img img  {
    border-radius: 50%;
    margin: 20px auto;
    width: 100%;
    cursor: pointer;
    border: 2px solid #fff;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    transform: scale(0.95);
}
.lucia_img:hover img,
.radu_img:hover img  {
    border: 4px solid #fff;
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    transform: scale(0.93);
}


.radu h3 {margin-bottom:0;}

.team_buttom {margin-top:50px;}



/*---------------------------------
		KONTAKT PAGE
 ---------------------------------*/

label {width: 100%;}
.contact_from label > span {
    float: left;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 8px;
    width: 177px;
    font-size: 16px;
}

.contact_from .input-field {
    width: 67%;
    border-top:  medium none;
    border-left:  medium none;
    border-right: medium none;
    border-bottom: 1px solid #c2c2c2;
    border-radius: 3px;
    box-shadow: 1px 1px 4px #ebebeb;
    box-sizing: border-box;
    outline: medium none;
    padding:5px 10px;
    transition: all 0.3s ease-in-out 0s;
}

.contact_from .select-field {
    font-size: 16px;
    padding: 5px 10px;
    width: 200px;
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    box-shadow: 1px 1px 4px #ebebeb;
    box-sizing: border-box;
    outline: medium none;
}

.contact_from .required {color: red;}
.checkbox_area {
	float: right;
	margin-top: 5px;
	text-align: left;
	width: 68%;
}
.checkbox_area input {margin-right:3px;}
.contact_from input[type="submit"] {margin-right:15px;}
.contact_from input[type="submit"],
.contact_from input[type="reset"] {
    border: 1px solid #896738;
    box-shadow: 0 1px 0 0 #e0b16f inset;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font: bold 18px Arial,Helvetica,sans-serif;
    margin-top: 10px;
    padding: 9px 25px;
    text-decoration: none;
	border-radius:4px;
}


/*---------------------------------
		SIDE BAR
 ---------------------------------*/
.side_bar {}


.side_bar_thamb img {width: 90px;float: left;margin: 0 7px 0 0;}
.side_bar_thamb p a {padding-left: 30px;opacity: 0;}
.side_bar_thamb:hover p a {padding-left:2px;opacity: 1;}

.h_side_sfr p,
.h_side_address p {margin: 0;}
.h_side_sfr img {display: block;  margin: 5px auto 10px;  width: 100px;}

.h_side_address {}
.h_side_address h5 {margin-bottom:2px;}



/*---------------------------------
		FOOTER AREA
 ---------------------------------*/
.footer_area {background: #222 ;padding: 25px 0;}
.footer_area a {color: #fff;}
.footer {border-bottom: 1px solid #333;}

.footer_menu {margin-bottom: 10px;}
.footer_menu li {display:inline-block;line-height:16px;border-left: 1px solid #eeeeee;}
.footer_menu li:last-child {border-right: 1px solid #eeeeee;}
.footer_menu li a {padding: 0 15px;}

.writter {margin-top: 10px;}
.writter p {margin: 0;}




/*    Responisve code here      */

@media screen and (min-width:1200px){

}
@media screen and (max-width:1199px){

    /*  Home Page */
    .home_page .col-sm-12 {padding: 0;}
    .h_special_area .special_box {height: 365px;}
    .i_sam_left {margin-top:3%}
	
	/*  Home Page */
	.wirku_buttom p {margin-top:5%;}
	
	/* Team page */
	.lucia_img_area {height:320px;}
	.radu_img_area {height:295px;}
	.team_buttom  {margin-top:0;}

    /*  Kontakt page */
    #locations li {width: 650px;}
    .contact_from .input-field {width: 60%;}
    #map_canvas {margin-left:10px;width: 55%;}

}

@media screen and (max-width:991px){

    /* Only for responsive menu  */
    .navbar-default .navbar-nav > li > a {padding:15px 14px;}

    /*  Home Page */
    .gift_area1 h4 {font-size: 16px;margin-top: 68px;}
    .h_special_area .special_box {height: 480px;padding:5px;}
    .i_sam_left {margin-top:0}
    .dahoam_area img {margin-top: 30%;}
	
	/*  Spikemat page  */
	.spike_three_clm .three_clm_box {height:285px;}
	.spike_two_clm .two_clm_box {height:373px;}
	
	/*  Home Page */
	.wirku_buttom p {margin-top:0;}
	.wirku_buttom img {margin-top:6%;}
	.wirku_box_area2 img {float:none;width:100%;}
	
	/* Team page */
	.lucia_img_area {height:236px;}
	.radu_img_area {height:228px;}

    /*  Kontakt page */
    #locations {width: 27%;}
    #locations li {width: 200px;}
    #map_canvas {width: 71%;}
    #more-info {display: none;}


    /* sidebar */
	.mar-btm20 {margin:10px 0;}
    .side_bar_thamb img {float: none;width: 100%;height:100px;}

}

@media screen and (max-width:767px){
    .divider {margin: 30px 0;}
    .mar-btm20 {display: none;}
    .side_bar .divider {display: block;}
    .header_area {border-bottom: 0 solid;padding:11px 0; }
    /* for responsive menu */
    .navbar-default .navbar-nav > li:before {display: none;}
    .navbar-default .navbar-nav > li > a.menu-active:before, .navbar-default .navbar-nav > li > a:hover:before {
        bottom: 0;
        left: 50%;
        margin-left: -50px;
        width: 100px;}
    .navbar-default .navbar-nav > li > a.menu-active:after, .navbar-default .navbar-nav > li > a:hover:after {bottom: 2px;}
    .navbar-default .navbar-nav > li > a {padding: 5px 14px;}
    .navbar-toggle {margin:12px 15px 10px 0;}
    /* under 2 line over color none er jonno  */
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border:0 solid;}
    .navbar-collapse {box-shadow:0 0 rgba(255, 255, 255, 0.1) inset}

    /* Home */
    .page_intro {padding: 16px 25px 11px;}
    .gift_area1 h4 {margin-top: 0;text-align: center;}
    .gift_area1 img, .gift_area2 img {width: 28%;}
    .h_special_area .special_box {height: auto;  margin-bottom: 10px; padding: 7px 10px;}
    .i_sam_area img {width: 50%;margin: 0 auto 15px;}
    .dahoam_area img {margin: 0 auto 15px;  width: 60%;}
    .dahoam_mbl {border-bottom: 1px solid #eee; margin-bottom: 35px;}
    .dahoam_area .btn-primary {margin: 0 auto 25px; display: block;}

	
	/* Spikemat page  */
	.spike_three_clm .three_clm_box,
	.spike_two_clm .two_clm_box {height:auto;padding-bottom:0;}
	
	.wirku_box_area2 {margin-bottom:30px;border-bottom:1px solid #eee;}
	
	
    /* wirkung */
	.skike_top p {text-align:left;}
	.wirku_box_area p {margin-top:0;}
	.wirku_box_area img,
	.w_side_scent img {width: 60%;margin: 0 auto 15px;}
    .side_bar_thamb img {float: left;  height: 75px;  margin-right: 10px; width: 100px;}
	.w_side_scent p {margin-bottom:0;text-align:center;}
	
	/* Friend */
	.friend_family_box {margin-bottom:10px;}
	.friend_family_area,
	.team_buttom {margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee;}
	
	/* Team page */
	.lucia_img, .radu_img {width:270px;}
	.radu_img_area {height:321px;}

    /*  Kontakt page */
    #locations {width: 100%;}
    #locations li {width:100%;text-align: center;}
    #map_canvas {width: 100%;margin-left: 0;}
    #more-info {
        display: block;
        float: left;
        height: 200px;
        text-align: center;
        width: 100%;
    }
    #more-info > div {height: 180px;}
    .contact_from_area {margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee;}
    .contact_from {width: 450px;margin: 0 auto;}
    .contact_from .input-field {width: 59%;}
}


@media screen and (max-width:480px){
    h2 {font-size:26px;}
	p {margin:0 0 10px 0;}
    .page_intro {margin: 15px 0;padding:10px 25px 5px}
    .h_content_menu p {width: 92%;}


    .contact_from {width: 100%;margin: 0 auto;}
    .contact_from .input-field {width: 100%;}
    label span {display: none;}
		
	.footer {display:none;}
}

@media screen and (max-width:380px){
	h2 {font-size:24px;}
    .h_content_menu p {width: 90%;}


	.friend_top i {display:none;}

    #map_canvas {height: 300px;}
    .checkbox_area {width: 90%;}
}

	/* others */

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left:0;}
a:focus {text-decoration: none;color: #fc5959; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {outline: none!important;}
a:focus {outline: none!important;}