/*
braun: 61452c
gold: cf934f
orange: f47121
*/


.category-desc > img {
  border: 1px solid #cf934f;
  border-radius: 0.6rem;
}

.category-desc {
  border: 0px solid #f4e6d7;
  background: rgb(207, 147, 79, 0.025);
}



.t4-megamenu .t4-module .module-title span, .t4-megamenu .mega-col-nav .mega-col-title span, .t4-megamenu .mega-col-module .mega-col-title span {
  color: #61452c;
}

.t4-megamenu .t4-module .module-title, .t4-megamenu 
.mega-col-nav .mega-col-title, .t4-megamenu 
.mega-col-module .mega-col-title {
  border-bottom: 1px solid #f4e6d7;}


/* Hover Effekt on DIV*/

.buddhabox{
   border-radius: 20px;
     box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
      transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  cursor: pointer;
}

.buddhabox:hover{
     transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}


.buddhabox-1{
  
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  cursor: pointer;
}

.buddhabox-1:hover{
     transform: scale(1.05);
}

.link-grad {background: rgba(0,0,0,0.01);
background: rgba(0,0,0,0.01);
background: linear-gradient(0deg,rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.01) 100%);
background: -webkit-linear-gradient(0deg,rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.01) 100%);
background: -moz-linear-gradient(0deg,rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.01) 100%);
}


/* HOVER Effekt left to right*/
a.hover-x {
  color: #f909;
  background: 
    linear-gradient(90deg,#f47121 50%,#800 0) 
    var(--_p,100%)/200% no-repeat;
  -webkit-background-clip: text;
          background-clip: text;
  transition: 1.9s;
}
.hover-x:hover {
  --_p: 0%;
}
.x-font {
  font-family: system-ui, sans-serif;
  font-size: 30px;
  margin:0;
  cursor: pointer;
  padding: 0 .1em;
}

/*SHADOW*/
.shadow-3 {
  box-shadow: 0 2px 6px -1px rgba(0,0,0,.07),0 6px 18px -1px rgba(0,0,0,.04) !important;
}
.shadow-4 {
  box-shadow: 0 2px 15px -3px rgba(0,0,0,.07),0 10px 20px -2px rgba(0,0,0,.04) !important;
}
.shadow-2 {
  box-shadow: 0 0 3px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.04) !important;
}
.shadow-1 {
  box-shadow: 0 0 2px 0 rgba(0,0,0,.07),0 1px 1px 0 rgba(0,0,0,.04) !important;
}
.shadow-5 {
  box-shadow: 0 2px 25px -5px rgba(0,0,0,.07),0 25px 21px -5px rgba(0,0,0,.04) !important;
}


/*    
font-family: 'Roboto', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Tangerine', cursive;
*/

.rounded-9 {border-radius: 1.5rem;}
.rounded-8 {border-radius: 1.25rem;}
.rounded-7 {border-radius: 1rem;}
.rounded-6 {border-radius: .75rem;}
.rounded-5 {border-radius: .5rem;}
.rounded-4 {border-radius: .375rem;}
.rounded-3 {border-radius: .3rem;}
.rounded-2 {border-radius: .25rem;}

/*Audiocontroller*/

audio::-webkit-media-controls-panel
audio::-webkit-media-controls-mute-button
audio::-webkit-media-controls-play-button
audio::-webkit-media-controls-timeline-container
audio::-webkit-media-controls-current-time-display
audio::-webkit-media-controls-time-remaining-display
audio::-webkit-media-controls-timeline
audio::-webkit-media-controls-volume-slider-container
audio::-webkit-media-controls-volume-slider
audio::-webkit-media-controls-seek-back-button
audio::-webkit-media-controls-seek-forward-button
audio::-webkit-media-controls-fullscreen-button
audio::-webkit-media-controls-rewind-button
audio::-webkit-media-controls-return-to-realtime-button
audio::-webkit-media-controls-toggle-closed-captions-button



.t4-footnav .container {
  padding-top: 2rem;
  padding-bottom: 5rem;
}

/*Font Awesome Background*/

.ex1:before,.ex2:before {
font-family: 'FontAwesome';
font-size:30px;
top: 0;
left: 0px;
color:#cf934f;
opacity:1;
}

.ex1:before { content: "\f10d"; }
.ex2:before { content: "\f10e"; }

.shape-circle { 
  width: 50px;
  height: 50px;
  background: url(images/buddhazeit/circle.png) 0 0 no-repeat;
  shape-outside: circle(50%);
}

.forward:before {content: "\f101"; font-family: 'FontAwesome';}
.auth-zit {font-family: 'Tangerine', cursive; font-size: 2em; color: #cf934f; }
.zitat {text-align: center;}
.zitat-tang {text-align: center; font-family: 'Tangerine', cursive; font-size: 2em;}
.zitat-tang-big {text-align: center; font-family: 'Tangerine', cursive; font-size: 1.4em;}
.zitat-autor {line-height: 0.1; text-align: center; color: #cf934f; font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 1em;}
@import url('https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap');


.t4-section.t4-breadcrumbs {
  border-top: 0px solid #e9ecef;
}

@media (min-width: 1601px)
  {#t4-masthead .bg-overlay-image {
    background-position-x: 20px;}}
@media (max-width: 1600px)
  {#t4-masthead .bg-overlay-image {
    background-position-x: 50%;}}

div .centre-0 {
  display: flex;
  align-items: bottom;
  justify-content: left
    vertical-align: bottom;

}

/* google text weiterlesen */

#summary {
  font-size: 16px;
  line-height: 1.5;

}

#summary p.collapse:not(.show) {
    height: 94px !important;
    overflow: hidden;
  
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  

}

#summary p.collapsing {
    min-height: 94px !important;
}

#summary a.collapsed:after  {
    content: '+ mehr lesen';
}

#summary a:not(.collapsed):after {
    content: '- weniger lesen';
}



/* 5 */

.buddhas-card {
 background-color: rgba(206, 147, 79, 0.05);
 border-top: 1px solid rgb(206, 147, 79);
border-radius: 1rem;
  padding: 2px;
    position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
    background-clip: border-box;

}




/* Convert Forms*/

.convertforms .cf-col-medium-10 {
  width: 98%;
}

/* BORDER GRADIENT nur bei DIV möglich*/

.block1 {
  background: 
    linear-gradient( 90deg, rgba(253, 142, 41, 0), #d8a974, rgba(253, 142, 41, 0)) top,
    linear-gradient(-90deg, rgba(253, 142, 41, 0), #d8a974, rgba(253, 142, 41, 0)) bottom;
  background-repeat:no-repeat;
  background-size:100% 1px;
 }

.block-top {
  background: 
    linear-gradient( 90deg, rgba(253, 142, 41, 0), #d8a974, rgba(253, 142, 41, 0)) top;
  background-repeat:no-repeat;
  background-size:100% 1px;
 }

.block-bottom {
  background: 
    linear-gradient(-90deg, rgba(253, 142, 41, 0), #d8a974, rgba(253, 142, 41, 0)) bottom;
  background-repeat:no-repeat;
  background-size:100% 1px;
 }


.fade_rule {
        height: 1px;
        border-color: #d8a974;
        margin: 0 auto;
        background-image: linear-gradient(left , white 2%, #d8a974 50%, white 98%);
        background-image: -o-linear-gradient(left , white 2%, #d8a974 50%, white 98%);
        background-image: -moz-linear-gradient(left , white 2%, #d8a974 50%, white 98%);
        background-image: -webkit-linear-gradient(left , white 2%, #d8a974 50%, white 98%);
        background-image: -ms-linear-gradient(left , white 2%, #d8a974 50%, white 98%);
        background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, #cf934f), color-stop(0.98, white) );
}

.fade_rule-1 {
        height: 1px;
        border-color: #E6E6E6;
        margin: 0 auto;
        background-image: linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -o-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -moz-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -webkit-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -ms-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, #cf934f), color-stop(0.98, white) );
}

.books { font-weight: light; 
  font-size: 1.4em; 
  text-transform: uppercase;
  background: #f9f3eb; 
  border-top: 1px solid #eedac3;
  border-bottom: 1px solid #eedac3;
}

hr {
  color: #d8a974;
  background-color: #d8a974;

}

.border-bottom {
  border-bottom: 1px solid #eedac3 !important;
}
.border-top {
  border-top: 1px solid #eedac3 !important;
}



.text-muted {
  --t4-text-opacity: 1;
  color: #cf934f !important;
}

.breadcrumb-item.active {
  color: #cf934f;
}

/* OFF Canvas Menu */
.t4-offcanvas .t4-off-canvas-body .t4-module {
  margin-bottom: 0.5rem; /*Abstand Modul vom Boden*/
}
.t4-module .nav > li.active > a, .t4-card .nav > li.active > a, .moduletable .nav > li.active > a, .module_menu .nav > li.active > a {
  font-weight: 400; /*Schriftstärke Start*/
}
.nav-link {
  font-weight: 300;/*Schriftstärke Menu*/}
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back {
  font-weight: 400;/*Schriftstärke Head 2. Ebene*/}
.dropdown-item {
  font-weight: 300;  /*Schriftstärke Head 2. Ebene*/}
.dropdown-menu {
  font-size: 0.9rem;   /*Schriftgröße Head 2. Ebene*/}
.t4-offcanvas .t4-off-canvas-header a img {
  max-height: 5rem;}
.t4-offcanvas .t4-off-canvas-body .navbar .btn-toggle::after {
  color: #e4c29b; /*Pfeil*/}
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .btn-toggle {
  color: #e4c29b; /*Pfeil hover*/}  
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .btn-toggle.is-active::after {
  color: #e4c29b; /* 1. Ebene Pfeil hover*/}  
.t4-offcanvas .t4-off-canvas-body .navbar .btn-toggle {
  background-color: #faf3eb; /*1. Ebene Hintergrund*/}
.t4-offcanvas .t4-off-canvas-body .navbar .btn-toggle:hover, .t4-offcanvas .t4-off-canvas-body .navbar .btn-toggle:focus, .t4-offcanvas .t4-off-canvas-body .navbar .btn-toggle:active {
  background-color: #f4e6d7;  /*1. Ebene Hintergrund hover*/}
.t4-offcanvas .t4-off-canvas-header {
  background-color: #ffffff; /*Hinter TOP Logo*/}


.t4-offcanvas .t4-off-canvas-body .navbar {
  background-color: #ffffff; /*Hinter Menuelementen*/}



.t4-offcanvas .t4-off-canvas-body .navbar .nav-item {
  border-bottom: 1px solid #e4c29b; /*Hinter TOP Logo*/}
.t4-offcanvas .t4-off-canvas-header .close span {
  color: #e4c29b;   /*button rechts oben*/}
.t4-offcanvas .t4-off-canvas-header .close:hover, .t4-offcanvas .t4-off-canvas-header .close:focus, .t4-offcanvas .t4-off-canvas-header .close:active {
  background-color: rgba(207, 147, 79, 0.05);  /*button rechts oben back*/} 
.dropdown-menu {
  color: #cf934f; /*button rechts oben*/}
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back {
  background-color: #faf3eb; /*2. Ebene Head Menu Hintergrund*/} 
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back:hover, .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back:focus, .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back:active {
  background-color: #f4e6d7;  /*2. Ebene Head Menu Hintergrund hover*/} 
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back {
  border-top: 1px solid #e4c29b;
  border-bottom: 1px solid #e4c29b;  /*2. Ebene Head Menu Border*/} 
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back i {
  color: #e4c29b; /*2. Ebene Head Pfeil*/} 
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item .dropdown-menu .nav-item {
  border-bottom: 1px solid #e4c29b; /*2. Ebene Head Menu Border*/}
  
  
  
  
.zitat {text-align: center;}
.zitat-tang {text-align: center; font-family: 'Tangerine', cursive; font-size: 2em;}
.zitat-tang-big {text-align: center; font-family: 'Tangerine', cursive; font-size: 1.4em;}
.zitat-autor {line-height: 0.1; text-align: center; color: #cf934f; font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 1em;}

li .nav-header {color: #b47731; text-transform:none;}

.list-group-item {
  color: #61452c;
  background-color: rgba(207, 147, 79, 0.025);
  border: 1px solid rgba(207, 147, 79, 0.25);
}

.list-group-item-primary {
    color: rgba(207, 147, 79, 0.025);
background-color: rgba(207, 147, 79, 1.00);
}


.note-xtra {
  background-color: #faf3eb;
  border-color: #deb587;
  --mdb-note-padding: 10px;
  --mdb-note-border-width: 6px;
  --mdb-note-border-radius: 5px;
  --mdb-note-strong-font-weight: 600;
  padding: var(--mdb-note-padding);
  border-left: var(--mdb-note-border-width) solid;
  border-radius: var(--mdb-note-border-radius);
}

.xtra {  
list-style-image: url(images/achtsamkeitskurs/lists/liste-lotus-2.png);
}

:root{
--color-primary:#f47121;
  --color-secondary:#ce934f;}

.border-primary {
  border-color: #f47121 !important;
}

.border-secondary {
  border-color: #ce934f !important;
}



/* Gold Button mit weißer Schrift */

btn .btn-xtra {
    background: #cf934f;
    color: #ffffff;
  border: 2px solid #ffffff;
}

btn .btn-xtra:hover, .btn-xtra:focus, .btn-xtra:active, .btn-xtra.active, .open > .dropdown-toggle.btn-xtra {
    background: #ffffff;
  color: #cf934f;
  border: 2px solid #f47121;
}

btn .btn-xtra:active, .btn-xtra.active {
    background: #ffffff;
    box-shadow: none;
  
  
}

/* Z-Index-Position */

.boxz { position: relative; width:100%;}
.boxz div { position: absolute;}
.vorne {z-index: 10; color:#ff0000;}
.hinten {z-index: 0; font-size: 400%; color:#faf9f8;}

/* Kreis Classes */
.x1 {
    overflow:hidden;
 	z-index:3
}
.x1 .x2 {
    display:block;
    float:left;
    padding: 12.5%;
    width:auto;
    height:auto;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius: 50%;
    background:#eee;
    text-align:center;
    position: relative;
}
.x1 .x2 span {
    position: absolute;
    width: 100%;
    left: 0;
    top: 48%;
    line-height: 1em;
    height: 1em;
    font-size: 130%;
    overflow: hidden;
}

/* Texthintergrund Erfahrungen */
.box {border-radius: 20px 20px;
border: 1px solid #cf934f;
  /*background-color: #FFF9F1;*/
}

/* Mobile */
.box {padding: 4%;}

/* Tablet */
@media (min-width:600px) {
.box {padding: 4%;}}

/* Desktop */
@media (min-width:900px) {
.box {padding: 6%;}}


/* Schlagwortartikelübersicht */
.list-group-item {
  color: #61452c;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  color: #cf934f;
}

.com-tags-tag.tag-category .list-group .list-group-item a {
  color: #61452c;
}

.com-tags-tag.tag-category .list-group .list-group-item a:hover, .com-tags-tag.tag-category .list-group .list-group-item a:focus, .com-tags-tag.tag-category .list-group .list-group-item a:active {
  color: #cf934f;
}




/* Akkordion Farbe H */

.accordion-button:not(.collapsed) {
  color: #cf934f;
  font-size:0.6em;
  background-color: #FFF9F1;
}

.accordion-button {
  color: #7b4c19;
    font-size:0.6em;
  background-color: #fff;
}

.accordion-button:focus {
   color: #cf934f;
  border-color: #efdac3;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(239, 218, 195, 1);
  box-shadow: 0 0 0 0.25rem rgba(239, 218, 195, 1);
}


/* Seitennavigation */

.items-more .nav-tabs > li > a {
    background: /*#FFF9F1;*/ none;
    color: #f47121;
}

.items-more .nav-tabs > li > a:hover, .items-more .nav-tabs > li > a:active, .items-more .nav-tabs > li > a:focus {
    background: #ce934f;
    color: #fff;
}

.page-link {
    color: #f47121;
    background-color: #fff;
}

.page-item.active .page-link {
    color: #ffffff;
    background-color: #ce934f;
    border-color: #fff;
}

.page-link:hover {
   color: #ffffff;
    background-color: #ce934f;
    border-color: #fff;
}


.pagenav li a {
    background-color: #cf934f;
  color:#ffffff;
}

.pagenav li span::before {
    color: #ffffff;
}

.pagenav li span::after {
    color: #ffffff;
}

.pagenav li a:hover, .pagenav li a:focus, .pagenav li a:active {
    background-color: #f47121;
}



/* CARD Portrait */

.card, .contentpane .well, body.contentpane .well {
  border: 1px solid #cf934f;
    border-bottom-color: rgb(207, 147, 79);
    border-bottom-style: solid;
    border-bottom-width: 1px;
  border-bottom-color: #cf934f;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}


/* Quick Form */


.qf3form.default .qf3txt input, .qf3form.default select, .qf3form.default textarea {
  display: inline-block;
  width: 52%;
  background: #fff;
  padding: 0.6em;
  border: 1px solid #cf934f;
  border-radius: 0.3em;
  font-size: 82%;
  vertical-align: middle;
}

qf3 .qf3btn .qfsubmit btn .btn-primary 
{background-color: #ff0000; border: 1px; 
  font-size: 2em; color:#ffffff;}


/* READ MORE */

.counter {
    margin-top: 0.5rem;
    color: #f47121;
}

.readmore .btn {
    background-color: #ce934f;
  color: #fff;
}

p.readmore .btn, p.readmore .blog-list .item-readmore a, .blog-list .item-readmore p.readmore a {
    background-color: #ce934f;
    color: #fff;
      padding: 0.3333333333rem 0.6666666667rem;

}

p.readmore .btn:hover, p.readmore .blog-list .item-readmore a:hover, .blog-list .item-readmore p.readmore a:hover, p.readmore .btn:active, p.readmore .blog-list .item-readmore a:active, .blog-list .item-readmore p.readmore a:active, p.readmore .btn:focus, p.readmore .blog-list .item-readmore a:focus, .blog-list .item-readmore p.readmore a:focus {
    background-color: #f47121;
    color: #fff;
      padding: 0.3333333333rem 0.6666666667rem;

}



/*gestreifte Tabelle*/
.table-striped > tbody > tr:nth-of-type(2n+1) {
    --t4-table-accent-bg: var(--t4-table-striped-bg);
    color: var(--body-text-color);
}

.table {
    --t4-table-bg: transparent;
    --t4-table-accent-bg: transparent;
    --t4-table-striped-color: #FFF9F1;
    --t4-table-striped-bg: #FFF9F1;
    --t4-table-active-color: #ffffff;
    --t4-table-active-bg: #FFF9F1;
    --t4-table-hover-color: #ffffff;
    --t4-table-hover-bg: #FFF9F1;
    color: var(--body-text-color);
}

thead, tbody, tfoot, tr, td, th {
    border-color: #cf934f;
    border-style: solid;
}


.t4-palette-mainnav .nav > li a, .t4-palette-mainnav .nav > li .nav-link {
    text-transform: uppercase;
}

.t4-module {
  margin-top: 0.1rem;
}

.t4-section-5-start {
    border-bottom: 1px solid white;
}

.goldzit {
color: #cf934f;
font-family:inherit;
  font-style:italic;
  font-weight: 300;
  font-size: 1.25em;
  padding-left:12px;
    padding-right:12px;
	width: 300px;
  float:right;
  margin-left: 2.5rem;
  margin-bottom:1.5rem;

}




/*Neues JEM*/

div#jem a {
}

div#jem h1.componentheading {
	margin-bottom:6px;
	margin-top: 6px;
}

div#jem .formelm-buttons {
	margin-bottom: 0px;
	float: right;
	cursor:pointer;
}

ul.adminformlist,
ul.adminformlist li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#jem .inputbox:focus {
	border:1px solid #9E9791;
	background-color:#DDE084;
}

div#jem .hr {
	border:0;
	border-top:1px solid #E19832;
	height:0;
	background-color:#E19832;
}

input .required {
	background-color:#D5EEFF !important;
}

div#jem .inputbox.required {
	background-color:#D5EEFF !important;
}

div#jem .inputbox:hover {
	border:1px solid #9E9791;
	background-color:#DDE084;
}

div#jem .inputbox {
	border:1px solid #9E9791;
	background-color:#C6CCBE;
	cursor:pointer;
}

div#jem .input {
	border:1px solid #9E9791;
	background-color:#B3BABA;
	cursor:pointer;
}

div#jem fieldset {
	border:1px dotted #9E9791 !important;
}

/* -------------------
	GENERAL
--------------------- */
div#jem {
	overflow:hidden;
	background-color:#FFFFFF;
	border:1px solid #ff9900;
	border-radius:5px;
	padding:20px;
	color: #663333;
}

/* On J! 3.7 the calendar popup will show below the field
   which results in half hidden calendar on recurrence.
   Following rule will allow calendar to be shown complete.
 */
div#jem.jem_editevent {
	overflow: inherit;
}

/**
 * @section button
 */
div#jem .buttons {
	float:right;
}

div#jem .buttons a {
	border:1px solid #9E9791;
}

div#jem .buttons span.gap {
	float: left;
	margin: 0 0 0 7px;
}

/* Edit-event view */
div#jem .button1 {
	-webkit-box-shadow:rgb(0, 0, 0) 0 1px 0 0;
	-moz-box-shadow:rgba(0, 0, 0, 0.0 .1) 0 1px 0 0;
	box-shadow:rgb(0, 0, 0) 0 1px 0 0;
	background-color:#EBE8E9;
	border:1px solid #5B5754;
	font-family:"Helvetica", Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:700;
	padding:2px 6px;
	margin:2px;
	cursor:pointer;
	color:#663333;
	position:relative;
	text-decoration:none;
	top:8px;
	left:3px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}

div#jem .button1:disabled,
div#jem .button1:disabled:hover {
	color: #999;
}

div#jem .button3 {
	cursor:pointer;
}

/* Edit-event view, hover */
div#jem .button1:hover {
	background-color:#D1C9CC;
	color:#663333;
	text-decoration:none;
}

/* Filter button */
div#jem .buttonfilter {
	-webkit-box-shadow:rgb(0, 0, 0) 0 1px 0 0;
	-moz-box-shadow:rgba(0, 0, 0, 0.0 .1) 0 1px 0 0;
	box-shadow:rgb(0, 0, 0) 0 1px 0 0;
	background-color:#EBE8E9;
	border:1px solid #5B5754;
	font-family:"Helvetica", Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:700;
	padding:2px 6px;
	cursor:pointer;
	color:#663333;
	position:relative;
	text-decoration:none;
	top:inherit;
	left:inherit;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}

/* Filter button:hover */
div#jem .buttonfilter:hover {
	background-color:#D1C9CC;
	color:#663333;
	text-decoration:none;
}

div#jem .clear {
	border:0;
	clear:both;
	float:none;
	height:1px;
	line-height:1px;
}

div#jem div.clr {
	clear:both;
}

/* ie fix in coditional comments (html source) */
div#jem .floattext:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#jem .floattext {
	display:block; /* safari */
}

/* used in venue select popup */
div#jem .pointer {
	cursor:pointer;
}

/**
 * @section headers
 */
div#jem h2 {
	font-weight:normal !important;
	margin-top:1em;
	margin-bottom:1em;
	padding:0.3em 0.3em;
	background:none repeat scroll 0% 0% #D9CFC7;
	border:1px solid #9E9791;
}

div#jem h2 a {
color:#9E9791;
border:0px;
}


div#jem h2 a:hover {
color:#EEEEEE;
border:0px;
}

div#jem h2 img {
	border:none;
	margin-left:0.3em;
}

div#jem .jemcomponentheading {
	border-bottom:0px !important;
}

div#jc h4 {

}


/**
 * @section definitionlist
 *
 * Event
 */
div#jem dl {
	margin:0 5px;
}

div#jem dt { /* definition term */
	margin:0;
	padding:0.3em 0;
	float:left;
	font-size:1em;
	font-weight:bold;
	width:150px;
	background:transparent;
	border-bottom:1px solid #F2E7DE;
}

div#jem dd { /* definition description */
	display:block;
	margin:0 0 5px 12em;
	padding:0.3em 0;
	font-size:1em;
	background:transparent;
	margin-left: 160px;
}

* html .floattext dd /* ie6 fix against the 3px jog bug */ {
	height:1%;
}

div#jem div.description {
	margin:5px 0;
	padding:0 5px;
}

div#jem div.no_space,
div#jem .no_space {
	margin:0;
	padding:0;
}

div#jem .copyright {
	font-size:0.9em;
	text-align:center;
	margin:1em 0;
	color:#C8BEB7;
	float:none;
}

/**
 * @section images
 * flyer, locations, maps, ...
 */
div#jem .flyerimage {
	float:right !important;
	border:0px solid #663333;
	width:auto;
	position:static !important;
	background:transparent;
	box-shadow:none;
}

div#jem .googlemap {
	border:0px solid #663333;
	width:auto;
	position:static !important;
	background:transparent;
	box-shadow:none;
}

/* scale icon to fit text height */
div#jem .icon-inline {
	height: 1em;
	margin-left: 0.3em;
}

div#jem .icon-inline-left {
	height: 1em;
	margin-left: 0;
	margin-right: 0.3em;
}

/**
 * maps, ...
 */
div#jem .map {
	margin:0.3em;
	position:relative;
}

div#googlemap .modal {
	border:none;
}

/**
 * @section registered user list
 */
div#jem div.register {
	margin:5px 0;
	padding:0 5px;
}

div#jem ul.user {
	margin:5px;
	padding:0;
	list-style:none;
	font-size:0.9em;
}

div#jem ul.user li {
	float:left;
	margin:5px;
	list-style:none;
}

div#jem ul.user li img {
	border:#F2E7DE 1px solid;
	padding:3px;
}

div#jem ul.user li span.username {
	display:block;
	text-align:center;
	font-weight:bold;
}

div#jem span.username {
	color: #663333;
}

div#jem span.username a {
	color: #663333;
	text-decoration:underline;
}


/* -------------------
   General Pagination
--------------------- */
div.pagination {
	clear:both;
	text-align:center !important;
	margin:15px 0 0 0 !important;
}

div.pagination p.counter {
	font-style:italic;
}

div.pagination ul {
	list-style:none;
	text-align:center !important;
	padding:0;
}

div.pagination ul li {
	list-style:none;
	display:inline;
	padding:0 5px 0 5px;
}

/**
 * @section Categoryview
 */
div#jem .catimg {
	margin:0 0.5em 0.5em 0;
	float:left;
	position:relative;
}

div#jem .catimg p {
	font-size:0.9em;
	line-height:180%;
	margin:0 0 0.5em 0;
}

div#jem .cat-children ul li {
	list-style: none;
}

/* -------------------
   TABLE
--------------------- */
div#jem table.eventtable {
	background:#E1D7CE;
	margin:1em 1px;
	width:100%;
	font-size:1em;
	border-collapse:collapse;
}

div#jem table.eventtable th {
	background-color:#ff9900;
	color:#FFFFFF;
	font-weight:bold;
	padding:0.4em;
	text-align:left;
	border:1px solid #663333;
}

div#jem table.eventtable th a {
	color:#FFFFFF;
	background-color:transparent;
}


div#jem table.eventtable th img {
	margin:0 0 5px 5px;
	vertical-align:middle;
	border:none;
}

div#jem table.eventtable td {
	background-color:#FFF9F1;
	padding:0.4em;
	border:1px solid #663333;
	vertical-align:top;
}

div#jem table.eventtable td a {
	background-color:transparent;
 color:#ff9900;
}




div#jem table.eventtable td a{
	background-color:transparent;
 color:#ff9900;
}

div#jem table.eventtable tr:hover td a{
 color:#ffffff;
 /*border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;*/

}

div#jem table.eventtable tr:hover td a:hover{
 color:#ffffff;
 font-weight:normal;
 letter-spacing:0em;
 
 border-top:0px solid #ffffff;
  border-bottom:0px solid #ffffff;

}



div#jem table.eventtable tr.sectiontableentry2 td {
	background-color:#FFF0DD;
}

div#jem table.eventtable tr:hover td {
	background-color:#FFBA75;
}

div#jem table.eventtable tr.featured td {
	background-color: #E1A467;
}




/* activate this rule to show date in event lists bold (when two-line mode is choosen) * /
div#jem table.eventtable tr td span.jem_date-2 {
	font-weight: bold;
}
/**/

/* activate these two rules to replace the linebreak by a space * /
div#jem table.eventtable tr td br.jem_break-2 {
	display: none;
}
div#jem table.eventtable tr td span.jem_date-2::after {
	content: " ";
}
/**/

/* -------------------
	FILTER
--------------------- */
div#jem #jem_filter {
	margin:1em 0 0.5em 0;
	padding:0.5em;
	border:solid 1px #9E9791;
	background:#FFA500;
}

div#jem .jem_fleft {
	float:left;
}

div#jem .jem_fright {
	float:right;
}

/* no fixed width on J! 3.x */
#jem select[id^="filter_"],
#jem select,
#jem input[id^="filter_"] {
	width: auto;
}
#jem #jem_filter .input-append {
	margin-bottom: 0;
	margin-left: 4px;
}
#jem .input-append {
	display: inline-block;
}
#jem #jem_filter tr {
	vertical-align: baseline;
}

#jem #jem_filter label {
	margin-bottom:0;
}

#jem .jem_fright label,
#jem .jem_fleft label {
	display: inline-block;
}

#jem .nowrap {
	display: inline-block;
	white-space: nowrap;
}

/* -------------------
   EDIT FORM
--------------------- */

/* J!3 */
#jem .edit .current dd.tabs fieldset legend {
	width: auto;
}

#jem .edit .current dd.tabs {
	border: none;
}

div.jem_editevent ul.adminformlist label {
	min-width:160px;
}

div.jem_editvenue label,
div.jem_select_users ul.adminformlist label {
	min-width:150px;
}

div.jem_editevent form fieldset,
div.jem_editvenue form fieldset {
	margin:0 0 1em 0;
	padding:1em;
}

div.jem_editevent form legend,
div.jem_editvenue form legend,
div.jem_select_users ul.adminformlist legend {
	padding:0.3em;
	font-weight:bold;
	background-color:#FFA500;
	border-radius:5px;
	border:1px solid #663333;
	line-height:22px;
}

div.jem_editevent form label,
div.jem_editvenue form label,
div.jem_select_users ul.adminformlist label {
	width:9em;
	margin:0;
	padding:0;
	float:left;
	display:block;
	vertical-align:top;
}

/* Hoffi: Don't style buttons. They should be styled same as file select button. */
div.jem_editevent form input:hover, /* event */
/*div.jem_editevent form button:hover,*/
div.jem_editevent form select:hover,
div.jem_editevent form textarea:hover,
div.jem_editvenue form input:hover, /* venue */
/*div.jem_editvenue form button:hover,*/
div.jem_editvenue form select:hover,
div.jem_editvenue form textarea:hover,
div.jem_select_users ul.adminformlist select:hover,
div.jem_select_users ul.adminformlist input:hover {
	margin:0 0 0.5em 0;
	padding:0.2em;
	border:1px solid #9E9791;
	cursor:pointer;
	background-color:#DDE084;
	border:1px solid #9E9791;
}

div.jem_editevent form input:active, /* event */
/*div.jem_editevent form button:active,*/
div.jem_editevent form select:active,
div.jem_editevent form textarea:active,
div.jem_editvenue form input:active, /* venue */
/*div.jem_editvenue form button:active,*/
div.jem_editvenue form select:active,
div.jem_editvenue form textarea:active,
div.jem_select_users ul.adminformlist select:active,
div.jem_select_users ul.adminformlist input:active {
	margin:0 0 0.5em 0;
	padding:0.2em;
	border:1px solid #9E9791;
	cursor:pointer;
	background-color:#C6CCBE;
}

div.jem_editevent form input:visited, /* event */
/*div.jem_editevent form button:visited,*/
div.jem_editevent form select:visited,
div.jem_editevent form textarea:visited,
div.jem_editvenue form input:visited, /* venue */
/*div.jem_editvenue form button:visited,*/
div.jem_editvenue form select:visited,
div.jem_editvenue form textarea:visited,
div.jem_select_users ul.adminformlist select:visited,
div.jem_select_users ul.adminformlist input:visited {
	margin:0 0 0.5em 0;
	padding:0.2em;
	border:1px solid #9E9791;
	cursor:pointer;
	background-color:#C6CCBE;
}

div.jem_editevent form input:active, /* event */
/*div.jem_editevent form button:active,*/
div.jem_editevent form select:active,
div.jem_editevent form textarea:active,
div.jem_editvenue form input:active, /* venue */
/*div.jem_editvenue form button:active,*/
div.jem_editvenue form select:active,
div.jem_editvenue form textarea:active,
div.jem_select_users ul.adminformlist select:active,
div.jem_select_users ul.adminformlist input:active {
	margin:0 0 0.5em 0;
	padding:0.2em;
	border:1px solid #9E9791;
	cursor:pointer;
	background-color:#C6CCBE;
}

div.jem_editevent form input, /* event */
/*div.jem_editevent form button,*/
div.jem_editevent form select,
div.jem_editevent form textarea,
div.jem_editvenue form input, /* venue */
/*div.jem_editvenue form button,*/
div.jem_editvenue form select,
div.jem_editvenue form textarea,
div.jem_select_users ul.adminformlist select,
div.jem_select_users ul.adminformlist input {
	margin:0 0 0.5em 0;
	padding:0.2em;
	border:1px solid #9E9791;
	cursor:pointer;
	/*background-color:#C6CCBE;*/
}

table#el-attachments .title {
	padding: 4px 0;
}

table#el-attachments input {
	width: 100%;
	margin: 0px 0px 0.5em;
	padding: 0.2em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

table#el-attachments input.attach-field {
	width: auto; /* to put the Clear button right beside */
	margin: 0px 0px 0.5em;
	padding: 0.2em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

div.jem_editevent form input#a_name {
	float:left;
}

div.jem_editevent form img,
div.jem_editvenue form img {
	border:0;
	margin:0;
	cursor:pointer;
}

div.jem_editevent #userfile-remove,
div.jem_editvenue #userfile-remove {
	float: right;
}

/** save buttons */
div.right {
	margin:0 0 1em 0;
	float:right;
}

/** recurrence */
div.jem_editevent form label#recurrence_output {
	width:auto;
	float:none;
	margin:5px 0;
}

/** registration */
div.jem_editevent form div.jem_unregister,
div.jem_editevent form div.jem_register {
	width:35%;
	float:left;
	margin:0 1em 0 0;
}

#jem input[id$="unregistra_until"] {
	width: 40px;
	text-align: right;
}

div.jem_box_left,
div.jem_box_right {
	width:45%;
	float:left;
}

div.jem_box_right {
	float:right;
}

table#el-attachments td {
	padding:5px;
	border:1px solid #9E9791;
}

table#search td {
	border:none !important;
}

table#search tr {
	border:none !important;
	padding:20px !important;
}

table#el-attachments th {
	background:#366999;
	color:#FFFFFF;
	line-height:22px;
	border:1px solid #663333;
	text-align:center;
}

/** googlemap **/
#googlemap {
	margin:20px 0px 20px 20px;
}

/*
Thx to http://www.bloggerswatch.com/internet/css-trick-submit-button-should-look-same-everywhere/
*/
.buttons a,
.buttons button {
	display:block !important;
	float:left !important;
	margin:0 0 0 7px !important;
	background-color:#F5F5F5 !important;
	border:1px solid #9E9791 !important;
	border-top:1px solid #9E9791 !important;
	border-left:1px solid #9E9791 !important;
	font-family:"Helvetica", Tahoma, Arial, Verdana, sans-serif !important;
	font-size:12px !important;
	line-height:130% !important;
	text-decoration:none !important;
	font-weight:bold !important;
	color:#565656 !important;
	cursor:pointer !important;
	padding:5px 10px 6px 7px !important; /* Links */
}

.buttons button {
	width:auto !important;
	overflow:visible !important;
	padding:4px 10px 3px 7px !important; /* IE6 */
}

.buttons button[type] {
	padding:5px 10px 5px 7px !important; /* Firefox */
	line-height:17px !important; /* Safari */
}

*:first-child+html button[type] {
	padding:4px 10px 3px 7px !important; /* IE7 */
}

.buttons button img,
.buttons a img {
	margin:0px !important;
	padding:0 !important;
	border:none !important;
}

/* POSITIVE */
div#jem button.positive,
.buttons a.positive {
	color:#FF4500 !important;
	border:1px solid #9E9791 !important;
	cursor:pointer;
	line-height:22px;
	padding:0px;
}

.buttons a.positive:hover,
button.positive:hover {
	background-color:#E6EFC2 !important;
	border:1px solid #9E9791 !important;
	color:#FF4500 !important;
}

.buttons a.positive:active {
	background-color:#FF4500 !important;
	border:1px solid #9E9791 !important;
	color:#FFFFFF !important;
}

/* NEGATIVE */
div#jem button.negative, .buttons a.negative {
	color:#8B4513 !important;
	border:1px solid #9E9791 !important;
	cursor:pointer;
	line-height:22px;
	padding:0px;
}

.buttons a.negative:hover,
button.negative:hover {
	background:#fbe3e4 !important;
	border:1px solid #9E9791 !important;
	color:#8B4513 !important;
}

.buttons a.negative:active {
	background-color:#8B4513 !important;
	border:1px solid #8B4513 !important;
	color:#FFFFFF !important;
	border:1px solid #9E9791 !important;
}

/* REGULAR */
button.regular,
.buttons a.regular {
	color:#423F3C !important;
	border:1px solid #9E9791 !important;
	cursor:pointer;
	line-height:22px;
}

.buttons a.regular:hover,
button.regular:hover {
	background-color:#F1E6DD !important;
	border:1px solid #9E9791 !important;
	color:#423F3C !important;
}

.buttons a.regular:active {
	background-color:#AEA6A0 !important;
	border:1px solid #9E9791 !important;
	color:#FFFFFF !important;
}

/* -- TAB STYLES -- */
div#jem dl.tabs {
	float:left;
	margin:0 0 -1px 0;
	z-index:50;
}

div#jem dl.tabs dt {
	float:left;
	padding:4px 10px;
	border:1px solid #CDC4BC;
	margin-left:3px;
	color:#6B6662;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	background-color:#A8A19B;
	border-top:1px solid #9E9791;
	border-left:1px solid #9E9791;
	border-right:1px solid #9E9791;
	border-bottom:1px dotted #9E9791;
	width: inherit;
}

div#jem dl.tabs dt.open {
	background-color:silver;
	border-bottom:1px solid #F9F9F9;
	z-index:100;
	color:#663333;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-top:1px solid #9E9791;
	border-left:1px solid #9E9791;
	border-right:1px solid #9E9791;
	border-bottom:1px dotted #9E9791;
}

div#jem div.current {
	clear:both;
	border:1px solid #9E9791;
	padding:10px 10px;
	background-color:white;
}

div#jem div.current dd {
	padding:0;
	margin:0;
}

div#jem dl#content-pane.tabs {
	margin:1px 0 0 0;
}


div#jem div.current fieldset {
	border:none 0;
}

div#jem div.current fieldset.adminform {
	border:1px #CDC4BC solid;
}

div#jem div.current fieldset.radio {
	float:left;
}

div#jem div.current fieldset.radio input {
	clear:none;
	min-width:15px;
	float:left;
	margin:3px 0 0 2px;
}

div#jem div.current fieldset.radio label {
	clear:none;
	min-width:45px;
	float:left;
	margin:3px 0 0 5px;
}

div#jem div.current fieldset.checkboxes {
	float:left;
	clear:right;
}

div#jem div.current fieldset.checkboxes input {
	clear:left;
	min-width:15px;
	float:left;
	margin:3px 0 0 2px;
}

div#jem div.current fieldset.checkboxes label {
	clear:right;
	min-width:45px;
	margin:3px 0 0 5px;
}


div#jem p.tab-description {
	font-size:1.091em;
	margin-left:0;
	margin-top:5px;
}

/* Tab changes for accessibility */
div#jem dl.tabs dt h3 {
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
}

div#jem dl.tabs dt h3 a:link {
	color:#4B4845;
	outline:medium none;
	text-decoration:none;
}

div#jem dl.tabs dt h3 a {
	color:#4B4845;
	outline:medium none;
	text-decoration:none;
	background:none;
}

div#jem table td.center,
div#jem table th.center,
div#jem .center {
	text-align:center;
	float:none;
}

div#jem table td.center input[type="checkbox"],
div#jem table th.center input[type="checkbox"] {
	margin: 0 3px;
	padding: 0;
	vertical-align: baseline;
}

/* -- JGRID STYLES ----------------------------- */
/* grid table elements */
a.jgrid:hover {
	text-decoration:none;
}

/* jgrid styling has changed on J!3 using icomoon
 * but e.g. beez3 doesn't support this;
 * so always use our old icons and overrule icomoon styles. */
#jem .btn-micro {
	border: none;
	box-shadow: none;
	background: none;
}

#jem button[id$="_img"],
#jem button[id$="_btn"] {
	padding: 1px;
}

#jem button[id$="_img"] i.icon-calendar,
#jem button[id$="_img"] span.icon-calendar,
#jem button[id$="_btn"] span.icon-calendar,
#jem .btn-micro i[class^="icon-"],
#jem .btn-micro i[class*=" icon-"],
.jgrid span.state {
	display:inline-block;
	height:16px;
	width:16px;
}

#jem .btn-micro i[class^="icon-"]:before,
#jem .btn-micro i[class*=" icon-"]:before {
	content:"";
}

#jem button[id$="_img"] i.icon-calendar,
#jem button[id$="_img"] span.icon-calendar,
#jem button[id$="_btn"] span.icon-calendar {
	background-image:url(../images/el.png);
}

.jgrid span.text {
	display:none;
}

#jem .btn-micro i.icon-publish,
.jgrid span.publish {
	background-image:url(../images/tick.png);
}

#jem .btn-micro i.icon-unpublish,
.jgrid span.unpublish {
	background-image:url(../images/publish_x.png);
}

#jem .btn-micro i.icon-archive,
.jgrid span.archive {
	background-image:url(../images/menu/icon-16-archive.png);
}

#jem .btn-micro i.icon-trash,
.jgrid span.trash {
	background-image:url(../images/icon-16-trash.png);
}

.jgrid span.default {
	background-image:url(../images/menu/icon-16-default.png);
}

.jgrid span.notdefault {
	background-image:url(../images/menu/icon-16-notdefault.png);
}

.jgrid span.checkedout {
	background-image:url(../images/admin/checked_out.png);
}

.jgrid span.downarrow {
	background-image:url(../images/admin/downarrow.png);
}

.jgrid span.downarrow_disabled {
	background-image:url(../images/admin/downarrow0.png);
	background-position:0 -12px;
}

.jgrid span.uparrow {
	background-image:url(../images/admin/uparrow.png);
}

.jgrid span.uparrow_disabled {
	background-image:url(../images/admin/uparrow0.png);
	background-position:0 -12px;
}

.jgrid span.published {
	background-image:url(../images/admin/publish_g.png);
}

.jgrid span.expired {
	background-image:url(../images/admin/publish_r.png);
}

.jgrid span.pending {
	background-image:url(../images/admin/publish_y.png);
}

.jgrid span.warning {
	background-image:url(../images/admin/publish_y.png);
}

.jgrid span.protected {
	background-image:url(../images/admin/icon-16-protected.png);
}

#jem .btn-micro span.icon-publish:before {
	content: url(../images/tick.png);
}

#jem .btn-micro span.icon-unpublish:before {
	content: url(../images/publish_x.png);
}

#jem .btn-micro span.icon-archive:before {
	content: url(../images/menu/icon-16-archive.png);
}

#jem .btn-micro span.icon-trash:before {
	content: url(../images/icon-16-trash.png);
}


div#jem a.file-name:link,
div#jem a.file-name:active,
div#jem a.file-name:visited {
	text-decoration:none;
	color: #663333;
	background-color:transparent;
}

div#jem .file td {
	padding:3px;
}


div#jem .inline-button-right {
	float: right;
	margin: 0;
	padding: 0;
	height: 1.5em;
	background: transparent;
	cursor:pointer;
}



@media print {

div#jem {
	overflow:hidden;
	background:none repeat scroll 0% 0% #EDEDEB;
	border:0px solid #663333;
	border-radius:5px 5px 5px 5px;
	padding:10px;
}

div#jem h2 {
	font-weight:normal !important;
	padding:0.3em;
	background:none repeat scroll 0% 0% rgb(212, 214, 178);
	border:none;
}

div#jem .buttons {
	float:right;
	display:none;
}

} /* END media print */


/* Roboto */



@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-Thin.eot');
  src:  url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Thin.woff2') format('woff2'),
        url('fonts/Roboto-Thin.woff') format('woff'),
        url('fonts/Roboto-Thin.ttf') format('truetype'),
        url('fonts/Roboto-Thin.svg#Roboto') format('svg');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Thin';
  src:  url('fonts/Roboto-Thin.eot');
  src:  url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Thin.woff2') format('woff2'),
        url('fonts/Roboto-Thin.woff') format('woff'),
        url('fonts/Roboto-Thin.ttf') format('truetype'),
        url('fonts/Roboto-Thin.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-ThinItalic.eot');
  src:  url('fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('fonts/Roboto-ThinItalic.woff') format('woff'),
        url('fonts/Roboto-ThinItalic.ttf') format('truetype'),
        url('fonts/Roboto-ThinItalic.svg#Roboto') format('svg');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto-ThinItalic';
  src:  url('fonts/Roboto-ThinItalic.eot');
  src:  url('fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('fonts/Roboto-ThinItalic.woff') format('woff'),
        url('fonts/Roboto-ThinItalic.ttf') format('truetype'),
        url('fonts/Roboto-ThinItalic.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-Light.eot');
  src:  url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff'),
        url('fonts/Roboto-Light.ttf') format('truetype'),
        url('fonts/Roboto-Light.svg#Roboto') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Light';
  src:  url('fonts/Roboto-Light.eot');
  src:  url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff'),
        url('fonts/Roboto-Light.ttf') format('truetype'),
        url('fonts/Roboto-Light.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-LightItalic.eot');
  src:  url('fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('fonts/Roboto-LightItalic.woff') format('woff'),
        url('fonts/Roboto-LightItalic.ttf') format('truetype'),
        url('fonts/Roboto-LightItalic.svg#Roboto') format('svg');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto-LightItalic';
  src:  url('fonts/Roboto-LightItalic.eot');
  src:  url('fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('fonts/Roboto-LightItalic.woff') format('woff'),
        url('fonts/Roboto-LightItalic.ttf') format('truetype'),
        url('fonts/Roboto-LightItalic.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-Regular.eot');
  src:  url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.ttf') format('truetype'),
        url('fonts/Roboto-Regular.svg#Roboto') format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Regular';
  src:  url('fonts/Roboto-Regular.eot');
  src:  url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.ttf') format('truetype'),
        url('fonts/Roboto-Regular.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-RegularItalic.eot');
  src:  url('fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-RegularItalic.woff2') format('woff2'),
        url('fonts/Roboto-RegularItalic.woff') format('woff'),
        url('fonts/Roboto-RegularItalic.ttf') format('truetype'),
        url('fonts/Roboto-RegularItalic.svg#Roboto') format('svg');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto-RegularItalic';
  src:  url('fonts/Roboto-RegularItalic.eot');
  src:  url('fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-RegularItalic.woff2') format('woff2'),
        url('fonts/Roboto-RegularItalic.woff') format('woff'),
        url('fonts/Roboto-RegularItalic.ttf') format('truetype'),
        url('fonts/Roboto-RegularItalic.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-Medium.eot');
  src:  url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff'),
        url('fonts/Roboto-Medium.ttf') format('truetype'),
        url('fonts/Roboto-Medium.svg#Roboto') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src:  url('fonts/Roboto-Medium.eot');
  src:  url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff'),
        url('fonts/Roboto-Medium.ttf') format('truetype'),
        url('fonts/Roboto-Medium.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-MediumItalic.eot');
  src:  url('fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('fonts/Roboto-MediumItalic.woff') format('woff'),
        url('fonts/Roboto-MediumItalic.ttf') format('truetype'),
        url('fonts/Roboto-MediumItalic.svg#Roboto') format('svg');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto-MediumItalic';
  src:  url('fonts/Roboto-MediumItalic.eot');
  src:  url('fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('fonts/Roboto-MediumItalic.woff') format('woff'),
        url('fonts/Roboto-MediumItalic.ttf') format('truetype'),
        url('fonts/Roboto-MediumItalic.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-Bold.eot');
  src:  url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff'),
        url('fonts/Roboto-Bold.ttf') format('truetype'),
        url('fonts/Roboto-Bold.svg#Roboto') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src:  url('fonts/Roboto-Bold.eot');
  src:  url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff'),
        url('fonts/Roboto-Bold.ttf') format('truetype'),
        url('fonts/Roboto-Bold.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-BoldItalic.eot');
  src:  url('fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('fonts/Roboto-BoldItalic.woff') format('woff'),
        url('fonts/Roboto-BoldItalic.ttf') format('truetype'),
        url('fonts/Roboto-BoldItalic.svg#Roboto') format('svg');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto-BoldItalic';
  src:  url('fonts/Roboto-BoldItalic.eot');
  src:  url('fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('fonts/Roboto-BoldItalic.woff') format('woff'),
        url('fonts/Roboto-BoldItalic.ttf') format('truetype'),
        url('fonts/Roboto-BoldItalic.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-Black.eot');
  src:  url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Black.woff2') format('woff2'),
        url('fonts/Roboto-Black.woff') format('woff'),
        url('fonts/Roboto-Black.ttf') format('truetype'),
        url('fonts/Roboto-Black.svg#Roboto') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Black';
  src:  url('fonts/Roboto-Black.eot');
  src:  url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Black.woff2') format('woff2'),
        url('fonts/Roboto-Black.woff') format('woff'),
        url('fonts/Roboto-Black.ttf') format('truetype'),
        url('fonts/Roboto-Black.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  src:  url('fonts/Roboto-BlackItalic.eot');
  src:  url('fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('fonts/Roboto-BlackItalic.woff') format('woff'),
        url('fonts/Roboto-BlackItalic.ttf') format('truetype'),
        url('fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Roboto-BlackItalic';
  src:  url('fonts/Roboto-BlackItalic.eot');
  src:  url('fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('fonts/Roboto-BlackItalic.woff') format('woff'),
        url('fonts/Roboto-BlackItalic.ttf') format('truetype'),
        url('fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
}


@font-face {
    font-family: 'Tangerine-Bold';
    src:  url('fonts/Tangerine-Bold.eot');
    src: local('Tangerine Bold'), local('Tangerine-Regular'),
  		url('fonts/Tangerine-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Tangerine-Bold.woff2') format('woff2'),
        url('fonts/Tangerine-Bold.woff') format('woff'),
        url('fonts/Tangerine-Bold.ttf') format('truetype');
          url('fonts/Tangerine-Bold.eot') format('woff'),

    font-weight: 700;
    font-style: normal;
  }

@font-face {
    font-family: 'Tangerine-Regular';
    src:  url('fonts/Tangerine-Regular.eot');
    src: local('Tangerine Regular'), local('Tangerine-Regular'),
  		url('fonts/Tangerine-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Tangerine-Regular.woff2') format('woff2'),
        url('fonts/Tangerine-Regular.woff') format('woff'),
        url('fonts/Tangerine-Regular.ttf') format('truetype');
   url('fonts/Tangerine-Regular.eot') format('truetype');
    font-weight: 400;
    font-style: normal;
  }