* {
margin: 0;
padding: 0;
font: 16px/26px 'arial Sans', sans-serif;
text-decoration: none;
}
a, li {list-style-type: none;}
a {
color: #fff;
text-decoration: none;
line-height: inherit;
}


strong, b {
	/*font: 14px/24px 'Dosis';
font-size: 14px;*/
line-height: 34px;
margin-top: 15px;

}

body {
background: url(../images/strbackground.png)no-repeat top center fixed; 
height:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: Arial, sans-serif;
font-size: 14px;
color:#ededdd;
line-height: 1;

position: relative;
-webkit-font-smoothing: antialiased;
}

/*SLIDER*/

.flex-direction-nav{display:none;}
.flex-control-nav {bottom: -0px;}
.slides{height:565px;}
.setheight{height:605px}
.flex-control-paging li a.flex-active {background: #AAA9A9;
background: rgba(187, 182, 182, 0.9);}
.content {
margin-top: -0px !important;
}
p, h1,h2, h3, h4, h5, h6 {color:#ededed;}


.transparent, #transparent {background-color: rgba(62, 19, 13, 0.67); min-height: 40px;}
.not-transparent, #not-transparent {background-color: rgba(62, 19, 13, 1); min-height: 40px; padding-top: 10px;}
.contain-to-grid, .top-bar {
width: 100%;
background: transparent;
}
.padding-top{padding-top:5px;}
/*NAVBAR*/
.top-bar ul > li a:not(.button) {color: white;height: 25px;font-size: 16px;font-weight: 100;padding: 0px 15px;line-height: 15px;}
.top-bar ul > li:hover, .top-bar ul > li.active { background: transparent; }
.top-bar {height:35px;margin: 0 0 5px 5px;}
@media only screen and (max-width: 940px)
.top-bar ul li.name, .top-bar ul li.toggle-topbar:hover {
background: transparent;
}
.one {height:10px;}



.nav-bar > li {border: none;}
/* Requires globals.css */
.nav-bar { height: 20px; /*background: #4d4d4d;*/ margin-top: 10px; padding: 0; }
.nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; /*border: 1px solid #333333; border-right: none;*/ line-height: 38px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; }
.nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.nav-bar > li:last-child { /*border-right: solid 1px #333333;*/ -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); }
.nav-bar > li.active {/*background: #2ba6cb; border-color: #2284a1; */}
.nav-bar > li.active > a { color: white; cursor: default; }
.nav-bar > li.active:hover { /*background: #2ba6cb;*/ cursor: default; }
.nav-bar > li:hover { /*background: #333333;*/ }
.nav-bar > li > a { color: #e6e6e6; }
.nav-bar > li ul { margin-bottom: 0; }
.nav-bar > li .flyout { display: none; }
.nav-bar > li.has-flyout > a:first-child { padding-right: 40px; position: relative; }
.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 20px; top: 17px; }
.nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; }
.nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; }
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; }
.nav-bar > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; }
.nav-bar > li > input { margin: 0 10px; }
.nav-bar > li.active:hover {background: #8b2d20; cursor: default;}
/*BUTTON*/
.button {
width: auto;
background: #72261c;
border: 1px solid #40140f;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset;
color: white;
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1;
margin: 0;
outline: none;
padding: 10px 20px 11px;
margin:0 0 15px 0;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: background-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
}
.button:hover {
color: white;
background-color: #8b2d20;
}
.top-bar ul > li a:not(.button) {
color: white;
height: 35px;
/*display: block;*/
font-size: 18px;
font-weight: 100;
/*
line-height: 45px;*/
padding: 10px 15px;
}

/*LOGO*/

.top_margin{margin: 20px 0 0 0}
.size{width: 500px; max-width:500%;}

/*ADRES*/
 .font_size {font-size:13px;line-height:15px;}
 br {   display: block;   margin: 0;line-height:13px;}

 /*BUTTON*/
 .button {margin-top:26px;}

/*FORM*/

input[type="text"], textarea {background-color : #eea752; 
                               border:1px solid #5e4220 }
label {color:#fff}

/*SOCIAL NAV------------------------------------*/+/*==================================================================
Social Nav
================================================================== */

.social-nav {
  margin-top:20px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}

.social-nav a {
  font-size: 15px;
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-block;
  background:  url('https://www.mammapeppino.com/assets/templates/assets/images/fb.png');
  text-align: center;
  line-height: 40px;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.social-nav{
   float:left;
   margin-left:75px;
   margin-top: -5px;
}
.social-nav a i {
  font-size: 22px;
  color: #ffffff;

}

.social-nav a.twitter:hover {
  background: #69baf3 !important;
  color: #ffffff;
}

.social-nav a.facebook:hover {
  background: #475996 !important;
}

.social-nav a.google:hover {
  background: #c63d2d !important;
}

.social-nav a.linkedin:hover {
  background: #4875b4 !important;
}

.social-nav a.pinterest:hover {
  background: #d03737 !important;
}

.social-nav a.dribbble:hover {
  background: #d76896 !important;
}

.social-nav p {
  font-size: 13px;
  color: #292929;
  text-align: center;
  padding: 20px 40px;
  font-style: italic;
  li