@charset "UTF-8";

/* A variation on Eric Meyer's CSS Reset:
   This is disabled because the Blueprint framework already has it.
   You should enable it if you aren't using Blueprint.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: black;
  background: #250502;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse:collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
abbr,acronym {
  border:0;
}
*/


/* Below are the CSS styles that aren't included with Blueprint. It's a good idea to keep them whether or not you use it unless you know what you're doing. */

/* grau: #dcdcdc; rot: #ac161b;*/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body {
  background-color: #f3f3f3;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  	background-image: url(../images/website-header_klaenge.svg);
	background-position-x: 80px;
    background-position-y: 60px;
    background-repeat: no-repeat;
    background-size: 25em;
	overflow-x: hidden;
}
header {
 background-color: #250502;
    	background-image: url(../images/website-header_klaenge.svg);
	background-position-x: 120px;
    background-position-y: 60px;
    background-repeat: no-repeat;
    background-size: 25em;
	overflow-x: hidden;
  }
body.contentpane {
  background: none;
}
body.contentpane a:hover{
  color: #F5C56E;
}
[data-id="mobilemenuck-1"] .mobilemenuck-bar-title {
    color: #000 !important;
}
[data-id="mobilemenuck-1"] .mobilemenuck-bar-button {
    background: #e39616 !important;
}
[data-id="mobilemenuck-1"].mobilemenuck {
    color: #99310e !important;
}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.open {
    background: #99310e !important;
}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.current {
    background: #e39616 !important;
}
.container-header .grid-child{
  display:inline-block;
}
.container-header .grid-child.container-nav{
  display:block;
}
.scrollToTop {
    right: 6px !important;
    bottom: 70px !important;
}
.scrollToTop.snip1452:after {
    -webkit-transform: rotateY(0deg) !important;
    transform: rotateY(0deg) !important;
}
#c-bns button+button, #s-c-bn, #s-cnt button+button {
    margin-left: 0.3em !important;
}
.btn {
  	background: #99310e;
    color: #ffffff !important;
    text-decoration:none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: unset;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}
.btn:hover {
  	background: #e39616;
    color: #ffffff !important;
  text-decoration:none !important;
}
.btn.jmodedit{
  display:none !important;
}
[role=tooltip] {
  display:none !important;
}
iframe{
	max-width:100%;
}
.presseimg{
    max-width: 80%;
  	margin: 0px;
    border-left: 25px solid #ac161b;
    padding-left: 20px;
}
.top-nav{
	clear:both;
}
.navbar-brand {
    margin: 1.3em 0.5em 0.5em 1.5em;
    float: left;
  }
.navbar-brand img{
  width: 40%;
  height:auto;
  }
.outline {
  background:#fff;
}
hr{
	margin: 2em 0;
}
.item-page, .blog{
    min-height: 380px;
    width: 50em;
    float: left;
    margin: 3vw 4vw;
    max-width: 80vw;
}
#je_socialicons, #mod-custom111{
	float:left;
	background:#e6e0d5;
	width: 80vw;
    padding: 2vw;
    margin: 5vw 2vw 0 5vw;
    text-align:center;
}
#mod-custom111 p{
    text-align:center;
  color: #000 !important;
}
.lm-proverb{
	float: left;
    background: #e39616;
    padding: 2vw;
    margin: 5vw 2vw 0 5vw;
    color: white;
    display: block;
    position: relative;
	font-style:italic;
	width: 80vw;
    font-size:1.4em;
}
.lm-proverb span{
	font-size: 0.7em;
    font-style: normal;
}

/* Blog Styles */

.blog-item{
	width: 97%;
    padding: 2%;
    margin: 0% auto 2em;
    background-color: #dcdcdc;
}
.blog-item h2 {
    font-size: 2em;
}
.blog-item h2 a{
    text-decoration: none;
}
.blog-item h2 a:visited{
    text-decoration: none;
}
.blog-item h2 a:hover{
    text-decoration: underline;
}
.blog-item .item-image{
	width: 100%;
     height:auto;
      margin: 0 3% 3% 0;
}
.blog-item .item-image img {
	max-width: 100%;
    margin: 0;
}
.item-image{
	float: left;
    width: 46%;
    margin: 3% 3% 3% 0;
}
.item-image img{
	max-width:100%;
  height:auto;
}

/* Nav styles */


.nav.top {
  text-align: right;
}
ul.nav.top {
  list-style-type:none;
  margin: 0px 23px 0px 0px;
  padding: 0px;
}
ul.nav.top li{
  float:right;
  display: block;
  margin: 0px 0px 0px 10px;
  padding: 0px;
}
.nav.top a, .nav.top a:visited  {
	text-decoration: none;
	font-weight: 300;
	color: #e39616;
	font-size: 0.8em;
}
.nav.top a:hover  {
	text-decoration:underline;
	color: #e39616;
}
.nav.top li#current.parent ul li a:hover, ul.nav.top li ul li a:hover , .nav.top li.selected.parent ul li a:hover, .nav.top li#current a {
	color: #99310e;
border:none;
}


.ribbon-wrapper2{
    width: 100%;
    float: right;
	background-color: #dcdcdc;
}
.ribbon-wrapper2 div{
	margin-left:1em;
	padding: 0.5em 1em;
	background-color: #ac161b;
	color: #fff;
    font-size: 1.3em;
    font-weight: 300;
	display:inline-block;
}
ul.nav.main{
	list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #e6e0d5;
    display: none;
    width: 100%;
    float: left;
    webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}
ul.nav.main li{
  float:left;
  display: block;
  margin-right:0px;
  padding: 0.5em 1em;
  position:static;
  width: 100%;
}
ul.nav.main li:hover {
    background-color: #99310e;
}
ul.nav.main li:hover a{
  color: #fff;
}
ul.nav.main li.current, ul.nav.main li.active.parent {
  background-color: #e39616;
  position:static;
}
ul.nav.main li ul{
  display:block;
}
ul.nav.main li.selected ul{
	display: block;
	width:100%;
}
ul.nav.main li ul li{
  float:none;
  padding: 3px 10px;
  border-bottom: 1px solid white;
  min-width: 13em;
}
ul.nav.main li ul li:first-child{
margin-left:0;
}
ul.nav.main li ul li:last-child{
  border-bottom: 0px solid transparent;
}
ul.nav.main a, .nav.main a:visited {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 1.3em;
    font-weight: 300;
}
ul.nav.main a:focus,ul.nav.main  a:hover,ul.nav.main li.active.parent a,ul.nav.main li.active.parent a:hover,ul.nav.main li.active.parent a {
	color: #fff; 
}
.nav.main li.current.parent ul li a, ul.nav.main li ul li a , .nav.main li.selected.parent ul li a, .nav.main li.current.parent ul li a:visited, ul.nav.main li ul li a:visited, .nav.main li.selected.parent ul li a:visited {
    font-size: 1.2em;
    text-align: left;
    font-weight: 300;
  text-decoration: none;
  border-bottom:3px solid transparent;
  padding: 0px;
}
.nav.main li.current.parent ul li a:hover, ul.nav.main li ul li a:hover , .nav.main li.selected.parent ul li a:hover, .nav.main li.current a, .nav.main li#current.parent ul li a:hover, .nav.main li.current.selected.parent ul li a:hover {
  color:#fff;
}
ul.nav.main li ul li.current {
  background-color: #fff;
}
ul.nav.main li ul li.current a{
  color: #ac161b !important;
}


ul.joomla-navactive{
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  font-weight: bold;
}
ul.joomla-navactive img{
  width: 200px;
}
ul.joomla-navactive li {
  list-style-type:none;
  display:inline-block;
  padding:0px;
  height:128px;
  width: 215px;
}
ul.joomla-navactive li a{
position:relative;
color:black;
display:inline-block;
padding:0px; /*spacing between each menu item and arrow underline beneath it */
text-decoration:none;
}

ul.joomla-navactive li a img{
border-bottom:3px solid transparent; /* style of arrow underline */
}
ul.joomla-navactive li a:hover{
color:#fff;
}

ul.joomla-navactive li a:hover:after img{ /* use CSS generated content to add arrow to the menu */
content:'';
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-5px; /* value should match border-width below */
bottom: 0;
border-width:5px; /* value should match margin-left above */
border-style:solid;
border-color: transparent transparent #fff transparent; /* create up arrow */
}
.joomla-navactive li#current.parent ul li a:hover, ul.joomla-navactive li ul li a:hover , .joomla-navactive li.selected.parent ul li a:hover, .joomla-navactive li#current a {
color:#fff;
}
.joomla-navactive li#current.parent ul li a:hover img, ul.joomla-navactive li ul li a:hover img, .joomla-navactive li.selected.parent ul li a:hover img, .joomla-navactive li#current a img{
border-bottom:3px solid #fff; 
}
.joomla-navactive li#current.parent ul li a:hover span, ul.joomla-navactive li ul li a:hover span, .joomla-navactive li.selected.parent ul li a:hover span, .joomla-navactive li#current a span{
border-bottom:3px solid #fff; 
}
ul.joomla-navactive li a span.image-title{
	display:none;
    position: relative;
    top: -65px;
    white-space: nowrap;
    margin-left: 120px;
}
ul.joomla-navactive li a span.image-title:hover{
  border-bottom:3px solid #fff;
}
  
/* Text styles */
h2, h1 {
	color: #99310e;
    font-size: 2em;
    font-weight: 300;
	margin: 0;
}
.coaching h2 {
	color: #008000;
}

h3 {
font-size:1.2em;
padding-top:1em;
color: #e39616;
font-weight:bold;
}
h4 {
padding-top:1em;
color: #ac161b;
font-weight:bold;
}
tr, td, tbody tr:nth-child(even) td, tbody tr.even td{
vertical-align: top;
background:transparent;
}

li {
color: #000;
padding-bottom: 0.5em;
font-weight:300;
}
strong{
font-weight:bold;
color:#cb7812;
}

p {
	color: #000 !important;
	text-align:left;
    font-weight: 300;
	font-size: 1.2em;
}

a {
color: #cb7812;
text-decoration: underline;
}
a:visited{
color: #cb7812;
text-decoration: underline;
}
a:focus, a:hover {
color: #99310e;
text-decoration: underline;
}
p img{
margin: 10px 0;
max-width:100%;
height: auto;
}
img.headpic{
width: 100%;
height: auto;
}
img.headthumb{
border: 15px solid white;
float: left;
border-radius: 20px 0;
margin: 10px 25px 10px 0; 
}
legend{
color: rgb(162, 24, 24);
font-weight:normal;
}
fieldset{
border: 1px solid white;
}
input[type="text"], input[type="password"], input[type="url"], input[type="email"], input.text, input.title, textarea {
background-color: #fff;
border: 0px solid rgb(162, 24, 24);
color: #000;
font-weight:normal;
}
label{
font-weight:normal;
}
video{
	max-width:100%;
}

/* form validation*/

.invalid {
          border-color: rgb(162, 24, 24);
}

label.invalid {
               color: rgb(162, 24, 24);
}
.blog-featured h2 {
  font-size: 1.5em;
  margin-bottom:0em;
}
p.readmore {
  text-indent:0;
  font-size: .9em;
}
.joomla-footer {
  font-size: .9em;
  margin: 0px 0px 30px 23px;
  color:#fff;
}

/* Article functions */
ul.actions {
  clear:both;
  margin-top: -50px;
  margin-right:-60px;
  float:right;
}
ul.actions li {
  list-style-type: none;
  float:right;
  margin-left: 10px;
}
ul.actions img {
  width:18px;
}

/* Cookie styles */
.cadre_bouton{
	margin: 15px 0;
}
#cadre_alert_cookies p{
    font-size: 1em;
	line-height: 2em;
}

/* Login styles */
p#form-login-username label,
p#form-login-password label {
  width: 160px;
  display:block;
}
p#form-login-remember label {
  font-size: .9em;
  font-weight: normal;
  line-height: 25px;
}
p#form-login-remember input {
  float:left;
  margin-right: 5px;
}
form#form-login ul {
  margin: 0;
  padding: 0;
}
form#form-login ul li {
  list-style-type: none;
  margin-left: 20px;
  font-size: .9em;
}

/* Image float styles */
.img-fulltext-left {
  float:left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.img-intro-left {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.img-fulltext-right {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

.img-intro-right {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
 .ribbon-wrapper1 {
  position: relative;
  min-height:250px;
}
.ribbon-front1 {
  background-color: #ED9F11;
  width: 220px;
  min-height:250px;
  position: relative;
  left:-15px;
  z-index:1;
  border-radius: 22px 0px 0px 0px;
      -moz-border-radius: 22px 0px 0px 0px;
      -khtml-border-radius: 22px 0px 0px 0px; 
      -webkit-border-radius: 22px 0px 0px 0px;
}
  .ribbon-back-right1 {
  position: absolute;
  top: 20px;
  right: -30px;
  width: 30px;
  background-color: #FCB46D;  
  z-index: 0;
}
/* ribbon style */

 .ribbon-wrapper {
  position: relative;
}
  .ribbon-front {
  background-color: #ED9F11;  height: 20px;
  width: 220px;
  position: relative;
  left:-15px;
  z-index: 2;
  border-radius: 0px 0px 0px 40px;
      -moz-border-radius: 0px 0px 0px 40px;
      -khtml-border-radius: 0px 0px 0px 40px; 
      -webkit-border-radius: 0px 0px 0px 40px;
}


  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
  position: absolute;
  z-index: 1;
  border-style:solid;
  height:0px;
  width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
  top: 20px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
  left: 0px;
  border-color: transparent #AE5905 transparent transparent;
}

  .ribbon-edge-topleft {
  top: 0px;
  border-width: 0px 0px 0 0;
}
  .ribbon-edge-bottomleft {
  border-width: 0 0px 0px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
  left: 190px;
  border-color: transparent transparent transparent #AE5905;
}

  .ribbon-edge-topright {
  top: 0px;
  border-width: 0px 0 0 15px;
}
  .ribbon-edge-bottomright {
  border-width: 0 0 20px 15px;
}

  .ribbon-back-left {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 20px;
    z-index: 0;
}

  .ribbon-back-right {
  position: absolute;
  top: 20px;
  right: -30px;
  width: 30px;
  height: 0px;
  background-color: #FCB46D;  z-index: 0;
}
/* gallery */
.gallery{
float:left;
}
.sige_thumb {
background:transparent !important;
margin: 5px;
}
.sige_thumb img {
border:none;
}
#lbCloseLink:after {
    content: 'x';
	float: right;
}
#lbPrevLink:hover::after {
    content: '<';
	float: left;
	margin-top:50%;
}
#lbNextLink:hover::after {
    content: '>';
	float: right;
	margin-top:50%;
}
#lbCloseLink{
	font-weight:300;
    float: right;
    background: transparent;
    outline: none;
    color: rgba(255,255,255,0.6);
	font-size: 2em;
}
#lbPrevLink:hover {
	font-weight:300;
    background: transparent;
    outline: none;
    color: rgba(255,255,255,0.6);
	font-size: 10em;
	text-decoration:none;
}
#lbNextLink:hover {
	font-weight:300;
    background: transparent;
    outline: none;
    color: rgba(255,255,255,0.6);
	font-size: 10em;
	text-decoration:none;
	
}
#lbCloseLink:hover {
    text-decoration:none;
}
#lbImage, #lbBottom {
border:none;
}
#lbBottom {
padding:1em;
  font-family: 'Open Sans', sans-serif;
  font-size:1em;
  font-weight:300;
}
#lbBottomContainer{
	background: rgba(220,220,220,0.5);
	margin-top: -4.7em;
}
.flexheader{
	width:100%;
}
.flexheader-container{
	overflow:hidden;
}
img.flexheader {
  -webkit-transition: all 4000ms ease;
  -moz-transition: all 4000ms ease;
  -o-transition: all 4000ms ease;
  transition: all 4000ms ease;
      animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

@keyframes fadein {
     from {
        transform:scale(1.02);
    }
    to {
        transform:scale(1.00);
    }
}
@-moz-keyframes fadein { /* Firefox */
     from {
        transform:scale(1.02);
    }
    to {
        transform:scale(1.00);
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
     from {
        transform:scale(1.02);
    }
    to {
        transform:scale(1.00);
    }
}
@-o-keyframes fadein { /* Opera */
     from {
        transform:scale(1.02);
    }
    to {
        transform:scale(1.00);
    }
}
 .sige_thumb img:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
} 
.sige_small {
    display: none;
}
.sige_thumb {
	overflow:hidden;
}
.sige_thumb img {
    display: inline-block;
    position: relative;
    background: transparent;
    margin: 0;
    padding: 4px;
	  -webkit-transition: all 4000ms ease;
  -moz-transition: all 4000ms ease;
  -o-transition: all 4000ms ease;
  transition: all 4000ms ease;
}
.sige {
    padding: 0.5em 1.5em 1.5em 0.5em !important;
    background: #dcdcdc !important;
}
.sige li {
    margin: 1em !important;
    overflow: hidden !important;
    width: 200px !important;
    height: 200px !important;
}
.dcfglogo{
	margin: 0.5em auto;
	width: 8em;
    height:auto;
	display: block;
}
.dgfmglogo{
	margin: 0.5em auto;
	width: 8em;
    height:auto;
	display: block;
}
.pclogo{
	margin: 0.5em auto;
	width: 12em;
    height:auto;
	display: block;
}
.vivalogo{
	margin: 2.5em auto 0.5em;
	width:12em;
    height:auto;
	display: block;
}
img.testimonials{
	margin: 10px 20px 10px 0;
    float: left;
    width: 120px;
}
#je_socialicons .jeSocial span {
    display: inline-block;
    padding: 8px;
    margin: 1em 0.4em;
}
#je_socialicons .jeSocial span a{
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
#je_socialicons .jeSocial span:hover a{
	  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
#je_socialicons .jeSocial span:hover {
	box-shadow: 0 0px 0px transparent;
    -webkit-box-shadow: 0 0px 0px transparent;
    -moz-box-shadow: 0 0px 0px transparent;
    -o-box-shadow: 0 0px 0px transparent;
}
@media screen and (min-width: 800px){
	header {
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 53em;
}
ul.nav.main li{
  width: auto;
}
ul.nav.main li:first-child{
margin-left:1em;
}
ul.nav.main li ul{
  display:none;
}
ul.nav.main li.selected ul{
	display: none;
}
ul.nav.main li:hover ul{
	display: block;
	position: absolute;
	margin-left: -3.5em;
    margin-top: 0.5em;
	width:auto;
}
ul.nav.main li ul li{
  background-color: #99310e; 
  color:white;
}
	p {
		text-align:justify;
	}
	.ribbon-wrapper2 div{
		display:none;
	}
	ul.nav.main{
		display:block;
	}
.span-3 {
    min-width: 20em;
}
h2, h1 {
    font-size: 3em;
}
  .item-page, .blog{
    max-width: 60vw;
}
  .blog-item .item-image{
  float:left;
}
.navbar-brand img{
  width: 52%;
  min-width: 150px;
  }
.blog-item{
	width: 80%;
  }
  .f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;
  } /* this make our menu fixed top */
#je_socialicons, #mod-custom111{
	width: 22vw;
    margin: 2vw 2vw 0 2vw;
}
.lm-proverb{
    margin: 2vw 2vw 0 2vw;
	width: 22vw;
}
}