form#user-login { margin-top: 30%; }

div#news-blog { font-family: 'Arial', sans-serif; font-size: 13px; line-height: 17px; padding-bottom: 5px; border-bottom: solid 1px #333; }

div#news-blog div.views-row { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #333; }

div#news-blog h3 { font-family: 'Source Sans Pro', sans-serif; text-decoration: none; color: #000; background-color: red; line-height: normal; margin-top: -20px;padding: 4px 5px; }

div#news-blog img, div.embedded-video { margin-top: 15px; margin-bottom: 15px; }

div#worldmap {  position: relative; padding-top: 30px; }

div#mapheart { position: absolute; top: 32%; left: 39%; width: 0px; max-width: 0px; overflow: hidden; height: 18px; background-image: url(images/transparent.gif); /* background-image: url(images/x.jpg);  */
    padding-left: 18px; }

div#mapheart:hover { color: #fbc84f !important; cursor: pointer; font-size: 12px; max-width: 200px; padding-left: 20px; text-shadow: 0 1px 2px #ffffff; width: auto; }

div#mapheart a { font-family: 'Source Sans Pro', sans-serif; text-decoration: none; text-transform: uppercase; color: #fff;    background: #FF0000; padding: 2px; }

div#mapheart a:hover { color: #fff; }

div#mapheart a:active { color: #fff;     font-size: 12px; }

video { width: 100%; }

div.maphearts { position: relative; width: 30%; top: 0px; height: auto;float:left }

#cboxLoadedContent div#maphearts { position: relative; width: 100%; top: 0px; height: auto;float:left }
div.news_block{float:right; width: 68%; padding:5px; padding-top: 0;    margin-top: 0;}
div#col-logo { width: 100%; height: 200px; }



body.rio-page div#col-logo, div#col-logo.page-rio { background-image: url(images/Logo_Rio.jpg); }

body.berlin-page div#col-logo, div#col-logo.page-berlin { background-image: url(images/Logo_Berlin.jpg); }

ul.menu { list-style:none; padding: 0; margin: 0; }

ul.menu li { float: left; margin-right: 10px; padding: 0 5px; }

ul.menu ul.menu { display: none; list-style: none; }

ul.menu ul.menu li { clear: both; }

div.prev-wrap { background-color:transparent; line-height: 0; position: relative; margin-bottom: 12px; cursor: pointer; }

#footer-wrap .grid-33 { float: right; width: 38%; }

div.prev-wrap a { text-decoration: none; color: #FFFFFF; }

/* COLORCODES */
/* FILM */
div.prev-film:hover { background-color:#CCCCCC; }

div.prev-film-hover { background-color:#CCCCCC; }

div.slidePrev-film-hover { background-color:#CCCCCC; }

/* MOVEMENT */
div.prev-movementsponsors:hover, div.prev-movementactions:hover, div.prev-movementcontests:hover { background-color:#333333; }

div.prev-movementsponsors-hover, div.prev-movementactions-hover, div.prev-movementcontests-hover { background-color:#333333; }

div.slidePrev-movementsponsors-hover, div.slidePrev-movementactions-hover, div.slidePrev-movementcontests-hover { background-color:#333333; }

/* AGENDA */
div.prev-agenda:hover { background-color:#9999CC; }

div.prev-agenda-hover { background-color:#9999CC; }

div.slidePrev-agenda-hover { background-color:#9999CC; }

/* BLOG */
div.prev-blogproducer:hover, div.prev-blogcolumnists:hover { background-color:#CC9966; }

div.prev-blogproducer-hover, div.prev-blogcolumnists-hover { background-color:#CC9966; }

div.slidePrev-blogproducer-hover, div.slidePrev-blogcolumnists-hover { background-color:#CC9966; }

/* CITY */
div.prev-citystories:hover { background-color:#FFFFFF; }

div.prev-citystories-hover { background-color:#FFFFFF; }

div.slidePrev-citystories-hover { background-color:#FFFFFF; }

div.prev-citylove:hover { background-color:#FF6666; }

div.prev-citylove-hover { background-color:#FF6666; }

div.slidePrev-citylove-hover { background-color:#FF6666; }

div.prev-cityeducation:hover { background-color:#66CCCC; }

div.prev-cityeducation-hover { background-color:#66CCCC; }

div.slidePrev-cityeducation-hover { background-color:#66CCCC; }

div.prev-citysustainable:hover { background-color:#99cc99; }

div.prev-citysustainable-hover { background-color:#99cc99; }

div.slidePrev-citysustainable-hover { background-color:#99cc99; }

/* CONTENT */
div.prev-contentvideos:hover, div.prev-contentphotos:hover { background-color:#FFFF99; }

div.prev-contentvideos-hover, div.prev-contentphotos-hover { background-color:#FFFF99; }

div.slidePrev-contentvideos-hover, div.slidePrev-contentphotos-hover { background-color:#FFFF99; }

div.prev-wrap:hover img { opacity: 0.3; }

div.prev-wrap-hover img { opacity: 0.3; }

div.prev-teaser { position: absolute; opacity: 0; line-height: 20px; padding: 10px; overflow: hidden; }

div.prev-movementsponsors div.prev-teaser, div.prev-movementsponsors a { color: #FFFFFF; }

div.cat-teaser { top: 10px; }

div.title-teaser { top: 30px; }

div.body-teaser { top: 50px; }

div.prev-wrap:hover div.prev-teaser { opacity: 1.0; }

div#col-preview div img { width: 100%; height: auto;    margin: 20px 0; }

div.marginTop1 { height: 80px; }

div.marginTop2 { height: 120px; }

div.prev-wrap:nth-child(2n+1) div.img-col2-desktop { width: 90%; }

/* MENU */

div.block-menu { border-bottom: 1px solid #000000; font-family: "Source Sans Pro", sans-serif; font-size: 18px; letter-spacing: 1px; margin-top: 0; padding: 0 0 8px; position: absolute; right: 0; text-transform: uppercase; top: 97px; }

.menu__item .white { display:none; }

div.block-menu span.white { color: #FFFFFF; }

div.block-menu span.black { color: #000000; display:none; }

a.menu__link { text-decoration: none; color: #000000; }

ul.menu li:hover ul { margin-top: 3px; display: block; width: 5px; white-space: nowrap; text-transform:none; letter-spacing: 0px; }

ul.menu li li { height: 18px; }

/* FOOTER */
div#footer-wrap { font-family: 'EB Garamond', serif; min-height: 50px; width: 100%; /* background-color: #FFFFFF;
	opacity: 0.8; */
	position: fixed; bottom: 0; background: rgba(255,255,255, 0.8); padding-top: 5px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }

div#footer-wrap a, div#block-views-sponsors-block a { color: #000; text-decoration: none; }

div#footer-wrap a:hover, div#block-views-sponsors-block a:hover { text-decoration: underline; }

div#block-views-sponsors-block ul { list-style:none; padding: 0; margin: 0; }

div#block-views-sponsors-block li { float: left; }

div#block-views-sponsors-block img { height: auto; width: 80%; }

div#about-div, div#sponsors-div, div#contact-div, div#impressum-div { clear: both; font-family: 'EB Garamond', serif; }

div#footer-wrap div { /*padding: 0; */
}

.block.block-views.last.odd { float: left; margin-left: 10px; width: 30%; }

.block.block-views.even { float: left; width: auto; }


div#footer-wrap span { float: left; font-family: arial; font-size: 18px; line-height: 20px; margin-right: 10px; text-align: right; width: 25%; }

.player { background: #eae8e8 none repeat scroll 0 0; padding: 8px; }

div.footer-socialMediaLink { height: 38px; width: 40px; background-repeat:no-repeat; background-image: url(images/social_media_icons.png); cursor: pointer; }

div#footer-facebook { background-position: 0px 0px; }

div#footer-facebook:hover { background-position: 0px -38px; }

div#footer-twitter { background-position: -42px 0px; }

div#footer-twitter:hover { background-position: -42px -38px; }

div#footer-instagram { background-position: -84px 0px; }

div#footer-instagram:hover { background-position: -84px -38px; }

div#footer-vimeo { background-position: -126px 0px; }

div#footer-vimeo:hover { background-position: -126px -38px; }

div#footer-linkedIn { background-position: -168px 0px; }

div#footer-linkedIn:hover { background-position: -168px -38px; }

/* FORWARD PAGE */
div#hidden-wrap { margin: 0; padding: 0; height: 20px; width: 100%; position: absolute; top: 0; }

div#forward-div { margin-top: 0px; padding: 6px 6px 0px 6px; float:right; height: 20px; }

div#forward-div:hover { width:100%; height: auto; }

div#forward-div div#sharebutton { background-image: url("images/Herz_Share-Icon_1.png"); cursor: pointer; float: right; height: 45px; left: 23em; margin-right: -6px; position: relative; top: 45px; width: 75px; }

div#forward-form-wrap { background-color: #efefef; border: 1px solid #cccccc; color: #333333; display: none; font-family: "Source Sans Pro", sans-serif; height: 300px; letter-spacing: 1px; margin-left: 6px; margin-right: 0; margin-top: 0; position: relative; right: -298px; text-transform: uppercase; }

div#forward-form-wrap h2 { margin: 0; margin-bottom: 4px; font-size: 15px; letter-spacing: 2px; font-weight: 600; }

.form-textarea-wrapper.resizable.textarea-processed.resizable-textarea {
    width: 240px;
}
div#block-forward-form input { width: 235px; font-size: 10px; border: 0px solid; margin-bottom: 3px; background-color: #fff; }

div#forward-form-wrap label, div#forward-form-wrap input.form-submit { height: 18px; margin: 0; font-size: 13px; letter-spacing: 1px; font-weight: 400; }

div#share-form input.form-submit:active { color: red; border: 0px solid transparent; }

div#share-form div, div#share-form a { font-size: 10px; line-height: 12px; font-weight: 400; }

div#share-form a { text-decoration: underline; }

div#share-form div.label { padding-top: 50px; }

div#share-form div.share-icons { padding-top: 20px; }

div#share-form div.widgets { margin-right: 2px; }

ul.menu li:hover { background: #000000 none repeat scroll 0 0; color: #ffffff; }

ul.menu li:hover a { color:#fff; }

div#forward-form-wrap input.form-submit { background: #666 none repeat scroll 0 0; color: #fff; float: left; font-size: 12px; height: 20px; margin: 4px 0; text-align: center; text-transform: uppercase; width: auto; cursor:pointer; }

div#forward-div:hover div#forward-form-wrap, div#forward-div:hover div#block-forward-form { display: block; }

div#forward-form { float: left; background-color: yellow; maring: 0; padding: 15px; width: 140px; background-color: transparent; maring: 0; }

div#block-forward-form div#edit-instructions { display: none; }

body { margin: 0;  padding: 0 0 70px; background: #fff none repeat scroll 0 0; }

p { text-align: justify; }

div#block-forward-form { display: none; }

div#overlay-wrap { position: fixed; height: 1000%; width: 100%; top: 0; left: 0; background: rgba(00,00,00, 0.8); }

div#overlay-content { top: 150px; background-color: white; color: #000; margin-top: 150px; }

body.iFrame div.block { padding: 20px; }

div#closeIframe { text-align: right; cursor: pointer; }

div#closeIframe:hover { text-decoration: underline; }

div.attachment { display: none; }

div.prev-teaser { font-family: 'Source Sans Pro', sans-serif; letter-spacing: 1px; left: 10px; color: white; position: absolute; padding-right: 10px; }

div.cat-teaser { letter-spacing: 1px; font-size: 13px; top: 30px; text-transform: uppercase; font-weight: 600; }

div.title-teaser { letter-spacing: 1px; font-size: 18px; top: 60px; }

div.body-teaser { letter-spacing: 0px; font-size: 15px; top: 90px; line-height: 18px; }

div.slide { font-family: 'Source Sans Pro', sans-serif; left: 10px; color: white; position: absolute; padding-right: 10px; }

div.slide a { color: white; }

div.slideCat { letter-spacing: 1px; font-size: 13px; top: 260px; text-transform: uppercase; font-weight: 600; }

div.slideTitle { letter-spacing: 1px; font-size: 18px; top: 290px; }

div.slideBody { letter-spacing: 0px; font-size: 15px; top: 310px; line-height: 18px; }

div#footer-wrap a.footer-socialMediaLink { float: left; margin-right: 2px; color: transparent; }

div#footer-wrap a.footer-socialMediaLink:hover { color: transparent; }

div#newsletter { margin-top: -2px; }

div#newsletter div.region, div#newsletter div.block { width: 100%; }

div#newsletter form.simplenews-subscribe div { width: 100%; height: 25px; }

div#newsletter form.simplenews-subscribe div.form-item { width: 70%; padding: 0; float:left; }

div#newsletter label { display: none; }

div#newsletter input, span#newsletter div { float: left; background-color: #000; color: #FFF; border: 0px; margin: 0px; }

div#newsletter input { font-family: 'EB Garamond', serif; font-size: 12px; letter-spacing: 1px; height: 20px; width: 30%; color: #FFFFFF; cursor: pointer; }

div#newsletter input#edit-mail { width: 100%; padding: 0; margin: 0; }
 body.iframe, {
 padding: 0px 50px 0px 50px;
}

div#main-div { margin-bottom: 150px; clear: both; }

body.iframe h2, div.region-main h2 { background: #eae8e8 none repeat scroll 0 0; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-style: normal; letter-spacing: 1px; padding-bottom: 5px; padding-left: 10px; padding-top: 5px; text-transform: uppercase; width: 10%; color:#666; }

body.iframe h2, div.region-main .last h2 { background: #eae8e8 none repeat scroll 0 0; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-style: normal; letter-spacing: 1px; padding-bottom: 5px; padding-left: 8px; padding-top: 5px; text-transform: uppercase; width: 15%; color:#666; }

.display_none1 #block-views-home-video-block-2 { display: none; }
.display_none2 #block-views-home-video-block-4 { display: none; }

body.iframe h3, div.region-main h3 {   background: rgb(255, 0, 0) none repeat scroll 0 0;
    color: rgb(255, 255, 255);
    font-family: "Source Sans Pro",sans-serif;
    letter-spacing: 1px;
    margin-bottom: 5px;
    padding: 4px 5px;
	font-size: 16px;
    text-transform: uppercase; }
p:empty , h3:empty , h2:empty   {
  display: none;
}
body.iframe p, div.region-main p, div.region-main label, #col-preview .field-name-title-field, #col-preview .field-name-field-date, #body_content {  
    font-family: "Arial",sans-serif;
    font-size: 13px;
    
    line-height: 17px;
    margin-top: 7px;
  }
 #body_content{padding:0 10px;}
div#block-contact-form-blocks-0 { padding: 8px; width: 60%; }

div#block-contact-form-blocks-0 textarea, div#block-contact-form-blocks-0 input { margin-bottom: 10px; }

div#closeIframe { background-image: url(images/x.jpg); width: 11px; height: 13px; float:right; margin: 11px 5px 0px 0px; }

div#slidePanel { top: 215px; width: 100%; position: relative; }

div#slidePanel div { width: 9px; height: 9px; cursor: pointer; float: right; margin-left: 8px; opacity: 0.8; }

div#slidePanel div.on { background-image: url(images/on.png); }

div#slidePanel div.off { background-image: url(images/off.png); }

div#slidePanel div.dot_gray { background-image: url(images/black_circle.png); /*	background-image: url(images/dot_gray.png); */
	opacity: 0.3; }

div#slidePanel div.dot_black { background-image: url(images/black_circle.png); }

.view-id-press_blog2 .view-content .views-row, .view-id-press_blog2 .view-content, .view-id-events .view-content { float: left; width: 100%; font-family:"Source Sans Pro", sans-serif; }

.view-id-press_blog2 .item-list, .view-id-events li { float:left }

.views-field-created .field-content { font-family: "Source Sans Pro", sans-serif; font-weight:normal; font-size:14px; padding-bottom:5px; }

.views-field.views-field-field-event-picture, .views-field.views-field-field-news-picture2 { border-bottom: 1px solid #000; margin-bottom: 20px; padding-bottom: 15px; }

.views-field.views-field-title, .node-type-video-blog .field-name-title-field, .node-type-video-blog .field-name-field-date { padding: 10px 5px;   background: rgb(255, 0, 0) none repeat scroll 0 0; }

.view-events .views-row .views-field-title, 
.node-type-video-blog .view-content #col-preview .field-name-title-field,
.view-press-blog2 .views-row .views-field-title
{padding: 4px  5px;   background: rgb(255, 0, 0) none repeat scroll 0 0; float:left; width: 75%; margin: 0 0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-family: "Source Sans Pro", sans-serif; font-size: 16px;letter-spacing: 1px;font-weight: 600; color:#fff; line-height: normal;}

.view-events .views-row .views-field-field-date,
.node-type-video-blog .view-content #col-preview .field-name-field-date,
.view-press-blog2 .views-row .views-field-field-date
{padding: 4px  5px;   background: rgb(255, 0, 0) none repeat scroll 0 0; float:right;  text-align: right;width: 25%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-family: "Source Sans Pro", sans-serif; font-size: 16px;letter-spacing: 1px;font-weight: 600;color:#fff; margin: 0; line-height: normal;}

.view-events .views-row .views-field-body, .view-press-blog2 .views-row .views-field-body{clear:both;}

.view-events .views-row .views-field-title a, .view-press-blog2 .views-row .views-field-title a, .view-news-blog .views-row h3 a{ text-decoration:none;color:#fff;}
        
.view-events .views-row .views-field-title a:hover, .view-press-blog2 .views-row .views-field-title a:hover, .view-news-blog .views-row h3 a:hover{text-decoration: underline;}


.node-type-video-blog .field-name-title-field{float: left;}
.node-type-video-blog .field-name-field-date{float: right;}
.node-type-video-blog .field-name-title-field{width: 820px;}
.node-type-video-blog .region-main{ float: left; margin-top: 30px; width: 100%;}
.region-main #block-views-home-video-block, .region-main #block-views-home-video-block-2  {width: 740px;float: left;}

#block-views-home-video-block-4, #block-views-home-video-block-5{width:76%}
#block-views-home-video-block-4 .block__title.block-title, #block-views-home-video-block-5 .block__title.block-title{width:11%}
#block-views-home-video-block-3 .block__title.block-title{width:61%}
#block-views-home-video-block-3{width:22%;float: right;}

#block-views-home-video-block-3 .view-id-home_video{ float: left; margin-top: -12px; margin-left: -3px;}


#block-views-home-video-block-1 {width: 218px;float: right;}

#block-views-home-video-block-1 .field-content img{margin: 0;width: 100%;}

#block-views-home-video-block-1 h2{ display: inline-block;padding-right: 20px;width: auto;}

#block-views-home-video-block-1 .views-row{margin-bottom:5px;}

.view-home-video .player iframe{ height: 385px;width: 100%;}
#block-views-home-video-block-3 .views-field-field-news-vimeo img{width: 150px; height:auto;}

.view-events .views-row .views-field-field-news-picture img{max-width: 100%;width: auto;} 

.view-events .views-row .views-field-field-news-vimeo .player iframe{ height: 540px;width: 100%;}

.view-news-blog .views-row .embedded-video .player iframe{ height: 540px;width: 100%;}

.view-press-blog2 .views-row .views-field-field-news-vimeo .embedded-video .player iframe{ height: 540px;width: 100%;}

.view-press-blog2 .views-row .views-field-field-news-picture .field-content img {margin:0; width: auto;}

.view-events .views-row, .view-press-blog2 .views-row, .view-news-blog .views-row {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.description {
    display: none;
}
.views-field.views-field-field-date {
    float: right;
    text-align: right;
    width: 50%;
	 padding: 5px 0;
	 width: 30%;
}

.form-item.form-type-item {
    width: 233px;
	 font-size: 12px;
}

#forward-form-wrap #forward-form #edit-page, #forward-form-wrap #forward-form #edit-subject, #forward-form-wrap #forward-form #edit-body{display:none;}


/*************************************/


#views-exposed-form-events-page .views-exposed-form .views-exposed-widget, #views-exposed-form-news-blog-page .views-exposed-form .views-exposed-widget, #views-exposed-form-press-blog2-page .views-exposed-form .views-exposed-widget {
  padding: 2.5em 0 2em;
  margin: 6px 96px -15px 0;
}

#news-blog .views-row .grid-100 .date-display-single { 
color: #fff;
float: right;
font-family: "Source Sans Pro",sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
line-height: normal;
margin: 0 0 -14px;
padding: 4px 5px;
position: relative;
top: 0;
}


.region-main .view-filters .views-exposed-form .views-exposed-widget {margin: 0 2% 0 0 !important;width: 32%;}

.region-main .view-filters .views-exposed-form .views-exposed-widget.views-submit-button{display:none;}

.region-main .view-filters .views-exposed-form .views-exposed-widget#edit-field-brand-tid-wrapper{margin-right: 0 !important; }

.region-main .view-filters .views-exposed-form .views-exposed-widget select {border: 1px solid #aaa;border-radius: 3px;padding: 5px;width: 100%;}

#views-exposed-form-content-list-page .views-exposed-form .views-exposed-widget {
padding: 2.5em 0 2em;}

.region-main .view-content-list .view-filters .views-exposed-form .views-exposed-widget {
  margin: 0 2% 0 0 !important;
  width: 23.5%;
}

.region-main .view-content-list .view-filters .views-exposed-form .views-exposed-widget#edit-field-brand-tid-wrapper{margin-right: 0 !important; }

.view-content-list .view-content table{border-collapse: collapse;border: 1px solid #bebfb9;}

.view-content-list .view-content tr.even{background: #f3f4ee;}

.view-content-list .view-content tr td, .view-content-list .view-content tr th {background: transparent none repeat scroll 0 0;color: #000;font-size: 14px;font-weight: normal;padding: 10px;vertical-align: top;}

.view-content-list .view-content tr th{background: #e1e2dc;border-bottom: 1px solid #bebfb9;}

.view-content-list .view-content tr td.views-field-edit-node, .view-content-list .view-content tr th.views-field-edit-node{ border-right: 0;}

.view-content-list .view-content tr.views-row-last td{border-bottom: 0;}

.view-content-list .view-content tr td a{color: red; text-decoration:none;}

.view-content-list .view-content tr .views-field-timestamp{display:none;}

.news_block .views-field.views-field-title{background:none}
.news_block .views-field.views-field-field-images{float: left; margin-right: 10px;}
.news_block .views-field.views-field-body p{margin-top: 0;}
.news_block .pager li{float:left; margin-right: 5px;}
.news_block ul.pager{    list-style-type: none;}
.news_block .views-field-title a{text-decoration: none; font-weight: bold; color: #000; text-transform: capitalize;}
.news_block .block__title.block-title{ width: auto; margin: 0; float: left; /* clear: both; */ padding: 5px;}
.news_block .view-content table{ width:100%}
.maphearts .block__title.block-title{width:42%;margin-bottom: 6px; margin-top: 0;}
#maphearts img{width:100%}
#cboxLoadedContent #maphearts img{width:960px; height: 619px;}
#cboxLoadedContent .block__title.block-title{margin:0;     background: #eae8e8 none repeat scroll 0 0; font-family: "Source Sans Pro", sans-serif;  font-size: 16px; font-style: normal; letter-spacing: 1px; padding-bottom: 5px; padding-left: 10px;
    padding-top: 5px; text-transform: uppercase;width: 26%; color: #666;}
/* .maphearts img, .news_block ,.field-content {margin-top:10px} */

.front div.region-main h3{background:none}
.display_none{display:none;}
.views-field-body-1 .inline_body.cboxElement{text-decoration:none; color: #000;}
.front.display_none{display:block}

#block-views-home-video-block-3 .views-field-field-news-picture img{width:100px; height:122px;}

#block-views-home-video-block-3 .views-field-tooltip-field-field-news-picture{ position: relative;}
#block-views-home-video-block-3 .views-field-tooltip-field-field-news-picture .views-field-tooltip-icon{ position: absolute; left: 0; top: 0;height: auto; width: auto;}
.maphearts h2, .news_block h2{background-color:#FF0000 !important; color:#fff !important}