@import url("https://myfavorito-public.s3.amazonaws.com/webclient/fonts/font-roboto.css");

.sf-master.sf-master-admin {font-size:14px;}
.text-center {text-align: center;}
.img-center {margin:0 auto;}
.sf-nav-main-mode { padding-top:0; }
.container .container { padding:0; }

:root {
  --myf_green: #ced619;
  --myf_grey: #36464c;
  --myf_orange: #ee781d;
  --myf_teal: #2effbf;
  --myf_charcoal: #1f2126;
  --myf_newgrey: #f2f2f2;
}

.max-850 {
	width: 100%;
	max-width:850px;
}

.flex {
 	display: flex;	
}
.flex.flex--center {
	align-items: center;
}
.flex.flex--stretch {
	align-items: stretch;
}
.bkg-light-grey {
   	background-color:#f2f2f2;
}

/* 
 *        T O P B A Rm
 */

	.navbar-default {
		border: 0 none;
		background: transparent;
		margin-bottom:10px;
	}
	.navigation-wrapper {
		padding-top:6px;
		min-height:67px;
	}
	.topbar { background:transparent; border-bottom:1px solid #fff; color:#fff; font-family: 'Roboto', Arial, Verdana, sans-serif; height:38px; }
	
	.topbar .container {
		height: 100%;
	}
	
	.topbar .row {
	    height: 100%;
	    display: flex;
	    align-content: stretch;
	}
	
	.topbar .contact-wrapper {
	    height: 100%;
	    display: flex;
	    align-items: center;
	    margin: 0;
	}

    .topbar #sfsApplications {
        height: 100%;
        margin: 0 20px 0 0;
        padding: 0;
    }

    .topbar #sfsApplicationList {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .topbar #myf_registration_open_modal {
        margin-top: 0;
    }
    
    .topbar #languageDropdown {
    	position: relative;
    	margin-left: 12px;
    }
    
    #languageDropdown > a {
    	display: flex;
    	align-items: center;
    	position: relative;	
    	margin-left: 0;
    }
    
    #languageDropdown .sf-dropdown-content {
    	z-index: 10101;
    	top: 100%;
    	margin-left: 0;
    }
    
    .topbar #languageDropdown i {
    	font-size: 1.6em;
    	color: #2effbf;
    }
    
    .topbar #languageDropdown .sf-dropdown-content li {
    	display: flex;
    }
    
    .topbar #languageDropdown .sf-dropdown-content li a {
	    color: #1f2126;
		padding: 8px 12px;
		display: flex;
		align-items: center;
		width: 100%;
    }
    
    .topbar #languageDropdown .sf-dropdown-content li a:hover {
    	background-color: #2effbf;
    } 
    
    .topbar #languageDropdown .sf-dropdown-content li a img {
    	margin-right: 9px;
    }
    
	.notify-row {
		float: right;
		margin-top: 10px;
		margin-left: 20px;
	}
	.topbar span.phone a:link, .topbar span.phone a:hover, .topbar span.email a:link, .topbar span.email a:hover {
		color: #fff;
		font-family: 'Roboto', Arial, Verdana, sans-serif;
		font-size: 13px;
		font-weight: 500;
		background: none;
	}
	.topbar span.phone a:link, .topbar span.phone a:hover, .topbar span.email a:link, .topbar span.email a:hover, .topbar span .glyphicon, .navbar-default .navbar-nav > li > a {
		color:#fff;
	}
	.topbar span.phone,
	.topbar span.email { font-family: 'Roboto', Arial, Verdana, sans-serif; font-weight:300; font-size:12px; padding:0 0 0 6px; margin:0 20px 0 0;}
	
	.topbar_old span.phone { background:url('https://myfavorito-public.s3.amazonaws.com/webclient/customer/myfavorito/icon-phone.png') left center no-repeat }
	.topbar_old span.email { background:url('https://myfavorito-public.s3.amazonaws.com/webclient/customer/myfavorito/icon-email.png') left center no-repeat }
	
	.topbar span.phone a:link,
	.topbar span.phone a:hover,
	.topbar span.email a:link,
	.topbar span.email a:hover{ text-decoration:none; color:#fff; }

	.contactWrapper, .contact-wrapper { margin-top:7px; }
	
	.contact-wrapper .glyphicon::before {
		margin-left:0;
		margin-right:10px;
	}
	.socialWrapper { 
		margin-top:7px; 
		text-align:right;
		float:right;
	}
	.socialWrapper a {
		width:20px;
		display:inline-block;
		margin-right:5px;
		text-align:center;
		color:#fff !important;
	}
	.social-wrapper a:link,
	.social-wrapper a:hover,
	.social-wrapper a:active,
	.social-wrapper a:visited {
		text-decoration:none;
	}
	.social-wrapper a:last-child {
		margin-right:0;
	}
	
	.header__socialMedia {
		display: flex;
		justify-content: end;
		margin-top: 7px;
		text-align: right;
		float: right;
		align-items: center;
	}
	
	.header__socialMedia img {
		height: 24px;
		width: auto;
		margin: 0 2px;
	}
	a.btn-guest {
		background-color: #333;
		color: #fff;
		border: 0 none;
		padding: 0.5em 1.2em;
	}
	.topbar .naviText a {color:#fff;text-decoration:none;}
	
	#sfsApplications
	{
        text-align:right;
        padding:0.6em 0;
        margin-bottom:-2px;
        margin-top:2px;
        margin-right:20px;
	}
	#sfsApplications > ul
	{
        margin:0em;
        padding:0em;
	}
	#sfsApplications > ul > li
	{
        list-style:none;
        display:inline;
        margin:0em;
        padding:0em;
	}
	#sfsApplications > ul > li > a
	{
        padding:0.2em 0em 0.5em 1em;
        padding:4px 10px;
        color:#fff;
        text-decoration:none;
        border-radius:8px;
        font-size:12px;
        margin: 0;
        display:block;
        float:left;
        background-color:transparent;
	}
	#sfsApplications > ul > li > a .lang_icon {
		margin-top:-3px;
	}
	ul.notify-menu > li.lang_mobile_li {
		margin-top:1em;
	}
	ul.notify-menu > li.lang_mobile_li > a {
		background-color:transparent;
	}
	#sfsApplications .dropdown-menu > li > a {
        color:#1f2126;
	}
	#sfsApplications > ul > li > a.dropdown-toggle,
	#sfsApplications > ul > li > a.link-register, 
	#imageSliderWrapper .mainHeadline {
		background-color:#2effbf;
		color: #1f2126;
	}
	.topbar #sfsApplications .dropdown-menu {
		z-index:20000;
		left: -138px;
		top:22px;
	}
	#sfsApplications ul li.dropdown-header {
		display:none;
	}
	.sf-dropdown-hover.myf-dropdown-languages {
		position:relative;
	}
	.sf-dropdown-hover.myf-dropdown-languages>a:focus+.sf-dropdown-content,
	.sf-dropdown-hover.myf-dropdown-languages>a:hover+.sf-dropdown-content,
	.sf-dropdown-hover.myf-dropdown-languages .sf-dropdown-content:hover,
	.sf-dropdown-hover.myf-dropdown-languages:hover+.sf-dropdown-content{
		left: -16px;
		top: 16px;
		z-index: 10101;
	}
	.sf-dropdown-hover.myf-dropdown-languages .sf-dropdown-content ul li{
		text-align:left;
	}
	#sfsApplications .sf-dropdown-hover.myf-dropdown-languages ul li a:active,
	#sfsApplications .sf-dropdown-hover.myf-dropdown-languages ul li a:visited,
	#sfsApplications .sf-dropdown-hover.myf-dropdown-languages ul li a:link {
		color:#333;
	}
	#sfsApplications .sf-dropdown-hover.myf-dropdown-languages ul li a:hover {
		background-color:#2effbf;
		color:#fff;
	}
	#sfsApplications ul li.sf-dropdown-hover.myf-dropdown-languages a {
		padding: 0.2em 0em 0.5em 1em;
		display: block;
	}
	#sfsApplications ul li.sf-dropdown-hover {
		
	}
		
	.app-search-toggle-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 0;
		height: 48px;
	}
	
	a.app-search-toggle-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		background-color: #2effbf;
		color: #fff;
		font-size: 18px;
		height: 35px;
		width:35px;
	}
	
	a.app-search-toggle-btn:link,
	a.app-search-toggle-btn:active,
	a.app-search-toggle-btn:visited {
		color: #fff;
	}
	
	a.app-search-toggle-btn:hover {
		color: #1f2126;
		text-decoration: none;
	}
	

	#marketplace-action-code #actioncode {
		font-size:14px;
	}
	.marketplace-activity-panel {
		background-color: #fff;
		box-shadow: #e6e5e5 3px 5px 5px;
		padding: 15px;
		font-size: 18px;
		min-height: 117px;
	}
	#marketplace-latest-activities ul.slides li {
		margin-right: 15px;
	}
	#marketplace-action-code #action-code-bar #actioncode,
	#marketplace-action-code #marketplace-header-form-top .form-control {
		font-size:14px;
		text-transform:uppercase;
	}
	
	#marketplace-action-code #action-code-bar .myf-marketplace-regions #select-area-selection,
	#community-promotion-category-selection {
		border-radius: 6px;
		height: 46px;
		padding-right: 2.5em;
		font-size: 14px;
		background-color: #fff;
		text-align: left;
		padding-left: 1em;
		text-transform: uppercase;
		border:1px solid rgba(54,70,76,0.2);
	}
	.custom-selector.glyphicon.select-area-wrap.glyph-correct {
		width: 100%;
	}
	#marketplace-action-code #action-code-bar .myf-marketplace-regions .custom-selector::after {
		top: 0;
		background-color: #1f2126;
		color: #fff;
		right: 0;
		padding: 16px;
		border-radius: 0 6px 6px 0;
		content: "\e114";
		font-family: "Glyphicons Halflings";
		font-size: 0.9em;
		font-weight: 400;
		font-style: normal;
	}
	#marketplace-action-code .select2-container .select2-selection--single .select2-selection__rendered {
		padding-left:0;
		margin-left:-3px;
	}
	
	#marketplace-action-code .simplebar-content {
		overflow-x:hidden;
	}
	#marketplace-action-code {
		margin:0;
	}
	.row #marketplace-action-code {
		margin:0;
	}
	/* NOTIFICATION .... */
	/* ------------------------------------ */
		
	.notify-row {
	    float:right;
	    margin-top:10px;
	    margin-left:20px;
	}
	
	ul.notify-menu > li > a {
	    color:#666666;
	    font-size:16px;
	    background:#f6f6f6;
	    padding:4px 8px;
	    margin-right:15px;
	    border-radius:50%;
	    -webkit-border-radius:50%;
	    padding-right:8px !important;
	}
	ul.notify-menu > li > a.active-notifications {
		background:#2effbf;
		color:#333;
	}
	ul.notify-menu > li > a:focus {
		background:#f6f6f6;
	}
	ul.notify-menu>li>a:hover {
	    background:#f6f6f6;
	    text-decoration:none;
	    color:#666;
	    padding-right:8px !important;
	}
	.nav.notify-menu .open>a, 
	.nav.notify-menu .open>a:focus, 
	.nav.notify-menu .open>a:hover {
		background:#f6f6f6;
		background-color:#f6f6f6;
	}
	
	.notify-row .badge {
	    position:absolute;
	    right:-8px;
	    top:-8px;
	    z-index:100;
	}
	.notify-row .badge.bg-warning {
		background:#fa3e3e;
	}
	
	.notify-menu .dropdown-menu:after,
	.notify-menu .dropdown-menu:before {
	    bottom:100%;
	    left:9%;
	    border:solid transparent;
	    content:" ";
	    height:0;
	    width:0;
	    position:absolute;
	    pointer-events:none;
	}
	.notify-menu .dropdown-menu:after {
	    border-color:rgba(255,255,255,0);
	    border-bottom-color:#ffffff;
	    border-width:7px;
	    margin-left:-7px;
	}
	.notify-menu .dropdown-menu:before {
	    border-color:rgba(238,238,238,0);
	    border-bottom-color:#eeeeee;
	    border-width:8px;
	    margin-left:-8px;
	}
	.dropdown-menu.extended {
	    max-width:320px !important;
	    min-width:160px !important;
	    top:42px;
	    width:300px !important;
	    padding:0 10px;
	    box-shadow:0 0px 5px rgba(0,0,0,0.1) !important;
	    border-radius:5px;
	    -webkit-border-radius:5px;
	    background:#fff;
	    border:none;
	    left:-10px;
	}
	.notify-row .notification span.label {
	    display:inline-block;
	    height:21px;
	    padding:5px;
	    width:22px;
	    font-size:12px;
	    margin-right:10px;
	}
	
	.dropdown-menu.extended .alert-icon,.noti-info {
	    float:left;
	}
	
	.dropdown-menu .notification-wrapper li > a {
	  display: block;
	  padding: 3px 20px;
	  clear: both;
	  font-weight: normal;
	  line-height: 1.42857143;
	  color: #333;
	  white-space: nowrap;
	}
	.dropdown-menu .notification-wrapper  li > a:hover,
	.dropdown-menu .notification-wrapper  li > a:focus {
	  color: #262626;
	  text-decoration: none;
	  background-color: #f6f6f6;
	}
	
	.dropdown-menu.extended li p,
	.dropdown-menu.extended .notification-headline, 
	.dropdown-menu.extended .notification-footer {
	    margin:0;
	    padding:10px 0;
	    border-radius:0px;
	    -webkit-border-radius:0px;
	}
	.dropdown-menu.extended .notification-footer a {
		color:#333;
		text-decoration:none;
	}
	.notification-wrapper {
		display: block;
	    height: 300px;
	    overflow-y: auto;
	    padding-right: 5px;
	}
	.dropdown-menu.extended .notification-footer {
		text-align:center;
	}
	.dropdown-menu.extended > ul,
	.dropdown-menu.extended .notification-wrapper > ul {
		padding:0;
		list-style:none;
	}
	.dropdown-menu.extended .notification-wrapper > ul li {
		position:relative;
	}
	.dropdown-menu.extended li a {
	    font-size:12px;
	    list-style:none;
	}
	.dropdown-menu.extended.inbox li a,
	.dropdown-menu.extended.tasks-bar li a {
	    background:#f1f2f7;
	    border-radius:5px;
	    -webkit-border-radius:5px;
	    padding:10px;
	    margin-bottom:10px;
	    float:left;
	    width:100%;
	}
	.dropdown-menu.extended li p {
	    margin:0;
	    padding:10px 0;
	    border-radius:0px;
	    -webkit-border-radius:0px;
	}
	.dropdown-menu.inbox li a .photo img {
	    border-radius:2px 2px 2px 2px;
	    -webkit-border-radius:2px 2px 2px 2px;
	    float:left;
	    height:40px;
	    margin-right:10px;
	    width:40px;
	}
	.dropdown-menu.inbox li a .subject {
	    display:block;
	}
	.dropdown-menu.inbox li a .subject .from {
	    font-size:12px;
	    font-weight:600;
	}
	.dropdown-menu.inbox li a .subject .time {
	    font-size:11px;
	    font-style:italic;
	    font-weight:lighter;
	    position:absolute;
	    right:20px;
	}
	.dropdown-menu.inbox li a .message {
	    display:block !important;
	    font-size:11px;
	}
	
	.notification-wrapper .notification-date {
		font-size: 11px;
		clear: both;
		display: block;
		margin-left: 51px;
	}	
	ul.notify-menu > li > a.active-notifications {
   		background-color:#d8d8d8;	
   	}
   
	.notification-wrapper,
	.notification-footer,
	.notification-headline {
		font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	}
	.dropdown-menu.extended.inbox li a, 
	.dropdown-menu.extended.tasks-bar li a {
		border-radius:0;
		-webkit-border-radius:0;
		background:#f2f2f2;
	}
	.dropdown-menu.extended .notification-footer {
		padding:1.5em 0;
	}
	.dropdown-menu.extended .notification-footer a:link,
	.dropdown-menu.extended .notification-footer a:visited,
	.dropdown-menu.extended .notification-footer a:active {
		background-color:#2effbf;
		color:#1f2126;
		margin:1em 0;
	}
	
	.notifications {
		position: absolute;
		right: 48px;
		top: 16px;
		width:48px;
		text-align:left;
	}
	.notifications-count {
		position:absolute;
		right:0;
		display:block;
		color:#fff;
		background-color:#ff3823;
		line-height:1.5em;
		padding:0 4px;
		border-radius:5px 5px 5px 5px;
		top:-8px;
		font-size:0.9em;
	}
	#header_notification_bar .dropdown-menu::before,
	#header_notification_bar .dropdown-menu::after {
		left:auto;
		right:9%;
	}
	#header_notification_bar .dropdown-menu.extended {
		left:auto;
		right:-10px;
	}
	
/*
 *    H E A D E R  /  M E N U
 */
/*
.header-wrapper { 
   background:#f0f0f0; 
   position:relative; 
   -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
*/
.marketplace-body-wrapper.sf-nav-main-mode{
	padding-top:0px;
}
.header-wrapper {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:1020; 
	border-bottom: none; 
	background:#333;
	background: rgba(51,51,51,0.7);
	box-shadow: 0px 0px 15px #ccc; 
	-moz-box-shadow: 0px 0px 15px #ccc; 
	-webkit-box-shadow: 0px 0px 15px #ccc;
}
	
.mf-logo svg {
	width: 100%;
}

#mockup #header_banner, 
#main-body.home #header_banner,
#main-body.profile #header_banner {
	background-image: url('https://myfavorito-public.s3.amazonaws.com/logo_images/2020/myfavorito-fans.jpg');
	height: 395px;
	height: 235px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.banner-stripe .blue-stripe {
	background-color:#ee781a;
}
.image_super {
	background: #fff;
	background: -moz-linear-gradient(left, #ee781a 0%, #ee781a 50%, #fff 51%, #fff 100%);
	background: -webkit-linear-gradient(left, #ee781a 0%,#ee781a 50%,#fff 51%,#fff 100%);
	background: linear-gradient(to right, #ee781a 0%,#ee781a 50%,#fff 51%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee781a', endColorstr='#fff',GradientType=1 );
}
.bgcolor-primary, #marketplace-why a.btn.bgcolor-primary {
	background-color: #2effbf;
}
#marketplace-why {
	padding: 0;
	background: #1f2126;
	background: -moz-linear-gradient(left, #1f2126 0%, #1f2126 50%, #2effbf 51%, #2effbf 100%);
	background: -webkit-linear-gradient(left, #1f2126 0%,#1f2126 50%,#2effbf 51%,#2effbf 100%);
	background: linear-gradient(to right, #1f2126 0%,#1f2126 50%,#2effbf 51%,#2effbf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2126', endColorstr='#2effbf',GradientType=1 );
}
.bgcolor-secondary, #marketplace-why a.btn.bgcolor-secondary {
	background-color: #1f2126;
}
.color-primary, #marketplace-why a.btn.color-primary {
	color: #1f2126;
}
#main-body.home .sfsFieldsetDialog h1 {
	margin-top:0;
}
ul.notify-menu > li > a {
	color: #666666;
	font-size: 16px;
	background: #f6f6f6;
	padding: 4px 8px;
	margin-right: 15px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	padding-right: 8px !important;
}
.notify-row .badge.bg-warning {
	background: #fa3e3e;
}
.notify-row .badge {
	position: absolute;
	right: -8px;
	top: -8px;
	z-index: 100;
}

input.btn.btn--halfRound,
a.btn.btn--halfRound {
	background-color:var(--myf_charcoal);
	color: #fff;
	border-radius: 0 20px;
	width: 100%;
	margin-bottom: 22px;
	padding: 19px 81px 19px 24px;
	padding: 19px;
	text-align: center;
	font-family: 'Roboto','Ubuntu', Arial, sans-serif;
	font-size: 17px;
	font-weight: 500;
	border: 0 none;
	position: relative;
	max-width: 350px;
}

input.btn.btn--halfRound.bgcolor-secondary,
a.btn.btn--halfRound.bgcolor-secondary {
	background: #fff;
	color: var(--myf_charcoal);
}

input.btn.btn--halfRound.bgcolor-teal,
a.btn.btn--halfRound.bgcolor-teal {
	background: var(--myf_teal);
	color: var(--myf_charcoal);
}
/*
.header-wrapper:before,
.header-wrapper:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
*/
.header-wrapper .mf-logo, .header-wrapper .mfLogo { margin:10px 0px; }

.header-wrapper .mf-logo svg {
	width: 100%;
}
/*.header-wrapper .mfLogo { width:210px; height:40px; float:left; }*/
.header-wrapper #mobileMenuButton { float:right;}
#marketplace-banner .wrapper {
	min-height:368px;
}
#marketplace-banner .wrapper img {
	padding:4em 4em 6em 4em;
	padding:0em 1em 1em 2em;
}
#marketplace-banner {
	position: relative;
	overflow: hidden;
	min-height: 268px;
}

#marketplace-banner img {
	height: 100%;
	width: 100%;
	min-height: 268px;
	object-fit: cover;
}

#main-body.marketplace_landing #marketplace-banner {
	background-color: #1f2126;
	min-height: 0;
}

#marketplace-banner svg {
	display: block;
}

.flexslider {
	border-radius:0;
}
.flexslider.mfstyle {
	max-height:235px; 
}

#marketplace-body .flexslider {
	box-shadow: none;
}
.cookieBanner {
	background-color: var(--myf_teal);
	position: fixed;
	padding: 20px;
	bottom: 0;
	width: 100%;
	box-shadow: 0 1px 9px rgba(0,0,0,0.3);
	z-index: 20000;
}

.cookieBanner__inner {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}


@media all and (max-width: 900px) {
	
	.cookieBanner__inner {
		flex-direction: column;	
		align-items: flex-start;
		justify-content: flex-start;
	}
}

.cookieBanner__text {
	font-size: 1.4rem;	
	line-height: 1.214em;
	font-weight: 300;
}

@media all and (max-width: 900px) {
	
	.cookieBanner__text {
		margin-bottom: 2em;	
	}
}

.cookieBanner__druk {
	font-family: 'Druk Wide', 'Roboto','Ubuntu', Arial, sans-serif;
	color: var(--myf_charcoal);
}

p .cookieBanner__druk {
	display: block;
	margin-bottom: 6px;
}

.cookieBanner__text a:link,
.cookieBanner__text a:active,
.cookieBanner__text a:visited {
	color: var(--myf_charcoal);
	font-weight: 500;
}

.cookieBanner__buttons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 -10px 0 10px;
}

@media all and (max-width: 900px) {
	.cookieBanner__buttons {
		justify-content: flex-start;
		margin: 0 -10px;	
	}
}

a.cookieBanner__btn:link,
a.cookieBanner__btn:active,
a.cookieBanner__btn:visited {
	display: flex;
	align-items: center;
	background-color: #fff;
	color: #808080;
	padding: 11px 14px 13px;
	border-radius: 20px;
	white-space: nowrap;
	margin: 0 10px;
	line-height: 1em;
}

a.cookieBanner__btn:hover {
	background-color: var(--myf_charcoal);
	color: #fff;
	text-decoration: none;
}

a.cookieBanner__btn:hover .cookieBanner__druk {
	color: #fff
}

@media (min-width: 768px) and (max-width: 991px) {
	.sf-nav-main-mode { padding-top:0; }
   .header-wrapper .mfLogo { width:160px; height:36px; float:left;margin-top:18px; }  
   .header-wrapper .mfLogo img { width:160px !important; }  
   body #sfsMainMenuDropDown ul li.menuDrop a.menu:hover, 
   body #sfsMainMenuDropDown ul li.menuDrop:hover a.menu, 
   body #sfsMainMenuDropDown ul li.menuDropActive a.menuActive, 
   body #sfsMainMenuDropDown ul li.menuDrop a.menu {
   		font-size:12px;
   }
   #navbar-menu {
   		margin-left:-33px;
   		padding-left:0;
   }
   #top_menu {
   	display:none;
   }
}

.clear {height:0px;}

.header-wrapper #mobileMenuButton.navbar-toggle { 
  float: right;
  padding: 9px 10px;
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: #2effbf;
  background-image: none;
  border: 0 none;
  border-radius: 4px;
}
.navbar-toggle {
	background-color:#2effbf;
}
.navbar-default .navbar-toggle {
	border-color:transparent;
}
.header-wrapper #mobileMenuButton.navbar-toggle:focus {
  outline: none;
}
.header-wrapper #mobileMenuButton.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color:#fff;
}
.header-wrapper #mobileMenuButton.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

input.action-code-submit.grey {
	background-color:#1f2126;
	line-height:inherit;
	top:0;
}
#main-body #action-code-bar input[type="submit"].action-code-submit {
	top:0;
}

#marketplace-action-code #action-code-bar {
    background: #fff;
	background: -moz-linear-gradient(left, #2effbf 0%, #2effbf 50%, #f2f2f2 51%, #f2f2f2 100%);
	background: -webkit-linear-gradient(left, #2effbf 0%,#2effbf 50%,#f2f2f2 51%,#f2f2f2 100%);
	background: linear-gradient(to right, #2effbf 0%,#2effbf 50%,#f2f2f2 51%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee781a', endColorstr='#fff',GradientType=1 );
}	 

#marketplace-action-code #action-code-bar .bar-section.lime {
	background-color:#2effbf;
}

#marketplace-action-code #action-code-bar .action-code-submit.grey {
	background-color:#1f2126;
}
#main-body.profile.marketplace.marketplace_child {
	margin-top:0;
}

.sf-nav-main-mode #main-body.profile,
.sf-nav-main-mode #main-body.profile.marketplace.marketplace_landing  {
    margin-top:66px;
}
#main-body.profile.marketplace.marketplace_landing,
.marketplace-body-wrapper.sf-nav-main-mode #main-body.profile.marketplace.marketplace_landing  {
	margin-top:0px;	
}
.myf-fav-pager .myf-pager {
	padding:0 15px;
}

.myf-pager .myf-page-numerator .pageno {
	background-color:#1f2126;
}
.myf-pager .myf-page-numerator strong.pageno.active, 
.myf-pager .myf-page-numerator a.pageno:hover {
	background-color:#2effbf;
}
/*
 *    I M A G E / S L I D E R
 */

.relative { position:relative;}


#imageSliderWrapper,
#imageSliderWrapper .container { height:367px; }

#imageSliderWrapper.smallHeader,
#imageSliderWrapper.smallHeader .container { height:250px; }

#imageSliderWrapper.bg_dummyImage { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/header_rotation_bg.jpg') center top; background-size:cover; }
#imageSliderWrapper.forCustomers_off { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/content_header_bg.jpg') center top; background-size:cover; }

#imageSliderWrapper.forCustomers { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/01_slider.png') center top; background-size:cover; }
#imageSliderWrapper.forCustomers .container { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/business_custom_free.png') no-repeat right bottom; background-size:contain; }

#imageSliderWrapper.forStores { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/full_bg0.jpg') center top; background-size:cover; }
#imageSliderWrapper.forStores .container { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/slide-02-image-01.png') no-repeat right bottom; background-size:contain; }

#imageSliderWrapper.ourProduct { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/our_product_header2.jpg') center top; background-size:cover; }
#imageSliderWrapper.ourProduct .container { background:none; background-size:contain; }

#imageSliderWrapper.aboutUs { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/bg_layer_slide1.jpg') center top; background-size:cover; }
#imageSliderWrapper.aboutUs .container { background:none; background-size:contain; }

#imageSliderWrapper.disclaimer { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/img_par_4.jpg') center top; background-size:cover; }
#imageSliderWrapper.disclaimer .container { background:none; background-size:contain; }

#imageSliderWrapper.terms { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/img_par_4.jpg') center top; background-size:cover; }
#imageSliderWrapper.terms .container { background:none; background-size:contain; }

#imageSliderWrapper.privacy { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/img_par_4.jpg') center top; background-size:cover; }
#imageSliderWrapper.privacy .container { background:none; background-size:contain; }

#imageSliderWrapper.standard { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/slide5.jpg') center top; background-size:cover; }
#imageSliderWrapper.standard .container { background:none; background-size:contain; }

#imageSliderWrapper.qrScan { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/slide5.jpg') center top; background-size:cover; }
#imageSliderWrapper.qrScan .container { background:none; background-size:contain; }

#imageSliderWrapper.news { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/bg_layer_slide1.jpg') center top; background-size:cover; }
#imageSliderWrapper.news .container { background:none; background-size:contain; }

#imageSliderWrapper.forPartners_off { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/baloon.jpg') center top; background-size:cover; }
#imageSliderWrapper.forPartners { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/01_slider.png') center top; background-size:cover; }
#imageSliderWrapper.forPartners .container { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/hero.png') no-repeat scroll right bottom / contain  rgba(0, 0, 0, 0); background-size:contain; }

#imageSliderWrapper.frontpage { background:url('https://myfavorito-public.s3.amazonaws.com/webclient/customer/myfavorito/header_bg_1.jpg') center top; background-size:cover; }
#imageSliderWrapper.frontpage { height: 390px; }
/*
#imageSliderWrapper.frontpage { height: 570px !important; }
#imageSliderWrapper.frontpage .container { height:570px !important; }
*/
#imageSliderWrapper.frontpage .container { height:390px; }

#imageSliderWrapper.frontpage.digitalStrategy { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/frontpage_digitalStrategy.jpg') center top; background-size:cover; }

/* 
#imageSliderWrapper.frontpage .container { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/business-woman-xl.png') no-repeat left bottom; background-size:contain; }
*/

#imageSliderWrapper .fontWrapper {
   width:600px;
   margin:120px 0 0 60px;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
}

#imageSliderWrapper .formLinkPosition {  
	font-family: 'Roboto', Arial, Verdana, sans-serif;
   position:absolute;
   top:252px;
   left:440px;
}

#imageSliderWrapper .formLinkPosition.special {
	top:322px;
	left:20px;
}

#imageSliderWrapper .mainHeadline { 
   background:#2effbf; 
	font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   font-size:45px; 
   line-height:45px;
   color:#fff;
   padding:5px 10px;
   position:absolute;
   top:122px;
   left:75px;
}

#imageSliderWrapper .subHeadline { 
   background:#333;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   color:#fff;
   font-size:24px;
   line-height:25px;
   padding:5px 10px;
   position:absolute;
   top:188px;
   left:75px;
}

#imageSliderWrapper .subText { 
	font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   color:#fff;
   font-size:18px;
   line-height:25px;
   position:absolute;
   top:265px;
   left:75px;
   max-width:580px;
}

/*
 *     S P E C I A L / F R O N T P A G E
 */


#imageSliderWrapper.frontpage .mainHeadline { 
   font-size:30px; 
   line-height:35px;
   top:185px;
   left:20px;
}

#imageSliderWrapper.frontpage .mainHeadline.second {
	top:240px;
}

#imageSliderWrapper .subHeadlineOne,
#imageSliderWrapper .subHeadlineTwo,
#imageSliderWrapper .subHeadlineThree { 
   background:#333;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   color:#fff;
   font-size:24px;
   line-height:25px;
   padding:5px 10px;
   position:absolute;
   top:188px;
   left:75px;
}

#imageSliderWrapper .subHeadlineOne { 
   top:155px;
   left:345px;
}
#imageSliderWrapper .subHeadlineTwo { 
   top:195px;
   left:345px;
}
#imageSliderWrapper .subHeadlineThree { 
   top:235px;
   left:345px;
}

#imageSliderWrapper.frontpage .subText { 
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   color:#333;
   font-size:18px;
   line-height:25px;
   position:absolute;
   top:265px;
   left:355px;
   max-width:580px;
}



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

   #imageSliderWrapper.frontpage .mainHeadline { 
      font-size:23px; 
      line-height:30px; 
   }

   #imageSliderWrapper .subHeadlineOne,
   #imageSliderWrapper .subHeadlineTwo,
   #imageSliderWrapper .subHeadlineThree { 
      font-size:15px;
   }

   #imageSliderWrapper.frontpage .subText { 
      font-size:15px;
   }

}

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

   #imageSliderWrapper.frontpage .mainHeadline { 
      font-size:25px; 
      line-height:30px; 
   }

   #imageSliderWrapper .subHeadlineOne,
   #imageSliderWrapper .subHeadlineTwo,
   #imageSliderWrapper .subHeadlineThree { 
      font-size:15px;
   }

   #imageSliderWrapper.frontpage .subText { 
      font-size:12px;
   }

   #imageSliderWrapper .subHeadlineOne { 
      top:145px;
      left:345px;
   }
   #imageSliderWrapper .subHeadlineTwo { 
      top:185px;
      left:345px;
   }
   #imageSliderWrapper .subHeadlineThree { 
      top:225px;
      left:345px;
   }

}

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

   #imageSliderWrapper.frontpage .mainHeadline { 
      font-size:18px; 
      line-height:25px; 
      left:15px !important;
      top:85px;
      max-width:90%;
   }
   
   #imageSliderWrapper.frontpage .mainHeadline.second {
   	  top:125px;
   }
   
   #imageSliderWrapper .formLinkPosition.special {
   	  top:192px;
   }


   #imageSliderWrapper .subHeadlineOne,
   #imageSliderWrapper .subHeadlineTwo,
   #imageSliderWrapper .subHeadlineThree { 
      font-size:13px;
      line-height:15px;
   }

   #imageSliderWrapper.frontpage .subText { 
      font-size:12px;
      line-height:15px;
      left:15px;
      top:170px;
      max-width:520px;
   }

   #imageSliderWrapper .subHeadlineOne { 
      top:80px;
      left:15px;
   }
   #imageSliderWrapper .subHeadlineTwo { 
      top:107px;
      left:15px;
   }
   #imageSliderWrapper .subHeadlineThree { 
      top:134px;
      left:15px;
   }

   #imageSliderWrapper .formLinkPosition {
      top:252px;
      left: 15px;
      z-index:1010;
   }
   #imageSliderWrapper .formLinkPosition .callToActionBtn.header {
      font-size:14px;
      background-image:none;
      padding:10px;
   }
   #imageSliderWrapper .phoneScreen {
      display:none;
   }
	
	.mf-logo.visible-xs-block img {
		max-width:100%;
		margin:10px 0 10px 10px;
	}
	
	.flexslider.mfstyle {
		margin-top:85px;
	}
	#sfsMainMenuDropDown ul.menuDropTop {
		float: none;
		text-align: left;
		margin-left: -15px;
	}
}

img.sf-media-resource.type-1 {
	max-width:100%;
	height:auto;
}

/*
 *    I M A G E / S L I D E R
 *    SIZE FOR MOBILE DISPLAYS
 */

@media screen and (max-width: 767px) {
	
   #imageSliderWrapper { height:300px; }
   #imageSliderWrapper.forCustomers .container { height:300px; }
   #imageSliderWrapper.forStores .container { height:300px; }
   #imageSliderWrapper.ourProduct .container { height:300px; }
   #imageSliderWrapper.aboutUs .container { height:300px; }
   #imageSliderWrapper.forPartners .container { height:300px; }
   #imageSliderWrapper.disclaimer .container { height:300px; }
   #imageSliderWrapper.qrScan .container { height:200px; }
   #imageSliderWrapper.qrScan { height:200px; }
   #imageSliderWrapper.frontpage  { height:320px; }
   #imageSliderWrapper.frontpage .container { height:320px; }

   #imageSliderWrapper.bg_dummyImage { 
      background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/header_rotation_bg.jpg') center top; background-size:cover; 
   }

   #imageSliderWrapper .fontWrapper {
      width:100%;
      margin:40px 0 0 20px;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-weight:300;
   }

   #imageSliderWrapper .mainHeadline { 
      background:#2effbf; 
   font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-weight:300;
      font-size:18px; 
      line-height:25px;
      color:#fff;
      padding:5px 10px;
      max-width:90%;
      position:absolute;
      top:70px;
      left:15px;
   }


   #imageSliderWrapper .subHeadline { 
      background:#333;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-weight:300;
      color:#fff;
      font-size:16px;
      line-height:25px;
      padding:5px 10px;
      max-width:90%;
      position:absolute;
      top:115px;
      left:15px;
   }

   #imageSliderWrapper .subText { 
   font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-weight:300;
      color:#fff;
      font-size:13px;
      line-height:20px;
      position:absolute;
      top:180px;
      left:15px;
      max-width:90%;
   }
}

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

   #imageSliderWrapper .mainHeadline { 
      background:#2effbf; 
   font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-weight:300;
      font-size:45px; 
      line-height:45px;
      max-width:420px;
      color:#fff;
      padding:5px 10px;
      position:absolute;
      top:122px;
      left:15px;
   }

   #imageSliderWrapper .subHeadline { 
      background:#333;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-weight:300;
      color:#fff;
      font-size:24px;
      line-height:30px;
      max-width:420px;
      padding:5px 10px;
      position:absolute;
      top:188px;
      left:15px;
   }

   #imageSliderWrapper .subText { 
   font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-weight:300;
      color:#fff;
      font-size:18px;
      line-height:25px;
      max-width:420px;
      position:absolute;
      top:305px;
      left:15px;
     }
}
/*
 *   Main Menu
 */
#sfsMainMenuDropDown {
	clear:none;
	margin-top:10px;
}
#navbar-menu #sfsMainMenuDropDown {
	margin-top:0px;
}
#sfsMainMenuDropDown ul li.menuDrop:nth-child(n+7), 
#sfsMainMenuDropDown ul li.menuDropActive:nth-child(n+7) {
	display:none;
}
#sfsMainMenuDropDown ul li.menuDrop a.menu:hover, 
#sfsMainMenuDropDown ul li.menuDrop:hover a.menu, 
#sfsMainMenuDropDown ul li.menuDropActive a.menuActive,
#sfsMainMenuDropDown ul li.menuDrop a.menu {
	
	text-transform: uppercase;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: 500;
}

#sfsMainMenuDropDown a.menu, 
#sfsMainMenuDropDown a.menuActive {
	padding:15px;
	margin:0;
}

#sfsMainMenuDropDown ul li.menuDrop.ct5 a.menu {
	margin-top:5px;
	margin-top:auto;
}
/*
 *   Mobile Menu 
 */

#mobileNavi { display:none; 
	background-color:transparent;
}

#mobileNavi #sfsMenuRows ul li,
#mobileNavi #sfsMenuRowsList,
#mobileNavi .sfsMenuRowsList {
	border-color:transparent;
}


/* ~~~~~~~~~~~~~~~ Alert ~~~~~~~~~~~~~~~ */
.sf-message {
  border-radius: 0 10px;
}
.sf-message-success {
  background-color: var(--myf_teal);
  border-radius: 0 10px 0 0;
  font-family: 'Druk Wide','Roboto', Arial, Verdana, sans-serif;
  color: var(--myf_charcoal);
  font-weight: 400;
}

@media screen and (max-width: 537px) {
	#main-body h1.row.title-more {
		flex-direction: column;
		align-items: flex-start;
	}
	
	#main-body h1.row.title-more .col-xs-12.col-qs-3.col-sm-2 {
		display: flex;
	}
	
	#main-body h1 .myf-see-all {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	
   .navbar { display:none; }
   .navbar.navbar-new-cms { display:block; }
   #topbar_cms #sfsMainMenuDropDown ul li.menuDrop, #sfsMainMenuDropDown ul li.menuDropActive {
   		width:100%;
   		float:none;
   		margin:0 -15px;
   }
   #topbar_cms #sfsMainMenuDropDown ul li.menuDrop a.menu {
   		text-align:left;
   }
   #topbar_cms #sfsMainMenuDropDown ul li.menuDrop a.menu:hover, #topbar_cms #sfsMainMenuDropDown ul li.menuDrop:hover a.menu, 
   #topbar_cms #sfsMainMenuDropDown ul li.menuDropActive a.menuActive, 	#topbar_cms #sfsMainMenuDropDown ul li.menuDrop a.menu {
   		background:#ee781a;
   		color:#fff;
   }
   #topbar_cms #sfsMainMenuDropDown ul ul {
   		width:100%;
   }
   #topbar_cms #sfsMainMenuDropDown li.branch ul {
		position: relative;
	}
	#topbar_cms #sfsMenuRowsList,
	#topbar_cms .sfsMenuRowsList {
		border:0 none;
	}
	#topbar_cms #sfsMenuRows {
		margin-left:-30px;
	}
	#topbar_cms #sfsMenuRows ul li {
		border-bottom:0 none;
	}
	#topbar_cms #sfsMenuRows ul li.level1 a,
	#topbar_cms #sfsMenuRows ul li.level2 a,
	#topbar_cms #sfsMenuRows ul.sfsMenuRowsList > li a,
	#topbar_cms #sfsMenuRows ul.sfsMenuRowsList > li ul > li a {
		font-size:18.2px;
		padding: 5px 15px 5px 30px;
		font-weight: 300;
	}
	#topbar_cms #sfsMenuRows ul li.level2 a,
	#topbar_cms #sfsMenuRows ul.sfsMenuRowsList > li ul > li a {
		padding-left:60px;	
	}
	
	#topbar_cms #sfsMenuRows ul .sf-id-1565003175527 ul.tree {
		display:none;
	}
	#topbar_cms #navbar-menu {
		overflow: visible;
	}
   	#topbar_cms .navbar-collapse {
   		border-top:0 none;
   	}
   	
   	
	.sf-nav-main-mode {
		padding-top:0;
	}
	
	.navigation-wrapper,
	.navigation-wrapper .container,
	.container .navbar-header,
	.marketplace-body-wrapper .navigation-wrapper {
		min-height: 67px;
	}
	#main-body.profile.marketplace.marketplace_landing,
	.marketplace-body-wrapper.sf-nav-main-mode #main-body.profile.marketplace.marketplace_landing,
	.flexslider.mfstyle,
	.default_twocol #main-body.home {
		margin-top: 105px;
	}
	
	.topbar #languageDropdown.sf-dropdown-hover > a:hover + .sf-dropdown-content, 
	.topbar #languageDropdown.sf-dropdown-hover .sf-dropdown-content:hover {
		left: auto;
		right: 0;
	}
	
	.topbar .contact-wrapper {
		display: none;
	}
	
	.navigation-wrapper {
		padding-top:0;
	}
	.navigation-wrapper .container {
		position:relative;
	}
	
	
	.header-wrapper #mobileMenuButton.navbar-toggle,
	.header-wrapper .mf-logo, .header-wrapper .mfLogo,
	.marketplace-body-wrapper button.navbar-toggle {
		margin-top:0px !important;
		margin-bottom:0px !important;
		position:absolute;
		top:50%;
		-ms-transform: translateY(-50%);
		transform:translateY(-50%);
	}
	.header-wrapper #mobileMenuButton.navbar-toggle {
		right:0;
	}
	.sf-nav-main-mode .flexslider.mfstyle {
		padding-top: 30px;
	}
	.sf-nav-main-mode .navigation-wrapper {
	 	margin-top: 30px;	
	}
	.off.sf-nav-main-mode .myf-profile .navigation-wrapper,
	.navigation-wrapper.visible-xs-block.invisible {
		display:none;
	}
	
	.container .navbar-header {
		position: relative;
	}
	.marketplace-body-wrapper button.navbar-toggle {
		margin-top:0;
		right:0;
	}
	.navbar.navbar-default.navbar-new-cms {
		margin-bottom:0;
	}
	
	.sf-nav-main-mode #main-body.profile,
	.sf-nav-main-mode #main-body.profile.marketplace.marketplace_landing,
	.sf-nav-main-mode .marketplace-body-wrapper.sf-nav-main-mode #main-body.profile.marketplace.marketplace_landing,
	.sf-nav-main-mode .flexslider.mfstyle,
	.sf-nav-main-mode .default_twocol #main-body.home {
		padding-top:30px;
	}
	
	.default_profile #action-code-bar .bar-content-left,
	.default_profile #action-code-bar .bar-content-right {
		padding:0px 15px;
	}

}

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

   #mobileMenuButton { display:none; }
}


#mobileLogin { background:#333; padding:15px;}

#mobileLogin .email { background:#2effbf; padding:3px; }
#mobileLogin .password { background:#2effbf; padding:0 3px 3px 3px; }
#mobileLogin .submitBlock { background:#2effbf; padding:0 3px 3px 3px; }
#mobileLogin .email input,
#mobileLogin .password input { background:#f0f0f0; border:1px solid #fff; width:100%; padding:5px 10px; }
#mobileLogin .submitBlock input { background:#333; border:1px solid #fff; color:#fff; font-family:'Roboto',arial,verdana,sans-serif; font-weight:300; }



/*
 *   Story Templates 
 */


/* ### IMAGES ### */

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

   .mfImageRight img,
   .mfImageLeft img { max-width:100%; }

}

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

   .mfImageRight img,
   .mfImageLeft img { width:100%; }
}

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

   .mfImageRight img,
   .mfImageLeft img { width:100%; }
   .container-fluid-sm { width:100%;}
}

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

   .mfImageRight img,
   .mfImageLeft img,
   .imgResize { width:100%; }
}

/* ### HEADLINES ### */

.mfSectionHeadline h1.headline,
.mfSectionHeadline h1 .headline,
h1.drukHeadline,
h1.title-more {
   font-family: 'Druk Wide','Roboto', Arial, Verdana, sans-serif;
   font-weight:700;
   font-size:25px;
   line-height:40px;
	color: #1f2126;
	font-size: 26px;
	font-weight: 400;
	margin-top:1em;
	margin-bottom:1em;
}
h1.title-more a:link,
h1.title-more a:visited,
h1.title-more a:active {
	color:#1f2126;
   font-size:26px;
}
a.myf-see-all ,
h1.title-more a.myf-see-all {
	color: #2effbf;
	background-color: #1f2126;
	font-size: 1.2rem;
	padding: 3px 5px;
	line-height: 1.37em;
	display: block;
	margin-top: 0.3em;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 4px 6px;
	float: left;
}

h1.title-more a.myf-see-all {
	float: right;
}

h3.drukHeadline {
   font-family: 'Druk Wide','Roboto', Arial, Verdana, sans-serif;
}

#myf_modal #myf_item_modal h2 {
	font-size: 19px;
	font-family: 'Druk Wide',Roboto,Ubuntu,Arial,Verdana,sans-serif;
	text-transform: unset;
}

.mfSectionHeadline h1.headline.alignCenter,
.mfSectionShortDesc .shortDesc.alignCenter { text-align:center; }

.mfSectionShortDesc {
   margin-bottom:35px;
}
.mfSectionShortDesc.special {
   margin-bottom:10px;
}

.mfSectionShortDesc .shortDesc {
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   font-size:20px;
   line-height:30px;
}

.mfSectionLongDesc.border-left {
   border-left:1px solid #cfcfcf;
}

.mfSectionLongDesc.padding-left40 {
   padding-left:40px;
}
.mfSectionLongDesc.padding-left20 {
   padding-left:20px;
}

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

   .mfSectionLongDesc.border-left.padding-left40 {
      padding-left:15px;
   }
   .mfSectionLongDesc.border-left.padding-left20 {
      padding-left:15px;
   }
}

.mfSectionLongDesc {
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   font-size:15px;
   line-height:25px;   
}

.mfSectionLongDesc ul {
   list-style:none;
   padding:0;
   margin-top:1em;
}
.mfSectionLongDesc ul ul {
	margin-top:0.5em;
}
.mfSectionLongDesc ul > li,  ul.tickboxes li {
   padding-left:32px;
   margin:0 0 5px 0;
   position: relative;
}

.mfSectionLongDesc ul > li::before, 
ul.tickboxes li::before {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfY29weSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IgoJIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggc3R5bGU9ImZpbGw6IzFGMjEyNjsiIGQ9Ik01MDQsMjU2YzAsMTM3LTExMSwyNDgtMjQ4LDI0OFM4LDM5Myw4LDI1NlMxMTksOCwyNTYsOFM1MDQsMTE5LDUwNCwyNTZ6IE0yMjcuMywzODcuM2wxODQtMTg0CgljNi4yLTYuMiw2LjItMTYuNCwwLTIyLjZsLTIyLjYtMjIuNmMtNi4yLTYuMi0xNi40LTYuMi0yMi42LDBMMjE2LDMwOC4xbC03MC4xLTcwLjFjLTYuMi02LjItMTYuNC02LjItMjIuNiwwbC0yMi42LDIyLjYKCWMtNi4yLDYuMi02LjIsMTYuNCwwLDIyLjZsMTA0LDEwNEMyMTAuOSwzOTMuNiwyMjEuMSwzOTMuNiwyMjcuMywzODcuM0wyMjcuMywzODcuM3oiLz4KPHBhdGggc3R5bGU9ImZpbGw6IzJFRkZCRjsiIGQ9Ik0zODguNywxNTguMWMtNi4yLTYuMi0xNi40LTYuMi0yMi42LDBMMjE2LDMwOC4xbC03MC4xLTcwLjFjLTYuMi02LjItMTYuNC02LjItMjIuNiwwbC0yMi42LDIyLjYKCWMtNi4yLDYuMi02LjIsMTYuNCwwLDIyLjZsMTA0LDEwNGM2LjIsNi4yLDE2LjQsNi4yLDIyLjYsMHYwbDE4NC0xODRjNi4yLTYuMiw2LjItMTYuNCwwLTIyLjZMMzg4LjcsMTU4LjF6Ii8+Cjwvc3ZnPgo=');
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 1px;
	font-size: 1.2em;
	color: #1f2126;
	width: 20px;
	height: 20px;
	content: '';
}

.mfSectionLongDesc .mediaGallery ul > li {
	background:none;
	padding:0;
}
.mediaGallery.lightbox.type240 .ia {
	box-shadow:none;
}
.mfSectionLongDesc .dialogNavDiv ul > li,
.mfSectionLongDesc #sfsMainNavigation ul > li {
   background:none;
   padding-left:0;
   margin:0;
}
form.form-horizontal h3 {
	font-weight:400;
	text-transform:uppercase;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}
form .well {
	border-radius:0;
	border:0 none;
}

.mfSectionLongDesc form .well .form-group .form-control {
	font-size: 0.93em;
	padding: 7px 103px 7px 18px;
	border: 0 none;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	border-radius: 0;
}
@media screen and (max-width: 767px) {

   .mfSectionHeadline h1.headline,
   .mfSectionHeadline h1 .headline {
      font-size:20px;
      line-height:25px;
   }

   .mfSectionShortDesc .shortDesc {
      font-size:17px;
      line-height:23px
   }
   form.form-horizontal h3 {
   	  padding-left:2px;
   }
}

/* ### DIVIDER ### */
.divider { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/divider.png') no-repeat center top;  }


/* ### CENTER ### */

/*.alignCenter {text-align: right !important;}*/


/* ### SECTIONS ### */

/*.section.gray { background:#f5f5f5; padding:80px 0; }*/
.section.gray { background:#f5f5f5; padding:30px 0; }
.section.gray.smallPadding { background:#f5f5f5; padding:30px 0; }
/*.section.gray.divider { background:url(/logo_images/layout/divider.png) no-repeat center top #f5f5f5; padding:80px 0;}*/
.section.gray.divider { background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/divider.png') no-repeat center top #f5f5f5; padding:30px 0;}
/*.section.divider { padding:80px 0; }*/
.section.divider { padding:30px 0 40px; }
.section.divider.noPaddingBottom { padding-bottom:0px;}
.section.marginTop25 { padding-top:25px; }
.marginTop-25px { margin-top:-25px;}
.row.marginTop25 {
	margin-top:25px;
}
.row.marginBottom25 {
	margin-bottom:25px;
}
.marginBottom-25px {
	margin-bottom:25px;
}

/*
 *	IFRAMES
 */	


.myf-iframe-wrapper {
    position: relative;
    width: calc(100% + 6em);
    height: auto;
    max-height: 100vh;
}

.dynamic-lead-story .mfSectionLongDesc .myf-iframe-wrapper {
	margin:3em 0em !important;
}
.dynamic-lead-story p {
	margin-bottom:3em;
}
.dynamic-lead-story h4 {
	margin-bottom: 1.5em;
}
img.ratio {
    display: block;
    width: 100%;
    height: auto;
}

.myf-iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
 *   COUNTER LINE WRAPPER
 */

.counterLineWrapper { background:#2effbf; border-top: 1px solid #939820; border-bottom: 1px solid #939820; padding:25px 0; }

.counterLineWrapper .count_to {
   font-size:50px;
   line-height:50px;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:700;
   color:#fff;
   text-shadow:1px 2px 1px #767676;
   border-left:1px solid #a5ac1a;
}


.counterLineWrapper .count_to.last {
   border-right:1px solid #a5ac1a;
}

@media screen and (max-width: 767px) {
   
   .counterLineWrapper .count_to {
      border-left:0px;
      border-bottom: 1px solid #a5ac1a;
      padding-bottom: 15px;
   }

   .counterLineWrapper .count_to.last {
      border-right:0px;
      border-bottom:0px;
      padding-bottom: 0px;
      padding-top: 15px;
   }

   .counterLineWrapper .count_to.middle {
      border-right:0px;
      padding-top: 15px;
   }
}


.counterLineWrapper .count_to.alignCenter { text-align:center; }

.counterLineWrapper .count_to .text {
   font-size:25px;
   line-height:25px;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   color:#333;
   display:block;
   margin-top:5px;
   text-shadow:none;
}


/*
 *   FOOTER 
 */

.footer-wrapper { 
   background:#1f2126; 
   color:#999999; 
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   font-size:14px;
   line-height:22px;
   padding:25px 0;
}

.footer-wrapper .footerContact { 
   background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/footer_map_bg.png') no-repeat top right;
}

.footer-wrapper h3.footerHeadline {
   font-family: 'Druk Wide', 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   font-size:25px;
   color:#fff;
   line-height:30px;
   margin:10px 0 20px 0;
}

.footer__iconBar {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.footer__iconBar .footer__mobileApp,
.footer__iconBar .footer__socialMedia {
	display: flex;
	align-items: center;
	margin: 2em 0 0;
}

.footer__iconBar svg {
	height: 40px;
}
.footer__iconBar .google_play_svg svg {
 	height: 60px
}

.footer__iconBar img {
	height: 40px;
	margin: -5px 5px 0;
}

.footer__iconBar .footer__socialMedia {
	
}

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

   .footer-wrapper .mobileMarginTop30 {
      margin-top:30px;
   }
}


/*
 *    COPYRIGHT INFO
 */

.copyrightInfo {
   background:#2effbf;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   font-size:12px;
   color:#333;
   line-height:20px;
   padding:5px 0;
}
.copyrightInfo a {
	color:#333;
}
.copyrightInfo .alignRight { text-align:right; }

.copyrightInfo #copyrightLinks a {
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   font-size:12px;
   color:#333;
   line-height:20px;
}

.copyrightInfo #copyrightLinks a:hover {
   text-decoration:none;
}
.top-margin img {
    margin-top: 1em;
    width: 100%;
    float: left;
    height: auto;
}
@media screen and (max-width: 767px) {

   .copyrightInfo {
      text-align:center
   }

   .copyrightInfo .alignRight { text-align:center;}

   .copyrightInfo #copyrightLinks a {
      text-align:center
   }
}


/*
 *    SIGN IN WRAPPER ....
 */

.customerSignIn_wrapper { width:255px; position:absolute; bottom:0px; right:50px; z-index:100; }
.customerSignIn_wrapper .signInWrapper { 
   border:1px solid #fff;
   background:#2effbf;
   width:252px;
   padding:13px 13px 60px 13px;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
}

.customerSignIn_wrapper .signInWrapper h2.headline {
   margin:0 0 25px 0;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-size:25px;
   line-height:30px;
   font-weight:700;
}

.customerSignIn_wrapper .signInWrapper h2.headline small {
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-size:15px;
   line-height:20px;
   font-weight:300;
   display:block;
}

.customerSignIn_wrapper .signInWrapper .signInInput {
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-size:12px;
   line-height:20px;
   font-weight:300;
   padding:5px 10px;
   margin:0 0 10px 0;
   width:100%;
   border:1px solid #fff;
   background:#f0f0f0;
   color:#5E5E5E;
}

.customerSignIn_wrapper .signInWrapper .customerSignInWrapper {
   background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/customerSignInBottomCornerBg.png') no-repeat bottom left;
   padding:0 0 6px 0;
   margin:0 0 0 -20px;
}
.callToActionBtn.header,
.customerSignIn_wrapper .signInWrapper .customerSignInSubmit {
   background:url('https://myfavorito-public.s3.amazonaws.com/logo_images/layout/customerSignInArrowUp.png') no-repeat 20px center #333;  
   color:#fff;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   font-size:15px;
   line-height:30px;
   padding:15px 15px 15px 65px;
   border:none;
}

.callToActionBtn.header:link,
.callToActionBtn.header:hover,
.callToActionBtn.header:active,
.callToActionBtn.header:visited {
   text-decoration:none;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
}


.signIngClouds {
   width:345px; 
   position:absolute; 
   bottom:0px; 
   right:10px;
   z-index:200;
}

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

   .customerSignIn_wrapper { width:215px; position:absolute; bottom:0px; right:15px; z-index:100; }  
   .customerSignIn_wrapper .signInWrapper { 
      border:1px solid #fff;
      background:#2effbf;
      width:212px;
      padding:13px 13px 60px 13px;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-weight:300;
   }

   .customerSignIn_wrapper .signInWrapper h2.headline {
      margin:0 0 25px 0;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-size:22px;
      line-height:30px;
      font-weight:700;
   }

   .customerSignIn_wrapper .signInWrapper h2.headline small {
      font-size:14px;
   }

   .customerSignIn_wrapper .signInWrapper .signInInput {
      font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-size:12px;
      line-height:15px;
      font-weight:300;
      padding:5px 10px;
      margin:0 0 10px 0;
      width:100%;
      border:1px solid #fff;
      background:#f0f0f0;
      color:#5E5E5E;
   }

   .customerSignIn_wrapper .signInWrapper .customerSignInSubmit {
      background:url(/logo_images/layout/customerSignInArrowUp.png) no-repeat 20px center #333;  
      background-size:20px;
      color:#fff;
      font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-weight:300;
      font-size:13px;
      line-height:15px;
      padding:10px 15px 10px 50px;
      border:none;
   }

   .signIngClouds {
      width:290px; 
      position:absolute; 
      bottom:0px; 
      right:0px;
      z-index:200;
   }

   .signIngClouds img {
      width:290px; 
   }
}



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

   .customerSignIn_wrapper { width:215px; position:absolute; bottom:0px; right:15px; z-index:100; }  
   #imageSliderWrapper.frontpage form { display:none; }

   .customerSignIn_wrapper .signInWrapper { 
      border:1px solid #fff;
      background:#2effbf;
      width:212px;
      padding:13px 13px 60px 13px;
      font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-weight:300;
   }

   .customerSignIn_wrapper .signInWrapper h2.headline {
      margin:0 0 25px 0;
      font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-size:22px;
      line-height:30px;
      font-weight:700;
   }

   .customerSignIn_wrapper .signInWrapper .signInInput {
      font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-size:12px;
      line-height:15px;
      font-weight:300;
      padding:5px 10px;
      margin:0 0 10px 0;
      width:100%;
      border:1px solid #fff;
      background:#f0f0f0;
      color:#5E5E5E;
   }

   .customerSignIn_wrapper .signInWrapper .customerSignInSubmit {
      background:url(/logo_images/layout/customerSignInArrowUp.png) no-repeat 20px center #333;  
      background-size:20px;
      color:#fff;
      font-family: 'Roboto', Arial, Verdana, sans-serif;
      font-weight:300;
      font-size:13px;
      line-height:15px;
      padding:10px 15px 10px 50px;
      border:none;
   }

   .signIngClouds {
      width:290px; 
      position:absolute; 
      bottom:0px; 
      right:0px;
      z-index:200;
   }

   .signIngClouds img {
      width:290px; 
   }
   
   #sfsMainMenuDropDown a.menu, 
   #sfsMainMenuDropDown a.menuActive {
   		padding:15px 13px;
   }
}


/*
 *    ORDER FORM Layout ....
 */

.orderMF 
{
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
}

.orderMF input[type="text"] 
{
   background:#F0F0F0;
   border:1px solid #cfcfcf;
   padding:5px;
   font-size:15px;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
}

.orderMF select
{
   background:#F0F0F0;
   border:1px solid #cfcfcf;
   padding:5px;
   font-size:15px;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
}

.orderMF input.submitOrderMF 
{
   background:url(/logo_images/layout/customerSignInArrowUp.png) no-repeat 10px center #333;  
			   color:#fff;
			   font-family: 'Roboto', Arial, Verdana, sans-serif;
			   font-weight:300;
			   font-size:15px;
			   line-height:30px;
			   padding:10px 10px 10px 35px;
			   border:none;
			   background-size:20px;
                           text-align:center;
}

.orderMF input.submitOrderMF:hover
{
   box-shadow: 1px 2px 5px #ccc;
}



/*
 *    NEWS DARSTELLUNG + INTROS
 */

.newsSection .newsReadMore,
.mfSectionLongDesc a.storyReadMore
{
   background:url(/logo_images/layout/customerSignInArrowUp.png) no-repeat 10px center #333;  
			   color:#fff;
			   font-family: 'Roboto', Arial, Verdana, sans-serif;
			   font-weight:300;
			   font-size:15px;
			   line-height:20px;
			   padding:10px 10px 10px 35px;
			   border:none;
			   display:inline-block;
			   background-size:20px;
                           text-align:center;
}
.newsSection .mfSectionHeadline h2 a:link,
.newsSection .mfSectionHeadline h2 a:active,
.newsSection .mfSectionHeadline h2 a:visited {
	color:#1f2126;
}

h5.storyDate {
	text-transform:uppercase;
	color:#bac0c2;
	font-size:18px;
	margin-top:25px;
	font-weight:400;
}
.newsSection .newsReadMore, 
.mfSectionLongDesc a.storyReadMore {
	background:#1f2126;
	padding:10px 20px;
	font-size:15px;
	text-transform:uppercase;
	margin-top:1.1em;
	color: #2effbf;
}
.newsSection .newsReadMore:hover,
.mfSectionLongDesc a.storyReadMore:hover
{
   text-decoration:none;
   box-shadow: 1px 2px 5px #ccc;
}

.newsSection .newsReadMore:active,
.mfSectionLongDesc a.storyReadMore:active
{
   text-decoration:none;
}


.newsSection .newsReadMoreWrapper
{
   height:50px;
   text-align:right;
   border-top:1px solid #ccc;
   margin-top:10px;
   padding-top:10px;
}

.section.newsSection { padding-top:25px; padding-bottom:25px; }

.myf-news-counter h1.headline a:link,
.myf-news-counter h1.headline a:active,
.myf-news-counter h1.headline a:visited {
	color:#1f2126;	
}

.myf-news-counter .counter-list {
	list-style:none;
	padding:0;
	margin:0;
}
.myf-news-counter .counter-list li.section:last-child {
	border-bottom: 0 none;
}
.myf-news-counter .counter-list li.section {
	counter-increment:step-counter;
	position:relative;
	border-bottom:1px solid #dbdbdb;
	margin-top:1em;
	padding-bottom:1em;
	min-height:57px;
}
.myf-news-counter .counter-list li.section a {
	padding:0 0 0 50px;
	font-size:16px;
	font-weight:400;
   	font-family: 'Roboto', Arial, Verdana, sans-serif;
	display:block;
}

.myf-news-counter .counter-list li.section a:link,
.myf-news-counter .counter-list li.section a:active,
.myf-news-counter .counter-list li.section a:visited {
	color:#000;
}
.myf-news-counter h1.headline a:hover,
.myf-news-counter a:hover,
.myf-news-counter .counter-list li.section a:hover,
.newsSection .mfSectionHeadline h2 a:hover {
	text-decoration:none;
	color:#2effbf;
}
.myf-news-counter .counter-list li.section a:hover {
	
}

.myf-news-counter .counter-list li.section a::before {
	content:counter(step-counter) '.';
	color:#1f2126;
	font-size:39px;
	position:absolute;
	left:0;
	top:0;
	line-height:1em;
	font-weight:700;
}

.myf-news-storytemp h1.headline {
	margin-bottom:1.25em;	
}
.myf-news-storytemp .myf-story-image small {
	margin-top:6px;	
	display:block;
}
.myf-news-storytemp .myf-story-image {
	margin-bottom:2em;	
}

.myf-news-storytemp .myf-story-image img {
	max-width:100%;
	height:auto;
}

.section .mfSectionLongDesc h2 {
	font-size: 22px;
	font-weight: 400;
	text-transform: uppercase;
	color: #1f2126;
	margin-bottom: 27px;
	margin-bottom: 19px;
}

.section .mfSectionLongDesc section h2 {
	margin-bottom: 27px;
}
.myf-column-two {
	margin:30px 0;
}
.myf-column-two li,
.myf-column-two .listing-wrapper,
.no-colbreak {
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
}
.mfSectionLongDesc section {
	clear:both;
	margin-bottom:3em;
}

.mfSectionLongDesc section p {
	margin-bottom:25px;
}
.norule {
	-webkit-column-rule: 0 none; /* Chrome, Safari, Opera */
	-moz-column-rule: 2px dotted #ccc; /* Firefox */
	column-rule: 2px dotted #ccc;
}

.row.marginTop25 .mfSectionShortDesc h2 {
	margin-top:0;
}

@media screen and (min-width: 992px) {
	.myf-column-two {
		-webkit-column-rule: 2px dotted #ccc; /* Chrome, Safari, Opera */
	  	-moz-column-rule: 2px dotted #ccc; /* Firefox */
	  	column-rule: 2px dotted #ccc;
	  	-webkit-column-gap: 100px; /* Chrome, Safari, Opera */
		-moz-column-gap: 100px; /* Firefox */
		column-gap: 100px;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}	
	.myf-column-two ul {
		margin-top:0;
	}
}




/* 
 *     TEAM MEMBER STYLES
 */
.teamMember { text-align:center; }


/*
 *     PRICING TABLE
 */

.price_1_col .header {background: none;}

.price_1_col:last-child{border-right:0px;}



.price_1_col{float:left;}
.footer .price_button{
/*text-shadow: 1px 1px 3px #333333;*/
padding-right: 16px;
padding-left: 38px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: 500;
color: #f8f8f8;
background-position: 11px;
background-repeat: no-repeat;
border: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
transition-duration: 0.4s;
}

.price_1_col ul{margin:0; padding:0; list-style-type: none; float:left; width:100%}



.price_1_col ul li
{
   float: left;
   width: 100%; 
   padding-top: 4px;
   padding-bottom: 8px; 
   height:35px; 
   border-top:2px solid #fff !important;
   color:#555555;
   border-top:1px solid #fff;
   background: #f8f8f8; 
   text-align: center;
}

.price_1_col ul li.twoRows { height:65px; }

.price_1_col ul li:nth-child(2n){background:#f0f0f0;}

.price_1_col [class*="moon-"], [class*=" moon-"]{padding-right: 10px; font-size: 10px;}

.price_1_col ul li span.tick{background:url('img/tick.png') center no-repeat; width:15px; height:12px;float:left; margin-right:10px}



.price_1_col ul li span.not{background:url('img/cross.png') center no-repeat; width:13px; height:13px; float:left; margin-right:10px}



.price_1_col ul li:last-child{



    border-bottom:2px solid #fff;



}

.price_container .header{margin-bottom: 0px !important; padding-bottom: 0px !important;}
.price_container .header:before{background: none !important;}
.price_box {float:left; border:1px solid #ebebeb;}

.price_box .title{font-size:16px; text-transform: uppercase; color:#999; text-align: center; padding-top:25px; padding-bottom:25px; border-bottom:1px solid #ebebeb; font-weight: 400;}

.price_box .price{text-align: center;padding-top: 35px;padding-bottom: 25px;  color:#444; float:left; width:100%; border-bottom:1px solid #ebebeb;}
.price_box .price .p{width:100%; text-align: center; float:left; font-size:50px; font-weight:400;}
.price_box .price .period{width:100%; text-align: center; float:left;font-size:16px; margin-top:23px; font-style: italic; color: #999;}
.price_box ul{list-style: none; padding:0px; text-align: center; margin:0;float:left; width:100%;}

.price_box ul li{border-bottom:1px solid #e3e3e3; padding-top:15px; padding-bottom:15px; font-size:13px;}
.price_box ul li{background:#fff; color:#999;}
.price_box ul li:nth-child(2n){background:#f0f0f0; color:#a8a8a8;}
.price_box .footer {padding-top: 30px;padding-bottom: 30px;background: #fff; text-align: center; width:100%;float:left;}

.price_box .footer a{float:none; margin:0 auto;}

.price_box .period{margin-left:-5px; color:#68676a;}

/*.price_box .btn-system{padding:13px 15px;}*/



.price_1_col .footer a{text-decoration: none;}

.price_1_col.level-max .header .title h2{font-size:19px; color:#fff;}

.price_1_col.level-max .header .title{padding-top:10px; padding-bottom:10px;}
.price_1_col.level-max{-webkit-box-shadow: 0px -1px 9px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px -1px 9px rgba(50, 50, 50, 0.75); box-shadow:         0px -1px 9px rgba(50, 50, 50, 0.75);

   margin: -17px -2px -15px 0;z-index: 199;position:relative;border:0px;}



.price_1_col [class^="icon-"], [class*=" icon-"] {margin-top: 4px; margin-right: 4px;}
.price_1_col {border-left:2px solid #fff;}
.price_1_col :nth-child(2) {border-right:0px;}
.price_1_col:first-child{border-left:0px;}
.price_1_col:last-child ul li{width:100%; border-right:none}
.price_1_col.level-max li{width:100%}
.price_1_col.level-one{z-index:0; position:relative}
.col-2 .price_1_col{width:460px;float:left}
.col-3 .price_1_col{width:300px;float:left}
/*.col-4 .price_1_col{width:280px;float:left;}*/
.col-4 .price_1_col{width:33%;float:left;}
.col-5 .price_1_col{width:219px; float:left;}

.price_1_col .header{
    height:110px;
    float: left;
    width: 100%;
}



.price_1_col.level-max .footer{height:105px}



.price_1_col .footer a{
    text-align: center;
    float: left;
    margin-top: 30px !important;
    margin-left: 20px;
}


.price_1_col.level-max .header h1{
    padding-top:7px;
}

.price_1_col .header .title{padding-top:5px; padding-bottom:5px; background: #2c2c2c;}
.price_1_col .header .title h2{font-size:16px;font-weight:normal;color:#fff;text-align: center;line-height: 20px;}
.features-list ul li{float:left; text-align: left; padding-left:50px}
.price_1_col .header .price {padding-top:30px; padding-bottom:25px; text-align: center; background:#3a3a3a;}
.price_1_col .header .price h1{text-transform: lowercase;font-size: 45px;font-weight: bold;margin-top: 0;
                                color: #fff;text-align: center;line-height: 15px;}

.price_1_col .header .period{padding-bottom:20px; text-align: center; background:#3a3a3a; color:#999; font-style:italic;}
.price_1_col {position:relative; z-index:1}
.price_1_col .footer{width:100%; float:left; height:100px; background: #f8f8f8; font-size:17px; text-align:center; padding:20px 20px;}
.price_1_col .header h2 span{font-size:30px !important; width:100%;color:#fff !important; float:left; line-height:30px}



@font-face {
	font-family: 'moon';
	src:url('/logo_images/layout/pricingtable/moon.eot');
	src:url('/logo_images/layout/pricingtable/moon.eot?#iefix') format('embedded-opentype'),
		url('/logo_images/layout/pricingtable/moon.svg#moon') format('svg'),
		url('/logo_images/layout/pricingtable/moon.woff') format('woff'),
		url('/logo_images/layout/pricingtable/moon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

a [class*="moon-"], a [class*=" moon-"]{
	cursor:pointer;
	outline: 0 !important;
}
[class*="moon-"], [class*=" moon-"]{
	cursor:default;
}

[class*="moon-"]:before, [class*=" moon-"]:before {
	font-family: 'moon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
}

.moon-close:before {content: "\e36b";}
.moon-close-2:before {content: "\e36c";}
.moon-close-3:before {content: "\e36d";}
.moon-close-4:before {content: "\e36e";}
.moon-close-5:before {content: "\e36f";}

.moon-checkmark:before {content: "\e370";}
.moon-checkmark-2:before {content: "\e371";}
.moon-checkmark-3:before {content: "\e372";}
.moon-checkmark-4:before {content: "\e373";}


.priceLegend 
{
   background:#f0f0f0;
   padding:20px;
   font-style:italic;
}

/* End Price Table */




/*
 *   FRONTPAGE NEWS
 */

.mfNews .mfNewsImage {
   float:left;
   width:20%; 
   max-width:90px; 
   vertical-align: top; 
   position: relative; 
   margin-top: 6px;
}

.mfNews .mfNewsImage .sfsIntroImg {
   margin-top:0;
   width:100%;
}

.mfNews .mfNewsTitle {
   height:90px;
   padding:0 0 0 25%;
}

.mfNews .mfNewsTitle a:link,
.mfNews .mfNewsTitle a:visited,
.mfNews .mfNewsTitle a:active,
.mfNews .mfNewsTitle a:hover {
   color:#333;
   text-decoration:none;
   font-weight:700;
}

.mfNews .mfNewsDesc {
   font-size:13px;
   line-height:20px;
}

.mfNews .mfNewsDesc a.storyReadMoreNews:link,
.mfNews .mfNewsDesc a.storyReadMoreNews:visited,
.mfNews .mfNewsDesc a.storyReadMoreNews:active,
.mfNews .mfNewsDesc a.storyReadMoreNews:hover {
   font-weight:700;
   color:#333;
   text-decoration:none;
   font-style:italic;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
   .mfNews .mfNewsTitle {
      height:110px;
      padding:0 0 0 25%;
   }
}
@media (min-width: 768px) and (max-width: 991px) {
   .mfNews .mfNewsTitle {
      font-size:12px;
      line-height:20px;
   }
}
@media screen and (max-width: 767px) {
   .mfNews .mfNewsTitle {
      padding:0 0 0 25%;
      height:auto;
   }
   .mfNews .mfSectionLongDesc {
      margin-bottom:15px;
   }
   .mfNews .mfNewsImage {
      margin-right:15px;
   }
}



/*
 *    PHONE WRAPPER ....
 */

.phoneScreen { 
   height:310px;
   width:240px; 
   position:absolute; 
   bottom:0px; 
   right:0px; 
   z-index:100; 
   background:url(/logo_images/layout/myfavorito_phone_screen.png) no-repeat center top / cover ;
}

.phoneScreen.eng { 
   background:url(/logo_images/layout/myfavorito_phone_screen_en.png) no-repeat center top / cover ;
}

.ctaBlock {
   position:absolute; 
   top:0px; 
   right:0px; 
   z-index:100;
   width:450px;
}

.ctaBlock.myfavNew {
   top:10px; 
}

.ctaBlock .ctaSection {
   background-color:rgba(0, 0, 0, 0.5);
   padding:35px 30px;
}
.ctaBlock .ctaSection.element1 {
   margin-bottom:5px;
}

.ctaBlock .ctaSection h1 {
   color:#2effbf;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   font-size:30px; 
   line-height:33px;  
   padding:0;
   margin:0 0 25px 0;
   text-shadow:1px 2px 2px #000;
}

.ctaBlock.myfavNew .ctaSection h1 {
   color:#2effbf;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:700;
   font-size:27px; 
   line-height:33px;  
   padding:0;
   margin:0 0 25px 0;
   text-transform:uppercase;
   text-shadow:none;
}


.ctaBlock .ctaSection .ctaText {
   color:#fff;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   font-size:25px; 
   line-height:30px;  
   margin-bottom:15px;
}

.ctaBlock .ctaSection .ctaButton a:link,
.ctaBlock .ctaSection .ctaButton a:hover,
.ctaBlock .ctaSection .ctaButton a:visited,
.ctaBlock .ctaSection .ctaButton a:active {
   text-decoration:none;
   color:#fff;
   text-transform:uppercase;
   text-shadow:1px 2px 2px #000;
   background-color:#ff5b29;
   padding:5px 15px;
   display:inline-block;
}


.ctaBlock.myfavNew .ctaSection .ctaButton a:link,
.ctaBlock.myfavNew .ctaSection .ctaButton a:hover,
.ctaBlock.myfavNew .ctaSection .ctaButton a:visited,
.ctaBlock.myfavNew .ctaSection .ctaButton a:active {
   padding:2px;
}

.ctaBlock.myfavNew .ctaSection .ctaButton a span { 
   padding:5px 15px;
   border:1px solid #fff;
   display:inline-block;
}

#ctaBtnWrapper.positionFix .ctaButton a:link,
#ctaBtnWrapper.positionFix .ctaButton a:hover,
#ctaBtnWrapper.positionFix .ctaButton a:visited,
#ctaBtnWrapper.positionFix .ctaButton a:active {
   text-decoration:none;
   color:#fff;
   text-transform:uppercase;
   text-shadow:1px 2px 2px #000;
   background-color:#ff5b29;
   display:inline-block;
   padding:2px;
}

#ctaBtnWrapper.positionFix .ctaButton a span { 
   padding:5px 15px;
   border:1px solid #fff;
   display:inline-block;
}

#ctaBtnWrapper.positionFix {
   bottom: 0;
   position: fixed;
   text-align: center;
   width: 100%;
   z-index: 800;
}

#ctaBtnWrapper.positionFix .ctaButton {
   display:inline-block;   
}

.chevronWrapper {
   width:111px;
   height:111px;
   position:absolute;
   bottom:100px;
   left:50%;
   margin-left:-55px;
   text-align:center;
}

.chevronWrapper .cta-chevron-down {
   width:111px;
   height:111px;
/*   background:url(/logo_images/layout/chevron.png) no-repeat center center; */
   display:table-cell;
   vertical-align:middle;
}

.chevronWrapper .cta-chevron-down i {
   border-radius:50%;
   -moz-border-radius:50%;
   -webkit-border-radius:50%;
   color:#000;
   font-size:90px;
   text-shadow:0 0 8px #aaa;
   border:10px solid #000;
   opacity:0.4;
   box-shadow:0 0 8px #aaa;
   -moz-box-shadow:0 0 8px #aaa;
   -webkit-box-shadow:0 0 8px #aaa;
}

.myf-news-storytemp h1.headline

/* ------------------------------------------------------------------------ */
	/* Navigation normal / mobile */
	/* ------------------------------------------------------------------------ */
	.navbar-default {
		background-color:transparent;
		border-color:transparent;
		margin-bottom:0px;
	}
	
	.navbar-default .container-fluid {
		padding-right:0;
	}
	
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:focus, 
	.navbar-default .navbar-nav > .active > a:hover {
		background-color:transparent;
		color:#2effbf;
	}
	.navbar-default .navbar-nav > li > a:focus, 
	.navbar-default .navbar-nav > li > a:hover {
		color:#2effbf;
	}
	
	.navbar-default .navbar-nav {
		float:right;
	}
	
	.navbar-default .navbar-nav > li > a {
		color:#fff;
		font-size:18px;
	}
	
	.collapse.navbar-collapse {
		margin-top:10px;
		margin-right:40px;
	}
	
	
	
/* HEADER SEARCH FORM */
/* ------------------------------------ */
	
.headersearch 
{ 
	
	position: absolute; 
	right: 15px; 
	top: 0px; 
	z-index: 10200;
	max-height:40px; 
	
}

.headersearch form 
{ 
	float: right; 
}

.headersearch input 
{ 
	text-indent: -500px; 
	cursor: pointer; 
	border: 0; 
	width: 40px; 
	background: url(/webclient/customer/myfavorito/search-icon.png) no-repeat 3px center;
	padding: 15px 0px; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
	margin-bottom: 0px;
	-webkit-transition: width 0.3s, background-color 0.3s; 
	-moz-transition: width 0.3s, background-color 0.3s; 
	-o-transition: width 0.3s, background-color 0.3s; 
	-ms-transition: width 0.3s, background-color 0.3s; 
	transition: width 0.3s, background-color 0.3s;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
 }
.headersearch input:hover { background-color: #e7e7e7; }
.headersearch input:focus { color: #555; background-color: #e7e7e7; text-indent: 25px; width: 560px; cursor: text; padding-left: 15px; padding-right: 15px;}

.headersearch input:hover {
		background-color:transparent;
	}
	
	.headersearch input:focus { 
		color: #555; 
		background-color: #f5f5f5; 
		text-indent: 25px; 
		width: 560px; 
		cursor: text; 
		padding-left: 15px; 
		padding-right: 15px;
	}
	
	
/*
 *		MyFavorito Stripe Styles
 */
 
.category-icon-peek {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  -webkit-box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.03);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.category-icon-peek > img {
  position: absolute;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.category-icon-peek {
  height: 100px;
  width: 100px;
  border-bottom: 1px solid #dedede;
}
.category-icon-peek:hover,
.category-icon-peek:focus {
  border-bottom: 1px solid #dedede;
  -webkit-box-shadow: inset 0px -25px 0px 0px #f5f5f5;
  -moz-box-shadow: inset 0px -25px 0px 0px #f5f5f5;
  box-shadow: inset 0px -25px 0px 0px #f5f5f5;
  /*
  -webkit-box-shadow: inset 0px -25px 0px 0px #ffffff;
  -moz-box-shadow: inset 0px -25px 0px 0px #ffffff;
  box-shadow: inset 0px -25px 0px 0px #ffffff;
  */
}
.category-icon-peek > img {
  width: 100px;
  left: 0;
  bottom: -25px;
}
.category-icon-peek > img:hover,
.category-icon-peek > img:focus {
  bottom: 0;
}

.category h3,
.category p {
	text-align:center;
}

/*
 *   Breadcrumb
 */
 .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 0px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb {
	padding: 0;
	background-color: transparent;
	margin-top: 2em;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}

.breadcrumb li a:link,
.breadcrumb li a:hover,
.breadcrumb li a:visited,
.breadcrumb li a:active {
	text-decoration:none;
	color:#333;
	color:#999;
}


/*
 *   Native QR Scanner Style
 */
 
.wrapper.fullwidth.qrcode-native .page-header {
	border-bottom:2px solid #2effbf;
	margin:30px 0 20px 0;
	padding-bottom:9px;
}
	 
.wrapper.fullwidth.qrcode-native .page-header h1 {
	font-weight:700;
	font-size:30px;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	margin-bottom:10px;
} 
.wrapper.fullwidth.qrcode-native .myfavorito-header.bg-frontpage {
	background:url(/webclient/customer/myfavorito/header_bg_1.jpg) no-repeat center top; 
	background-size:cover;
}
.wrapper.fullwidth.qrcode-native .myfavorito-header,
.wrapper.fullwidth.qrcode-native .myfavorito-header.small {
	height:130px;
}

@media (max-width: 800px) {
	body.main-navi { padding-top:23px;}
	
	#wrapper.startseite iframe#player { margin-top:-15px;}
}
 @media (max-width: 767px) {
	.page-header {
		border-bottom:2px solid #2effbf;
		margin:30px 0 20px 0;
		padding-bottom:9px;
	}
		 
	.page-header h1 {
		font-weight:700;
		font-size:30px;
		font-family: 'Roboto', Arial, Verdana, sans-serif;
		margin-bottom:10px;
	}
	.wrapper.fullwidth .myfavorito-header.bg-frontpage {
		background:url(/webclient/customer/myfavorito/header_bg_1.jpg) no-repeat center top; 
		background-size:cover;
	}
	.wrapper.fullwidth .myfavorito-header,
	.wrapper.fullwidth .myfavorito-header.small {
		height:130px;
	}
}


/*
 *	embedded video shadow
 */
 
 .embed-responsive.embed-responsive-16by9.box-shadow,
 .embed-responsive.embed-responsive-1by1.box-shadow {
 	-webkit-box-shadow: 0 0 7px #333;
 	-moz-box-shadow: 0 0 7px #333;
 	box-shadow:0 0 7px #333;
 }
 
 .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
 }
 
 .video-description {
 	padding:5px 10px;
 	font-style:italic;
 }
 
 
 
 
 /*
  *    Test 
  */
  .about-container {
	position: relative;
    display: inline-block;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 130px 0 0 0;
  }
  .skew {
	position: relative;
	min-height: 170px;
}
.pageRow {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}
.customBgColor {
	background-color: #eee !important;
}
html .skew_appended,html  .skew_prepended {
	-ms-transform: skewY(-3deg) !important;
	-webkit-transform: skewY(-3deg) !important;
	transform: skewY(-3deg)  !important;
}
.skew_appended, .skew_prepended {
	left: 0;
	overflow: hidden;
	padding-left: 0 !important;
	padding-right: 0 !important;
	position: absolute;
	width: 100%;
	height: 170px;
	z-index: 9;
	-ms-transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
}
.whiteSection {
	background-color: #fff;
}
.skew_appended {
    bottom: -85px;
}
.skew_prepended {
	    top: -87px;
}
.skew_appended, .skew_prepended {
      height: 170px !important;
}

.skew_prepended {
    top: -112px !important;
}

.about-special-headline a:link,
.about-special-headline a:visited,
.about-special-headline a:active,
.about-special-headline a:hover {
	font-size:20px;
	font-weight:400;
	text-decoration:none;
	color:#333;
}

.border-box-animated {
	border-bottom: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
}
.border-box-animated:hover {
	background:#dedede;
	padding:15px;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	transition: background 0.5s;
}
.border-box-animated:last-child {
	border-bottom:none;
}





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

[class^="social-icon-"]:before,
[class*=" social-icon-"]:before{
	font-family:"mfn-icons";
	font-style:normal;
	font-weight:400;
	speak:none;
	display:inline-block;
	text-decoration:none!important;
	width:1em;
	margin-right:.2em;
	text-align:center;
	font-variant:normal;
	text-transform:none;
	line-height:1em;
	margin-left:.2em;
}



.social-icon-acrobat:before{content:"\e800";}
.social-icon-address:before{content:"\e801";}
.social-icon-adjust:before{content:"\e802";}
.social-icon-aim:before{content:"\e803";}
.social-icon-air:before{content:"\e804";}
.social-icon-alert:before{content:"\e805";}
.social-icon-amazon:before{content:"\e806";}
.social-icon-android:before{content:"\e807";}
.social-icon-angellist:before{content:"\e808";}
.social-icon-appnet:before{content:"\e809";}
.social-icon-appstore:before{content:"\e80a";}
.social-icon-archive:before{content:"\e80b";}
.social-icon-arrow-combo:before{content:"\e80c";}
.social-icon-arrows-ccw:before{content:"\e80d";}
.social-icon-attach:before{content:"\e80e";}
.social-icon-attach-line:before{content:"\e80f";}
.social-icon-attention:before{content:"\e810";}
.social-icon-back:before{content:"\e811";}
.social-icon-back-in-time:before{content:"\e812";}
.social-icon-bag:before{content:"\e813";}
.social-icon-basket:before{content:"\e814";}
.social-icon-battery:before{content:"\e815";}
.social-icon-beaker-line:before{content:"\e816";}
.social-icon-bell:before{content:"\e817";}
.social-icon-bitbucket:before{content:"\e818";}
.social-icon-bitcoin:before{content:"\e819";}
.social-icon-block:before{content:"\e81a";}
.social-icon-blogger:before{content:"\e81b";}
.social-icon-book:before{content:"\e81c";}
.social-icon-book-open:before{content:"\e81d";}
.social-icon-bookmark:before{content:"\e81e";}
.social-icon-bookmarks:before{content:"\e81f";}
.social-icon-box:before{content:"\e820";}
.social-icon-briefcase:before{content:"\e821";}
.social-icon-brush:before{content:"\e822";}
.social-icon-bucket:before{content:"\e823";}
.social-icon-buffer:before{content:"\e824";}
.social-icon-calendar:before{content:"\e825";}
.social-icon-calendar-line:before{content:"\e826";}
.social-icon-call:before{content:"\e827";}
.social-icon-camera:before{content:"\e828";}
.social-icon-camera-line:before{content:"\e829";}
.social-icon-cancel:before{content:"\e82a";}
.social-icon-cancel-circled:before{content:"\e82b";}
.social-icon-cancel-squared:before{content:"\e82c";}
.social-icon-cart:before{content:"\e82d";}
.social-icon-cc:before{content:"\e82e";}
.social-icon-cc-by:before{content:"\e82f";}
.social-icon-cc-nc:before{content:"\e830";}
.social-icon-cc-nc-eu:before{content:"\e831";}
.social-icon-cc-nc-jp:before{content:"\e832";}
.social-icon-cc-nd:before{content:"\e833";}
.social-icon-cc-pd:before{content:"\e834";}
.social-icon-cc-remix:before{content:"\e835";}
.social-icon-cc-sa:before{content:"\e836";}
.social-icon-cc-share:before{content:"\e837";}
.social-icon-cc-zero:before{content:"\e838";}
.social-icon-ccw:before{content:"\e839";}
.social-icon-cd:before{content:"\e83a";}
.social-icon-cd-line:before{content:"\e83b";}
.social-icon-chart-area:before{content:"\e83c";}
.social-icon-chart-bar:before{content:"\e83d";}
.social-icon-chart-line:before{content:"\e83e";}
.social-icon-chart-pie:before{content:"\e83f";}
.social-icon-chat:before{content:"\e840";}
.social-icon-check:before{content:"\e841";}
.social-icon-clipboard:before{content:"\e842";}
.social-icon-clock:before{content:"\e843";}
.social-icon-clock-line:before{content:"\e844";}
.social-icon-cloud:before{content:"\e845";}
.social-icon-cloud-line:before{content:"\e846";}
.social-icon-cloud-thunder:before{content:"\e847";}
.social-icon-cloudapp:before{content:"\e848";}
.social-icon-code:before{content:"\e849";}
.social-icon-cog:before{content:"\e84a";}
.social-icon-cog-line:before{content:"\e84b";}
.social-icon-comment-fa:before{content:"\e84c";}
.social-icon-comment-line:before{content:"\e84d";}
.social-icon-compass:before{content:"\e84e";}
.social-icon-credit-card:before{content:"\e84f";}
.social-icon-cup:before{content:"\e850";}
.social-icon-cup-line:before{content:"\e851";}
.social-icon-cw:before{content:"\e852";}
.social-icon-database-line:before{content:"\e853";}
.social-icon-delicious:before{content:"\e854";}
.social-icon-desktop-line:before{content:"\e855";}
.social-icon-diamond-line:before{content:"\e856";}
.social-icon-digg:before{content:"\e857";}
.social-icon-direction:before{content:"\e858";}
.social-icon-disqus:before{content:"\e859";}
.social-icon-doc:before{content:"\e85a";}
.social-icon-doc-landscape:before{content:"\e85b";}
.social-icon-doc-line:before{content:"\e85c";}
.social-icon-doc-text:before{content:"\e85d";}
.social-icon-doc-text-inv:before{content:"\e85e";}
.social-icon-docs:before{content:"\e85f";}
.social-icon-dot:before{content:"\e860";}
.social-icon-dot-2:before{content:"\e861";}
.social-icon-dot-3:before{content:"\e862";}
.social-icon-down:before{content:"\e863";}
.social-icon-down-bold:before{content:"\e864";}
.social-icon-down-circled:before{content:"\e865";}
.social-icon-down-dir:before{content:"\e866";}
.social-icon-down-open:before{content:"\e867";}
.social-icon-down-open-big:before{content:"\e868";}
.social-icon-down-open-mini:before{content:"\e869";}
.social-icon-down-thin:before{content:"\e86a";}
.social-icon-download:before{content:"\e86b";}
.social-icon-drive:before{content:"\e86c";}
.social-icon-droplet:before{content:"\e86d";}
.social-icon-drupal:before{content:"\e86e";}
.social-icon-duckduckgo:before{content:"\e86f";}
.social-icon-dwolla:before{content:"\e870";}
.social-icon-ebay:before{content:"\e871";}
.social-icon-email:before{content:"\e872";}
.social-icon-erase:before{content:"\e873";}
.social-icon-eventasaurus:before{content:"\e874";}
.social-icon-eventbrite:before{content:"\e875";}
.social-icon-eventful:before{content:"\e876";}
.social-icon-export:before{content:"\e877";}
.social-icon-eye:before{content:"\e878";}
.social-icon-eye-line:before{content:"\e879";}
.social-icon-fast-backward:before{content:"\e87a";}
.social-icon-fast-forward:before{content:"\e87b";}
.social-icon-feather:before{content:"\e87c";}
.social-icon-fire-line:before{content:"\e87d";}
.social-icon-fivehundredpx:before{content:"\e87e";}
.social-icon-flag:before{content:"\e87f";}
.social-icon-flash:before{content:"\e880";}
.social-icon-flashlight:before{content:"\e881";}
.social-icon-flight:before{content:"\e882";}
.social-icon-floppy:before{content:"\e883";}
.social-icon-flow-branch:before{content:"\e884";}
.social-icon-flow-cascade:before{content:"\e885";}
.social-icon-flow-line:before{content:"\e886";}
.social-icon-flow-parallel:before{content:"\e887";}
.social-icon-flow-tree:before{content:"\e888";}
.social-icon-folder:before{content:"\e889";}
.social-icon-food-line:before{content:"\e88a";}
.social-icon-forrst:before{content:"\e88b";}
.social-icon-forward:before{content:"\e88c";}
.social-icon-gauge:before{content:"\e88d";}
.social-icon-globe:before{content:"\e88e";}
.social-icon-globe-line:before{content:"\e88f";}
.social-icon-gmail:before{content:"\e890";}
.social-icon-googleplay:before{content:"\e891";}
.social-icon-gowalla:before{content:"\e892";}
.social-icon-graduation-cap:before{content:"\e893";}
.social-icon-graduation-cap-line:before{content:"\e894";}
.social-icon-grooveshark:before{content:"\e895";}
.social-icon-guest:before{content:"\e896";}
.social-icon-hackernews:before{content:"\e897";}
.social-icon-heart-empty-fa:before{content:"\e898";}
.social-icon-heart-fa:before{content:"\e899";}
.social-icon-heart-line:before{content:"\e89a";}
.social-icon-help:before{content:"\e89b";}
.social-icon-help-circled:before{content:"\e89c";}
.social-icon-home:before{content:"\e89d";}
.social-icon-hourglass:before{content:"\e89e";}
.social-icon-html5:before{content:"\e89f";}
.social-icon-ie:before{content:"\e8a0";}
.social-icon-inbox:before{content:"\e8a1";}
.social-icon-inbox-line:before{content:"\e8a2";}
.social-icon-infinity:before{content:"\e8a3";}
.social-icon-info:before{content:"\e8a4";}
.social-icon-info-circled:before{content:"\e8a5";}
.social-icon-install:before{content:"\e8a6";}
.social-icon-instapaper:before{content:"\e8a7";}
.social-icon-intensedebate:before{content:"\e8a8";}
.social-icon-itunes:before{content:"\e8a9";}
.social-icon-key:before{content:"\e8aa";}
.social-icon-key-line:before{content:"\e8ab";}
.social-icon-keyboard:before{content:"\e8ac";}
.social-icon-klout:before{content:"\e8ad";}
.social-icon-lamp:before{content:"\e8ae";}
.social-icon-language:before{content:"\e8af";}
.social-icon-lanyrd:before{content:"\e8b0";}
.social-icon-layout:before{content:"\e8b1";}
.social-icon-leaf:before{content:"\e8b2";}
.social-icon-left:before{content:"\e8b3";}
.social-icon-left-bold:before{content:"\e8b4";}
.social-icon-left-circled:before{content:"\e8b5";}
.social-icon-left-dir:before{content:"\e8b6";}
.social-icon-left-open:before{content:"\e8b7";}
.social-icon-left-open-big:before{content:"\e8b8";}
.social-icon-left-open-mini:before{content:"\e8b9";}
.social-icon-left-thin:before{content:"\e8ba";}
.social-icon-lego:before{content:"\e8bb";}
.social-icon-level-down:before{content:"\e8bc";}
.social-icon-level-up:before{content:"\e8bd";}
.social-icon-lifebuoy:before{content:"\e8be";}
.social-icon-light-down:before{content:"\e8bf";}
.social-icon-light-up:before{content:"\e8c0";}
.social-icon-lightbulb-line:before{content:"\e8c1";}
.social-icon-link:before{content:"\e8c2";}
.social-icon-list:before{content:"\e8c3";}
.social-icon-list-add:before{content:"\e8c4";}
.social-icon-lkdto:before{content:"\e8c5";}
.social-icon-location:before{content:"\e8c6";}
.social-icon-location-line:before{content:"\e8c7";}
.social-icon-lock:before{content:"\e8c8";}
.social-icon-lock-line:before{content:"\e8c9";}
.social-icon-lock-open:before{content:"\e8ca";}
.social-icon-login:before{content:"\e8cb";}
.social-icon-logout:before{content:"\e8cc";}
.social-icon-loop:before{content:"\e8cd";}
.social-icon-macstore:before{content:"\e8ce";}
.social-icon-magnet:before{content:"\e8cf";}
.social-icon-mail:before{content:"\e8d0";}
.social-icon-mail-line:before{content:"\e8d1";}
.social-icon-map:before{content:"\e8d2";}
.social-icon-meetup:before{content:"\e8d3";}
.social-icon-megaphone:before{content:"\e8d4";}
.social-icon-megaphone-line:before{content:"\e8d5";}
.social-icon-menu:before{content:"\e8d6";}
.social-icon-mic:before{content:"\e8d7";}
.social-icon-minus:before{content:"\e8d8";}
.social-icon-minus-circled:before{content:"\e8d9";}
.social-icon-minus-squared:before{content:"\e8da";}
.social-icon-mobile:before{content:"\e8db";}
.social-icon-mobile-line:before{content:"\e8dc";}
.social-icon-money-line:before{content:"\e8dd";}
.social-icon-monitor:before{content:"\e8de";}
.social-icon-moon:before{content:"\e8df";}
.social-icon-mouse:before{content:"\e8e0";}
.social-icon-music:before{content:"\e8e1";}
.social-icon-music-line:before{content:"\e8e2";}
.social-icon-mute:before{content:"\e8e3";}
.social-icon-myspace:before{content:"\e8e4";}
.social-icon-network:before{content:"\e8e5";}
.social-icon-newspaper:before{content:"\e8e6";}
.social-icon-ninetyninedesigns:before{content:"\e8e7";}
.social-icon-note:before{content:"\e8e8";}
.social-icon-note-beamed:before{content:"\e8e9";}
.social-icon-note-line:before{content:"\e8ea";}
.social-icon-openid:before{content:"\e8eb";}
.social-icon-opentable:before{content:"\e8ec";}
.social-icon-palette:before{content:"\e8ed";}
.social-icon-paper-plane:before{content:"\e8ee";}
.social-icon-paper-plane-line:before{content:"\e8ef";}
.social-icon-params-line:before{content:"\e8f0";}
.social-icon-pause:before{content:"\e8f1";}
.social-icon-pencil:before{content:"\e8f2";}
.social-icon-pencil-line:before{content:"\e8f3";}
.social-icon-phone:before{content:"\e8f4";}
.social-icon-photo-line:before{content:"\e8f5";}
.social-icon-picture:before{content:"\e8f6";}
.social-icon-pinboard:before{content:"\e8f7";}
.social-icon-plancast:before{content:"\e8f8";}
.social-icon-play:before{content:"\e8f9";}
.social-icon-plurk:before{content:"\e8fa";}
.social-icon-plus:before{content:"\e8fb";}
.social-icon-plus-circled:before{content:"\e8fc";}
.social-icon-plus-squared:before{content:"\e8fd";}
.social-icon-pocket:before{content:"\e8fe";}
.social-icon-podcast:before{content:"\e8ff";}
.social-icon-popup:before{content:"\e900";}
.social-icon-posterous:before{content:"\e901";}
.social-icon-print:before{content:"\e902";}
.social-icon-progress-0:before{content:"\e903";}
.social-icon-progress-1:before{content:"\e904";}
.social-icon-progress-2:before{content:"\e905";}
.social-icon-progress-3:before{content:"\e906";}
.social-icon-publish:before{content:"\e907";}
.social-icon-quora:before{content:"\e908";}
.social-icon-quote:before{content:"\e909";}
.social-icon-record:before{content:"\e90a";}
.social-icon-reddit:before{content:"\e90b";}
.social-icon-reply:before{content:"\e90c";}
.social-icon-reply-all:before{content:"\e90d";}
.social-icon-resize-full:before{content:"\e90e";}
.social-icon-resize-small:before{content:"\e90f";}
.social-icon-retweet:before{content:"\e910";}
.social-icon-right:before{content:"\e911";}
.social-icon-right-bold:before{content:"\e912";}
.social-icon-right-circled:before{content:"\e913";}
.social-icon-right-dir:before{content:"\e914";}
.social-icon-right-open:before{content:"\e915";}
.social-icon-right-open-big:before{content:"\e916";}
.social-icon-right-open-mini:before{content:"\e917";}
.social-icon-right-thin:before{content:"\e918";}
.social-icon-rocket:before{content:"\e919";}
.social-icon-rss:before{content:"\e91a";}
.social-icon-search:before{content:"\e91b";}
.social-icon-search-line:before{content:"\e91c";}
.social-icon-share:before{content:"\e91d";}
.social-icon-shareable:before{content:"\e91e";}
.social-icon-shop-line:before{content:"\e91f";}
.social-icon-shuffle:before{content:"\e920";}
.social-icon-signal:before{content:"\e921";}
.social-icon-smashmag:before{content:"\e922";}
.social-icon-songkick:before{content:"\e923";}
.social-icon-sound:before{content:"\e924";}
.social-icon-sound-line:before{content:"\e925";}
.social-icon-stackoverflow:before{content:"\e926";}
.social-icon-star:before{content:"\e927";}
.social-icon-star-empty:before{content:"\e928";}
.social-icon-star-line:before{content:"\e929";}
.social-icon-statusnet:before{content:"\e92a";}
.social-icon-stop:before{content:"\e92b";}
.social-icon-suitcase:before{content:"\e92c";}
.social-icon-switch:before{content:"\e92d";}
.social-icon-t-shirt-line:before{content:"\e92e";}
.social-icon-tag:before{content:"\e92f";}
.social-icon-tag-line:before{content:"\e930";}
.social-icon-tape:before{content:"\e931";}
.social-icon-target:before{content:"\e932";}
.social-icon-thermometer:before{content:"\e933";}
.social-icon-thumbs-up:before{content:"\e934";}
.social-icon-thumbs-down:before{content:"\e935";}
.social-icon-thumbs-up-line:before{content:"\e936";}
.social-icon-ticket:before{content:"\e937";}
.social-icon-to-end:before{content:"\e938";}
.social-icon-to-start:before{content:"\e939";}
.social-icon-tools:before{content:"\e93a";}
.social-icon-traffic-cone:before{content:"\e93b";}
.social-icon-trash:before{content:"\e93c";}
.social-icon-trash-line:before{content:"\e93d";}
.social-icon-trophy:before{content:"\e93e";}
.social-icon-truck-line:before{content:"\e93f";}
.social-icon-tv-line:before{content:"\e940";}
.social-icon-up:before{content:"\e941";}
.social-icon-up-bold:before{content:"\e942";}
.social-icon-up-circled:before{content:"\e943";}
.social-icon-up-dir:before{content:"\e944";}
.social-icon-up-open:before{content:"\e945";}
.social-icon-up-open-big:before{content:"\e946";}
.social-icon-up-open-mini:before{content:"\e947";}
.social-icon-up-thin:before{content:"\e948";}
.social-icon-upload:before{content:"\e949";}
.social-icon-upload-cloud:before{content:"\e94a";}
.social-icon-user:before{content:"\e94b";}
.social-icon-user-add:before{content:"\e94c";}
.social-icon-user-line:before{content:"\e94d";}
.social-icon-users:before{content:"\e94e";}
.social-icon-vcard:before{content:"\e94f";}
.social-icon-viadeo:before{content:"\e950";}
.social-icon-video:before{content:"\e951";}
.social-icon-videocam-line:before{content:"\e952";}
.social-icon-vk:before{content:"\e953";}
.social-icon-volume:before{content:"\e954";}
.social-icon-w3c:before{content:"\e955";}
.social-icon-wallet-line:before{content:"\e956";}
.social-icon-water:before{content:"\e957";}
.social-icon-weibo:before{content:"\e958";}
.social-icon-wikipedia:before{content:"\e959";}
.social-icon-window:before{content:"\e95a";}
.social-icon-wordpress:before{content:"\e95b";}
.social-icon-xing:before{content:"\e95c";}
.social-icon-yahoo:before{content:"\e95d";}
.social-icon-yelp:before{content:"\e95e";}
.social-icon-youtube:before{content:"\e95f";}
.social-icon-menu-fine:before{content:"\e960";}
.social-icon-bag-fine:before{content:"\e961";}
.social-icon-search-fine:before{content:"\e962";}
.social-icon-cancel-fine:before{content:"\e963";}
.social-icon-plus-fine:before{content:"\e964";}
.social-icon-minus-fine:before{content:"\e965";}
.social-icon-gplus-circled:before{content:"\f059";}
.social-icon-github-circled:before{content:"\f09b";}
.social-icon-gplus:before{content:"\f0d5";}
.social-icon-comment-empty-fa:before{content:"\f0e5";}
.social-icon-instagram:before{content:"\f16d";}
.social-icon-tumblr:before{content:"\f173";}
.social-icon-windows:before{content:"\f17a";}
.social-icon-foursquare:before{content:"\f180";}
.social-icon-google:before{content:"\f1a0";}
.social-icon-behance:before{content:"\f1b4";}
.social-icon-steam:before{content:"\f1b6";}
.social-icon-spotify:before{content:"\f1bc";}
.social-icon-database:before{content:"\f1c0";}
.social-icon-qq:before{content:"\f1d6";}
.social-icon-paypal:before{content:"\f1ed";}
.social-icon-stripe:before{content:"\f1f5";}
.social-icon-chrome:before{content:"\f268";}
.social-icon-scribd:before{content:"\f28a";}
.social-icon-github:before{content:"\f300";}
.social-icon-flickr:before{content:"\f303";}
.social-icon-flickr-circled:before{content:"\f304";}
.social-icon-vimeo:before{content:"\f306";}
.social-icon-vimeo-circled:before{content:"\f307";}
.social-icon-twitter:before{content:"\f309";}
.social-icon-twitter-circled:before{content:"\f30a";}
.social-icon-facebook:before{content:"\f30c";}
.social-icon-facebook-circled:before{content:"\f30d";}
.social-icon-facebook-squared:before{content:"\f30e";}
.social-icon-pinterest:before{content:"\f312";}
.social-icon-pinterest-circled:before{content:"\f313";}
.social-icon-tumblr-circled:before{content:"\f316";}
.social-icon-linkedin:before{content:"\f318";}
.social-icon-linkedin-circled:before{content:"\f319";}
.social-icon-dribbble:before{content:"\f31b";}
.social-icon-dribbble-circled:before{content:"\f31c";}
.social-icon-stumbleupon:before{content:"\f31e";}
.social-icon-stumbleupon-circled:before{content:"\f31f";}
.social-icon-lastfm:before{content:"\f321";}
.social-icon-lastfm-circled:before{content:"\f322";}
.social-icon-rdio:before{content:"\f324";}
.social-icon-rdio-circled:before{content:"\f325";}
.social-icon-spotify-circled:before{content:"\f328";}
.social-icon-dropbox:before{content:"\f330";}
.social-icon-evernote:before{content:"\f333";}
.social-icon-flattr:before{content:"\f336";}
.social-icon-skype:before{content:"\f339";}
.social-icon-skype-circled:before{content:"\f33a";}
.social-icon-renren:before{content:"\f33c";}
.social-icon-sina-weibo:before{content:"\f33f";}
.social-icon-picasa:before{content:"\f345";}
.social-icon-soundcloud:before{content:"\f348";}
.social-icon-mixi:before{content:"\f34b";}
.social-icon-google-circles:before{content:"\f351";}
.social-icon-vkontakte:before{content:"\f354";}
.social-icon-smashing:before{content:"\f357";}
.social-icon-db-shape:before{content:"\f600";}
.social-icon-sweden:before{content:"\f601";}
.social-icon-logo-db:before{content:"\f603";}

.recommend {
	display: block;
	color: #fff;
	border-radius: 3px;
	font-weight: 700;
	font-size: 20px;
	margin: 0 10px;
}

.recommend.red {
	background-color: rgb(217, 83, 79);
}

.recommend.orange {
	background-color: rgb(240, 173, 78);
}
.recommend.green {
	background-color: rgb(92, 184, 92);
}
.recommend.orange {
	background-color: rgb(255,204,0);
}


/*
 *   ACCORIDON
 */
#mf-accordion {
	background:#2effbf;
}

#mf-accordion .mf-story-accordion .ui-corner-all
{
   border-radius:0;
   -moz-border-radius:0;
   -webkit-border-radius:0;
}
#mf-accordion .mf-story-accordion  .ui-state-default,
#mf-accordion .mf-story-accordion  .ui-widget-content .ui-state-default,
#mf-accordion .mf-story-accordion  .ui-widget-header .ui-state-default
{
	font-family: 'Roboto', Arial, Verdana, sans-serif;	
	background:#2effbf;
	border:none;
	font-size:22px;
	font-weight:700;
	padding:25px 6px;
	margin:0 12px;
	border-bottom:1px solid #fff;
	color:#333;
	cursor:pointer;
	outline:none;
}
#mf-accordion .mf-story-accordion .ui-state-active,
#mf-accordion .mf-story-accordion .ui-widget-content .ui-state-active,
#mf-accordion .mf-story-accordion .ui-widget-header .ui-state-active
{
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	background:#2effbf;
	border:none;
	font-size:22px;
	font-weight:700;
	padding:25px 6px;
	margin:0 12px;
	border-bottom:0px solid #fff;
	color:#333;
   cursor:pointer;
   outline:none;
}
#mf-accordion .mf-story-accordion .ui-widget-content
{
   border:none;
   padding:50px 70px;
   height:auto;
   font-size:16px;
   font-family: 'Roboto', Arial, Verdana, sans-serif;
   font-weight:300;
   color:#646567;
   background:url(/logo_images/layout/icon-accordion-active-arrow.png) no-repeat left 50px top 0px #f7f8f8;
}
#mf-accordion .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	left:auto;
	right:0;
	/*left:unset;*/
}
#mf-accordion .mf-story-accordion .ui-state-default .ui-icon
{
   float:right;
   background:url(/logo_images/layout/icon-accordion-closed-arrow.png) no-repeat center center;
   cursor:pointer;
   margin-top:-7px;
}
#mf-accordion .mf-story-accordion .ui-state-active .ui-icon {
	float:right;
	margin-top:-7px;
	background:transparent;
	cursor:pointer
}
#mf-accordion .mf-story-accordion .ui-widget-content h3.toggle-headline {
	margin:0 0 30px 0;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-size:20px;
	color:#646567;
	font-weight:600;
}
#mf-accordion .mf-story-accordion .ui-widget-content h2.headline {
	margin:0 0 10px 0;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-size:25px;
	color:#646567;
	font-weight:700;
	border-bottom:none;
}
#mf-accordion .mf-story-accordion .ui-widget-content .text {
	padding:0;
	line-height:22px;
}

#mf-accordion .mf-story-accordion ul,
.karriere-tabs .tab-content ul {
	list-style:none;
}
#mf-accordion .mf-story-accordion ul li,
.karriere-tabs .tab-content ul li {
	background:url(/logo_images/layout/icon-accordion-ul-arrow-red.png) no-repeat 0 3px;
	padding:0 0 0 15px;
	line-height:1.5em;
}

#mf-accordion .mf-story-accordion ul li > ul {
	list-style-type:disc;
}
#mf-accordion .mf-story-accordion ul li > ul > li{
	background:transparent;
	padding:0 0 0 0px;
}


/* 
 *     Toggles listings
 */
.listing-toggles .listing-wrapper {
	margin-bottom:20px;
}
.listing-toggles .listing-wrapper .bg-headline,
.listing-toggles .listing-wrapper .bg-headline a:link,
.listing-toggles .listing-wrapper .bg-headline a:hover, 
.listing-toggles .listing-wrapper .bg-headline a:visited {
	font-size:16px;
	font-weight:700;
	background:#2effbf;	
	color:#333;
	padding:5px 10px;
	margin-bottom:15px;
	text-decoration:none;
}

.listing-toggles .listing-wrapper .listing-inhalt {
	padding:5px 10px;
	max-height: 140px;
	overflow: hidden;
	margin-bottom:15px;
}


.listing-toggles .listing-wrapper .listing-inhalt .listing-inner > ul {
	margin:10px 0;
}
.listing-toggles .listing-wrapper .listing-inhalt a.more:link,
.listing-toggles .listing-wrapper .listing-inhalt a.more:visited,
.listing-toggles .listing-wrapper .listing-inhalt a.less:link,
.listing-toggles .listing-wrapper .listing-inhalt a.less:visited{
	color:#333;
	text-decoration:underline;
	font-weight:700;
}

.listing-toggles .listing-wrapper .more-info {
  /* Hide more info to begin with and reveal if text inside desc is too long*/
  display: none;
}


/* Only display 'more' to begin with */
.listing-toggles .listing-wrapper .more-info .less,
.listing-toggles .listing-wrapper .more-info.expand .more {
  display: none;
}
.listing-toggles .listing-wrapper .more-info.expand .less {
  display: inline;
}

/* Misc, just to make things look a bit prettier */
.listing-toggles .listing-wrapper .more-info:focus {
  outline: none;
}
.listing-toggles .listing-wrapper span.glyphicon {
  margin-left: 3px;
}
.news2018 .mfSectionLongDesc {
	position:relative;
	overflow:hidden;
}
.news2018 .mfSectionLongDesc .wrapper {
	background-color: #e9eaea;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	margin: 15px 15px 0 15px;
	width: calc(100% - 30px);
	z-index: 0;
}
 .mfNews.news2018 .mfNewsImage {
	float: none;
	width: 100%;
	max-width: none;
	overflow:hidden;
	background-size: cover;
	background-repeat: no-repeat;
}

 .mfNews.news2018 .mfNewsImage img {
 	width:100%;
 	height:auto;
 }
 
.mfNews.news2018 .mfNewsTitle {
 	padding:0;
 	text-align:center;
 	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin-bottom:2em;
	height:auto;
 }
 .mfNews.news2018 .mfNewsTitle a {
	font-size: 18px;
	font-weight: 800;
}
 
.mfNews.news2018 .mfNewsText {
 	padding:30px 30px 0 30px;
 	background-color:#e9eaea;
 	position:relative;
 	margin-bottom:90px;
 }
 .startseite .mfNews.news2018 h1 {
 	margin-bottom:1em;	
 }
 .mfNews.news2018 .storyReadMoreNews {
	text-transform: uppercase;
	text-align: center;
	display: block;
	position: relative;
	margin-bottom: 1.75em;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0 -15px 2em;
}
 
 .mfNews.news2018 a.storyReadMoreNews:link,
 .mfNews.news2018 a.storyReadMoreNews:visited,
 .mfNews.news2018 a.storyReadMoreNews:active {
 	color:#333333;
 }
 .news2019 h2 {
 	font-size:21px;
 	font-weight:700;
 	line-height:unset;
 	margin-bottom:1em;
 }
 .news2019 .text {
 	font-weight:400;
	overflow: hidden
}
.news2019.section-image-responsive img {
	max-width:100%;
	height:auto;
}
 .news2019 .sfsStoryUpper {
;
 }
 .news2019 .newsSection .newsReadMoreWrapper {
 	border:0 none;
 	text-align:left;
 }
 .news2019 .section.newsSection {
 	border-bottom:1px solid #ccc;
 	padding-bottom:30px;
 }
 .news2019 .section.newsSection .newsReadMoreWrapper {
 	
 }
 .news2019 .section.newsSection .mfSectionShortDesc {
 	margin-bottom:15px;
 }
 .news2019 .section.newsSection .newsReadMore {
 	display:block;
 	float:left;
 }
 .news2019 .mfImageLeft {
 	overflow:hidden;
 }
 .flex-row {
 	display:flex;
 	flex-direction: row;
 	align-items:stretch;
 }
 .news2018 .flex-row {
 	display:block;
 }
 .flex-row-center {
 	display:flex;
 	align-items:center;
 }
 .tool-intro-panel {
 	margin-bottom:2em;
 }
  .tool-intro-panel .category-icon-peek > img {
	width: 78px;
}

.tool-intro-panel .category-icon-peek {
	width: 78px;
	height: 78px;
}

.startseite .tool-intro-panel h3 {
	text-transform: uppercase;
	color: #1f2126;
	font-weight: 400;
	font-size:20px;
	margin-bottom:1em;
}
 .startseite .mfSectionHeadline h1.headline {
 	margin-bottom:1em;
 } 
 .startseite .mfSectionHeadline h1.headline.margin2em,
 .margin2em {
 	margin-bottom:2em;
 }
 .margin3em {
 	margin-bottom:3em;
 }
 .left1em {
 	margin-left:1em;
 }
 .left2em {
 	margin-left:2em;
 }
  .top1em {
 	margin-top:1em;
 }
 .top2em {
 	margin-top:2em;
 }
  .bottom1em {
 	margin-bottom:1em;
 }
 .bottom2em {
 	margin-bottom:2em;
 }
  .right1em {
 	margin-right:1em;
 }
 .right2em {
 	margin-right:2em;
 }
 .margin-auto {
 	margin-left:auto;
 	margin-right:auto;
 }
 .margin-xs-bottom, .margin-xs-bottom-1 {
 	margin-bottom:1em;
 }
 .margin-xs-bottom-2 {
 	margin-bottom:2em;
 }
 .margin-xs-bottom-3 {
 	margin-bottom:3em;
 }
 .margin-xs-bottom-4 {
 	margin-bottom:4em;
 }
 .margin-xs-bottom-5 {
 	margin-bottom:5em;
 }
 
 .margin-sm-bottom, .margin-sm-bottom-1 {
 	margin-bottom:1em;
 }
 .margin-sm-bottom-2 {
 	margin-bottom:2em;
 }
 .margin-sm-bottom-3 {
 	margin-bottom:3em;
 }
 .margin-sm-bottom-4 {
 	margin-bottom:4em;
 }
 .margin-sm-bottom-5 {
 	margin-bottom:5em;
 }
 .img-xs-center {
 	margin-left:auto;
 	margin-right:auto;
 	display:block;
 }
 
 /* ~~~~~~~~~ Sports Landing Page ~~~~~~~~~~~~~ */
 
#myf-sport-landing h1.headline.taCenter {
	font-weight: 700;
	font-size: 3em;
	line-height: 0.9em;
	margin-bottom: 1.3em;
	font-family:'Roboto', Arial, Verdana, sans-serif;
}

#myf-sport-landing h2.headline.taCenter {
	font-weight: 700;
	font-size: 30px;
	text-transform:uppercase;
	margin-bottom:2em;
	font-family:'Roboto', Arial, Verdana, sans-serif;
}
#myf-sport-landing .section {
	padding-bottom: 40px;
	padding-top: 40px;
}
#myf-sport-landing .section.bg-white,
#myf-sport-landing .section.bg-grey {
	padding-bottom: 80px;
	padding-top: 80px;
	margin-bottom: 40px;
	margin-top: 40px;
}
#myf-sport-landing #myf-sport-intro.section {
	padding-top:0em;
	padding-bottom:0em;
}
#myf-sport-landing .section.shadow {
	box-shadow: 0 0px 16px -1px #e9e9e9;
	-moz-box-shadow: 0 0px 16px -1px #e9e9e9;
	-webkit-box-shadow: 0 0px 16px -1px #e9e9e9;	
}
#myf-sport-landing .taCenter {
	text-align: center;
}
#myf-sport-landing .section ul.info-panel {
    list-style: none;
    margin: 0;
    padding: 0;
}

#myf-sport-landing .section ul.info-panel li {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

#myf-sport-landing .section ul.info-panel .icon {
    display: inline-block;
    width: 60px;
}
#myf-sport-landing ul.info-panel li div {
    top: auto;
    transform: none;
}
#myf-sport-landing .section ul.info-panel .details {
    width: calc(100% - 89px);
    display: inline-block;
    margin-left: 25px;
}
#myf-sport-landing ul.info-panel .icon img {
    width: 60px;
    height: 60px;
}
#myf-sport-intro {
	overflow:hidden;
	overflow: hidden;
	padding-top:0px;
	z-index:2;
	position:relative;
	background-color:#fff;
	margin-top:0em;
}
.myf-sport-intro-img-xs {
	padding: 6vw;
    padding-bottom: 0em;
    max-width: 400px;
	margin: 0 auto;
	width:100%;
	height:auto;
}


#myf-sport-landing .learn-more-wrapper {
	margin: 30px 0;
}

#myf-sport-landing a.learn-more {
	display: inline-block;
	padding: 5px 30px;
	background: #333;
	color: #fff;
	font-size: 17px;
	border: 2px solid #333;
	text-decoration: none;
	transition: all .4s ease;
	text-transform: uppercase;
}
#myf-sport-landing .embed-responsive-16by9,
#myf-sport-landing .embed-responsive-1by1 {
	box-shadow: 5px 5px 14px 0px #ccc;
	background-color:#fff;
}
.embed-responsive-16by9,
#myf-sport-landing .embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.embed-responsive-1by1,
#myf-sport-landing .embed-responsive-1by1 {
	padding-bottom: 100%;
}

.myf-sport-initiated img {
	margin-bottom:5em;
  	max-width:150px;
}
#myf-sport-landing h3 {
	margin-top: 8px;
	margin-bottom: 1.5em;
	text-transform: uppercase;
	font-size: 21px;
}

.img-padding-1 {
	padding:1em;
}

.img-padding-2 {
	padding:2em;
}
.img-padding-3 {
	padding:3em;
}
.img-padding-4 {
	padding:4em;
}

#myf-sport-header {
	height: 45vw;
	background-position-x: center;	
	background-position-y: -11vw;
	background-size:cover;
}

#myf-login-form .myf-login-fields input,
#main-body.marketplace .myf-login-fields input {
	border-radius:0;
}

#ajax-content .user.registration {
	border-radius: 7px;
	overflow: hidden;
	margin: -9px -10px -24px -10px;
}

#ajax-content #myf-login-panel .container {
    padding-left: 30px;
    padding-right: 30px;
}
#ajax-content .container {
    width: 100%;
}

#myf-login-panel {
	background-image:url('/logo_images/layout/myfavorito_your_digital_strategy_to_direct_consumer.jpg');
	background-image:url('/logo_images/2020/myfavorito-fans.jpg');
	background-size:cover;
	background-position:center;
}

#myf-login-wrap h1 {
	color: #fff;
}


#myf-login-form {
	color:#fff;
}
.registration .myf-user-message {
	font-size:1.49em;
	white-space:wrap;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
}

.registration .myf-user-message strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 102%;
}

#myf-login-wrap {
	background-color:rgba(23,23,23,0.79);
	padding:1.5em 0 2em;
}


#myf-login-form .myf-login-fields .captcha {
		font-size:1.3em;
	}
	#myf-login-form .myf-login-fields .captcha img {
		margin-left:10px;
	}
	#myf-login-form .myf-login-fields .captcha br {
		display:none;
	}
	#myf-login-form .myf-login-fields .captcha input {
		width: 35px;
		line-height: 24px;
		padding: 0px 7px;
		color: #000;
		text-align: center;
	}
	#myf-login-form .myf-login-fields .captcha span {
		background-color:transparent !important;
		color:#5eb15e !important;
	}
	#actioncode {
		border-radius:6px;
	}
	.myf-user-page .sfsDialogTop, .myf-profile .sfsDialogTop {
		display:none;
	}
	.myf-profile .sfsFieldsetDialog .tableFix #main-body {
		margin-top:0;
	}
	
	#main-body.home #actioncode {
		width: 100%;
		font-size: 0.5em;
		line-height: 2em;
		border-radius: 6px;
		padding: 7px 103px 7px 18px;
		border: 0 none;
		box-shadow: none;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#main-body.home .action-code-submit, 
	#main-body.home input[type="submit"].action-code-submit {
		font-size:0.5em;
		top:2px;
		top:3px;
	}
	#main-body.home .action-code-submit.chevron, #main-body.home input[type="submit"].action-code-submit.chevron {
		top:auto;
		right:0;
		height: 46px;
		padding: 9px 17px 10px;
	}
	#myf-login-form .myf-login-fields input,
	#myf-login-form .myf-login-fields select,
	#myf-mobileno-form .myf-login-fields input,
	#myf-mobileno-form .myf-login-fields select {
		margin-bottom:15px;
		outline:0 none;
	}
	#myf-login-form .myf-login-fields .has-error select,
	#myf-login-form .myf-login-fields .has-error input,
	#myf-mobileno-form .myf-login-fields .has-error select,
	#myf-mobileno-form .myf-login-fields .has-error input {
		background-color:#f2dede;
	}
	
	.checkbox.new.two-line {
		padding-top:0;
	}
	#myf-login-form .checkbox {
		color: #fff;
		font-family: 'Roboto', Arial, Verdana, sans-serif;
		font-size: 1.3em;
		padding-left: 1.75em;
		margin: 0.5em 0 1.5em;
		position:relative;
	}
	#myf-login-form .checkbox label {
		display:inline;
	}
	#myf-login-form .checkbox label a:link,
	#myf-login-form .checkbox label a:active,
	#myf-login-form .checkbox label a:visited {
		color:#2effbf;
	}
	#myf-login-form .checkbox label a:hover {
		color:#ee781a;
	}
	#myf-login-form .myf-login-label {
		margin:0.7em 0 1.5em;
	}
	#myf-login-form .checkbox input[type="checkbox"] {
		width:auto;
		margin-left:1em;
	}
	.checkbox.new input[type="checkbox"] {
		margin-left:0;
	}
	#myf-login-form .checkbox input[type="checkbox"] {
		
	}
	#myf-login-form .checkbox label {
		padding:0;
		margin-left:0em;
	}
	.checkbox.new label {
		margin-left:2em;
	}
	.checkbox.new input[type="checkbox"] {
		
	}
	/* The checkbox.new */
	.checkbox.new {
	    display: block;
	    position: relative;
	    padding-left: 35px;
	    margin-bottom: 12px;
	    cursor: pointer;
	    font-size: 1.25em;
	    font-weight:normal;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}
	
	/* Hide the browser's default checkbox */
	.checkbox.new input {
	    position: absolute;
	    opacity: 0;
	    cursor: pointer;
	    height: 0;
	    width: 0;
	}
	
	/* Create a custom checkbox */
	.checkmark {
	    position: absolute;
	    top: 2px;
	    left: 0;
	    height: 19px;
	    width: 19px;
	    background-color: #eee;
	}
	
	.has-error .checkmark {
		background-color:#f2dede;
	}
	
	/* On mouse-over, add a grey background color */
	.checkbox.new:hover input ~ .checkmark {
	    background-color: #ccc;
	}
	
	/* When the checkbox is checked, add a blue background */
	.checkbox.new input:checked ~ .checkmark {
	    background-color:#2effbf;
	}
	
	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
	    content: "";
	    position: absolute;
	    display: none;
	}
	
	/* Show the checkmark when checked */
	.checkbox.new input:checked ~ .checkmark:after {
	    display: block;
	}
	
	/* Style the checkmark/indicator */
	.checkbox.new .checkmark:after {
	    left: 7px;
	    top: 4px;
	    width: 5px;
	    height: 10px;
	    border: solid white;
	    border-width: 0 3px 3px 0;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	#myf-login-form .myf-login-buttons .btn {
		border: 1px solid #fff;
		width: 100%;
		color: #fff;
		background: transparent;
		border-radius: 0;
		font-family: 'Roboto', Arial, Verdana, sans-serif;
		font-size: 0.75em;
		padding: 0.4em;
		margin-bottom:15px;
		line-height:1.42857143;
	}
	
	#myf-broadcast-wrap .form-group .btn,
	#myf-login-wrap .form-group .btn,
	#main-body.marketplace .form-group .btn,
	#main-body.marketplace #marketplace-banner .btn,
	#main-body.marketplace #marketplace-header-form .btn,
	#main-body.marketplace #marketplace-header-form-top .btn {
		border: 1px solid #fff;
		width: 100%;
		color: #fff;
		background: transparent;
		border-radius: 0;
		font-family: 'Roboto', Arial, Verdana, sans-serif;
		font-size: 1.4em;
		padding: 0.4em;
		margin-bottom: 15px;
		line-height: 1.42857143;
	} 
	
textarea.myfavoritoTextArea {
	width: 850px;
	max-width: 100%;
	border: 1px solid var(--myf_charcoal);
}

	
#myf-login-wrap a:link, #myf-login-wrap a:active, #myf-login-wrap a:visited {
    color: #fff;
    text-decoration: underline;
    text-weight: bold;
}


#myf-login-wrap a.green:link, 
#myf-login-wrap a.green:active, 
#myf-login-wrap a.green:visited {
    text-decoration: none;
    font-weight:500;
    color:#2effbf
}
a.pwd_lookup {
	font-size: 1.3em;
	color: #fff;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-weight: 400;
}

#actioncode, #myf-login-form .myf-login-fields input {
	width: 100%;
	line-height: 2em;
	padding: 4px 18px;
	border: 0 none;
	box-shadow: none;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
}

#myf_item_modal .success.message .alert.alert-success,
#myf_modal #myf_item_modal #ajax-content .success.message .alert.alert-success,
#main-body.success.message .alert.alert-success {
   	border-radius:0;
   	font-family:'Roboto Slab','Roboto','Ubuntu', Arial, sans-serif;;
   	font-size:1.07em;
   	color:#1f2126;
   	padding:24px;
   	background-color:#fff;
   	border:0 none;
}
#myf_item_modal .success.message .alert.alert-success h4,
#myf_modal #myf_item_modal #ajax-content .success.message .alert.alert-success h4,
#main-body.success.message .alert.alert-success h4 {
   	margin:-24px -24px 24px -24px;
   	background-color:#72c838;
   	color:#fff;
   	font-size:2.79em;
   	padding:24px 24px 24px 90px;
}
#myf_item_modal .success.message .alert.alert-success h4 i.myf-icon-lg,
#myf_modal #myf_item_modal #ajax-content .success.message .alert.alert-success h4 i.myf-icon-lg,
#main-body.success.message .alert.alert-success h4 i.myf-icon-lg {
   	margin-left:-67px;
   	width:48px;
   	height:49px;
   	background-position-x: 78.5%;
	background-position-y: 2.9%;
	background-size: 960%;
}
#myf_item_modal .success.message .success_img,
#myf_modal #myf_item_modal #ajax-content .success.message .success_img,
#main-body.success.message .success_img {
   	width:60px;
   	height:60px;
   	float:left;
}
#myf_item_modal .success.message .success_text_wrapped,
#myf_modal #myf_item_modal #ajax-content .success.message .success_text_wrapped,
#main-body.success.message .success_text_wrapped {
   	margin-left:80px;
}

.success_text a {
	font-size: 1em;
}

.promo_suggested_card {
	background-color: #fff;
	display: flex;
	text-align: left;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 5px 5px 15px #efefef;
	border: 1px solid #efefef;
	margin-top: 1em;
	min-height: 187px;
}

@media all and (max-width: 600px) {
	.promo_suggested_card {
	    flex-direction: column-reverse;
	}
}

.promo_suggested_card .promo_image_left {
	flex: 0 0 185px;
	position: relative;
	display: flex;
	align-items: center;
}
@media all and (max-width: 600px) {
.promo_suggested_card .promo_image_left {
    flex: 0 0 100%;
}
}
.promo_suggested_card .promo_image_left img {
  display: block;
}
.promo_suggested_card .promo_image_left img.promo_suggested_img {
  height: 185px;
  width: 185px;
}
@media all and (max-width: 600px) {
	.promo_suggested_card .promo_image_left img.promo_suggested_img {
	    width: 100%;
	    height: auto;
	}
}

.promo_suggested_card .promo_suggested_text {
	 border-left: 1px solid #efefef;
}

.promo_suggested_card .promo_suggested_text a,
#myf_modal #myf_item_modal #ajax-content .success.message .promo_suggested_card .promo_suggested_text a {
	text-decoration: none !important;
	font-size: 1em;
}

.promo_suggested_card .promo_suggested_text .success_text,
.promo_suggested_card .promo_suggested_text h5 {
	  padding: 1.25em;
}
.promo_suggested_card h5 {
	font-size: 1.1em;
	font-weight: 500;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #efefef;
	margin: 0;
}
@media all and (max-width: 600px) {
	.promo_suggested_card h5 {
	    margin-top: 0.25em;
	}
}


/* ~~~~~~~~ modal ~~~~~~~~~~~ */


#modal, #map_modal, #myf_modal {
	background-color:rgba(0,0,0,0.7);
	height:100vh;
	width:100vw;
	position:fixed;
	left:0px;
	top:0px;
	line-height:100vh;
	text-align:center;
	z-index:1000000;
	transform:translateZ(1px);
	display:none;
}
#modal.active,
#map_modal.active,
#myf_modal.active
{
	display:block;
}
#modal #myf_item_modal,
#myf_modal #myf_item_modal,
#map_modal #myf_item_map_modal, 
#myf_modal #myf_item_map_modal {
	width:80vw;
	max-width:600px;
	margin:2em auto;
	text-align:left;
	line-height:1.5em;
	transform:translateY(200vh);
	transition: transform 0.4s ease-in-out;
	color:#1f2126;
}

#modal #myf_item_modal.active,
#myf_modal #myf_item_modal.active,
#map_modal #myf_item_map_modal.active, 
#myf_modal #myf_item_map_modal.active {
	transform:translateY(0);
}
#modal .community-content--full-size .cm_item,
#map_modal .community-content--full-size .cm_item, 
#myf_modal .community-content--full-size .cm_item {
	max-height:calc(90vh - 4em);
}

#modal .community-content--full-size,
#map_modal .community-content--full-size, 
#myf_modal .community-content--full-size {
	overflow-y:auto;
}

#myf_modal .community-content--full-size #myf-login-panel p {
	color: #fff;
}

#myf_modal .community-content--full-size #myf-login-panel a {
	color: #2effbf;
	text-decoration: none;
}
#modal .community-content--full-size .row,
#map_modal .community-content--full-size .row, 
#myf_modal .community-content--full-size .row {
	max-width:calc(100% + 29px);
}
#myf_item_modal .cm_item .cm_item__text,
#myf_item_map_modal .cm_item .cm_item__text, 
#myf_modal .cm_item .cm_item__text {
	z-index: 1;
	position: absolute;
	bottom: 0;
	margin: 0 0 0 -2em;
	padding: 2em;
}

#myf_item_modal .cm_item .cm_item__text.active,
#myf_item_map_modal .cm_item .cm_item__text.active, 
#myf_modal .cm_item .cm_item__text.active {
	background-color: rgba(0,0,0,0.7);
}
#myf_item_modal .cm_item .cm_item__text p,
#myf_item_map_modal .cm_item .cm_item__text p, 
#myf_modal .cm_item .cm_item__text p {
	line-height:1.3em;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	color:#fff;
	text-shadow: 1px 1px 2px #272727;
	font-size: 1.2em;
	position:relative;
}

#myf_item_modal .cm_item .cm_item__text.active p,
#myf_item_map_modal .cm_item .cm_item__text.active p, 
#myf_modal .cm_item .cm_item__text.active p {
	line-height:1.3em;
	-webkit-line-clamp: none;
	line-clamp: none;
}

.community-content--full-size {
	background-color:#f2f2f2;
	border-radius:10px;
	padding:1em 1em 2em 1em;
	position:relative;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	color:#1f2126;
	max-height:90vh;
}
.community-content--full-size #cm_map__close,
.community-content--full-size #cm_item__close {
	position: absolute;
	top: 1em;
	left: 1em;
	z-index:100;
}
.actioncode .community-content--full-size #cm_item__close {
	left: auto;
	right: 1em;
}
#map-wrapper {
	min-height:500px;
}
.community-content--full-size #cm_map__close img,
.community-content--full-size #cm_item__close img {
	width: 27px;
	height: 27px;
	background-color: #fff;
	border-radius: 50%;
}
			
	
/* ~~~~~ end standard ~~~~~~~ */
 /* Quite small */
 @media (min-width: 538px) {

 }
 
  /* Small */
 @media (min-width: 768px) {
	.news2018 .flex-row {
	 	display:flex;
	 }
	 .news2018 .flex-row .flex-child {
	  	width:33.333%;
	  }
	  .padding50l-sm {
	  	padding-left:50px;
	  }
	  .padding50r-sm {
	  	padding-right:50px;
	  }
	  .font-size-sm-13 {
	  	font-size:13px;
	  }
	  .font-size-sm-15 {
	  	font-size:15px;
	  }
	  .myf-sport-initiated {
	  	display:flex;
	  	align-items:center;
	  }
	  .myf-sport-initiated img {
	  	margin-bottom:0;
	  }
	  .myf-sport-section {
	 	display:flex;
	 	align-items:center;
	 }
	  .margin-xs-bottom, .margin-xs-bottom-1, .margin-xs-bottom-2,
	  .margin-xs-bottom-3, .margin-xs-bottom-4, .margin-xs-bottom-5 {
	 	margin-bottom:0;
	 }
	  .img-xs-center {
	 	margin:0;
	 }
	 #myf-sport-header {
		height:34vw;
	 }
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565199956435 a.menu,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menu,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565199956435 a.menuActive,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menuActive,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565199956435 a.menu,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menu,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565199956435 a.menuActive,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565004271754 a.menuActive {
		text-indent:-9999px;
		line-height:0;
	}
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menu {
	}
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565199956435 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565199956435 a.menuActive:after,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menuActive:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565199956435 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565004271754 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565199956435 a.menuActive:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565004271754 a.menuActive:after {
		display:block;
		text-indent:0;
		line-height:1.3em;
	}
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565199956435 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565199956435 a.menuActive:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565199956435 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565199956435 a.menuActive:after {
		content:"why";	
	}
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menuActive:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565004271754 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565004271754 a.menuActive:after {
		content:"news";	
	}
	#main-body.profile.marketplace.marketplace_landing,
	.marketplace-body-wrapper.sf-nav-main-mode #main-body.profile.marketplace.marketplace_landing,
	.sf-nav-main-mode #main-body.profile, .sf-nav-main-mode #main-body.profile.marketplace.marketplace_landing {
	    margin-top: 110px;
	}
	
 }
 
   /* Medium */
 @media (min-width: 992px) {
 	.mfNews.news2018 .mfNewsTitle {
	 	-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
	 }
	 .news2019 .text {
	 	max-height: 3em;
	}
	.news2019 .mfImageLeft {
		max-height:262px;
	}
	  .padding50l-md {
	  	padding-left:50px;
	  }
	  .padding50r-md {
	  	padding-right:50px;
	  }	
	  .font-size-md-13 {
	  	font-size:13px;
	  }
	  .font-size-md-15 {
	  	font-size:15px;
	  }
	  #myf-sport-intro {
	  	padding-bottom:40px;
	  	max-height: 663px;
	  }
	  
	  .margin-sm-bottom, .margin-sm-bottom-1, .margin-sm-bottom-2,
	  .margin-sm-bottom-3, .margin-sm-bottom-4, .margin-sm-bottom-5 {
	  	margin-bottom:0;
	  }
	  #myf-sport-header {
		height: 31vh;
	  }
	  
	  	#main-body.profile.marketplace.marketplace_landing,
	  	.marketplace-body-wrapper.sf-nav-main-mode #main-body.profile.marketplace.marketplace_landing {
		    margin-top: 114px;
		}
		
		#main-body.profile,
		#main-body.promo,
		#main-body.profile.marketplace.marketplace_landing,
		.marketplace-body-wrapper.sf-nav-main-mode #main-body.profile.marketplace.marketplace_landing,
		.sf-nav-main-mode #main-body.profile,
		.sf-nav-main-mode #main-body.profile.marketplace.marketplace_landing {
			margin-top:112px;
		}
		#sfsApplications > ul > li > a
		{
	        margin-left:1em;
		}
		#sfsApplications > ul > li#languageDropdown > a {
			margin-left: 0;
		}
		#marketplace-action-code {
			margin:0;
		}
 }
 	
    /* Large */
 @media (min-width: 1200px) {
	.mfNews.news2018 .mfNewsTitle a {
		font-size: 21px;
	}
	.padding50l-lg {
	  	padding-left:50px;
	  }
	  .padding50r-lg {
	  	padding-right:50px;
	  }
	  .font-size-lg-13 {
	  	font-size:13px;
	  }
	  .font-size-lg-15 {
	  	font-size:15px;
	  }
	  #myf-sport-header {
		height: 31vh;
	}
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565199956435 a.menu,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menu,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565199956435 a.menuActive,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menuActive,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565199956435 a.menu,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565004271754 a.menu,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565199956435 a.menuActive,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565004271754 a.menuActive {
		text-indent: 0;
		line-height:1.3em;
	}
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565199956435 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565199956435 a.menuActive:after,
	#sfsMainMenuDropDown ul li.menuDrop.sf-id-1565004271754 a.menuActive:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565199956435 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565004271754 a.menu:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565199956435 a.menuActive:after,
	#sfsMainMenuDropDown ul li.menuDropActive.sf-id-1565004271754 a.menuActive:after {
		display:none;
	}
	
	.default_twocol #marketplace-action-code #marketplace-header-form {
		margin-right:20px;
	}
 }
 
 /* ~~~~~~~~~~~~~~~~~~~~~ Presse Marketing Logos ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 .marketingLogo__container {
		display: flex;
		flex-wrap: wrap;	
		margin: 0 -15px;
	}
	
	.marketingLogo__resource {
		display: flex;
		padding: 50px 2em;
		flex: 0 0 calc(50% - 30px);
		align-items: center;
		justify-content: center;
		margin: 15px;
		border-bottom: 2px solid #f2f2f2;
		position: relative;
		min-height: 158px;
	}
	
	@media all and (min-width: 992px) {
		
		.marketingLogo__resource {
			flex-basis: calc(33% - 30px);
		}
	}
	
	@media all and (max-width: 600px) {
		
		.marketingLogo__resource {
			flex-basis: calc(100% - 30px);
		}
	}
	
	.marketingLogo__resource img {
		max-width: 100%;
		max-height: 100px;
	}
	
	.marketingLogo__extension {
		position: absolute;
		bottom: 0;
		right: 0;
		background-color: #1f2126;
		color: #f2f2f2;
		font-weight: 300;
		text-transform: uppercase;
		padding: 5px 9px;
		font-size: 1.3em;
		letter-spacing: 1.6px;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~ Homepage News ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.newsPage {
	margin: 35px 0;
}

.newsPage h1 {
	font-size: 41px;
	font-family: Roboto, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 41px;
}

.newsPage .newsPage__row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -24px;
	width: calc(100% + 48px);
}

@media all and (max-width: 575.999px) {
	.newsPage .newsPage__row {
	    margin: 0 -20px;
	    width: calc(100% + 40px);
	    flex-direction: column;
	}
}

.newsPage .newsItem {
	flex: 0 0 calc(100% / 3);
	padding: 0 24px 48px;
	width: calc(100% / 3);
}

@media all and (max-width: 1200px) {
	.newsPage .newsItem {
	    flex: 0 0 50%;
	    width: 50%;
	}
}

@media all and (max-width: 575.999px) {
	.newsPage .newsItem {
	    width: 100%;
	}
}

.newsPage .newsItem h3,
#main-content .newsPage .newsItem h3 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 12px;
	white-space: normal;
	font-family:'Roboto','Ubuntu', Arial, sans-serif;
}

.newsPage .newsItem p {
	font-weight: 300;
	font-size: 18px;
}

.newsPage .newsItem__img {
	display: block;
	width: 100%;
	height: 232px;
	margin-bottom: 19px;
}

.newsPage .newsItem__img img {
	-o-object-fit: cover;
	 object-fit: cover;
	-o-object-position: 50% 50%;
	 object-position: 50% 50%;
	width: 100%;
	height: 100%;
}

.newsPage .newsItem__date {
	font-size: 19px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.newsPage a.myf-see-all {
	margin-top: 1.75em;	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ Team Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.teamPage {
  overflow: hidden;
  width: 100%;
}

section.teamPage:first-of-type {
	margin-top: 60px;	
}

.teamPage__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -33px;
}
@media all and (max-width: 991.98px) {
.teamPage__row {
    margin: 0 -20px;
}
}
@media all and (max-width: 767.98px) {
.teamPage__row {
    margin: 0 -15px;
}
}
.teamPage__member {
  width: 25%;
  text-align: center;
  padding: 0 33px;
  font-size: 19px;
  margin-bottom: 72px;
}
@media all and (max-width: 991.98px) {
.teamPage__member {
    width: calc(100% / 2);
    padding: 0 20px;
    margin-bottom: 60px;
}
}
@media all and (max-width: 575.98px) {
.teamPage__member {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 45px;
}
}
.teamPage__member img {
  display: block;
  margin: 0 auto 23px;
  max-width: 100%;
  height: auto;
  width: 269px;
}
.teamPage__member h3 {
  font-size: 19px;
  margin: 0 0 7px;
  line-height: 1.2em;
}
.teamPage__member h4 {
  font-size: 19px;
  line-height: 1.2em;
  font-weight: 400;
}
.teamPage--large .teamPage__member h4 {
  text-transform: uppercase;
}
.teamPage--large h3 {
  font-family: "Druk Wide", "DrukTextWide-Heavy", "Arial Black", "Roboto", Verdana, Arial, sans-serif;
}
.teamPage--small .teamPage__member {
  width: 20%;
  font-size: 20px;
}
@media all and (max-width: 991.98px) {
.teamPage--small .teamPage__member {
    width: calc(100% / 4);
}
}
@media all and (max-width: 767.98px) {
.teamPage--small .teamPage__member {
    width: calc(100% / 3);
}
}
@media all and (max-width: 575.98px) {
.teamPage--small .teamPage__member {
    width: 50%;
}
}
.teamPage--small .teamPage__member img {
  margin-bottom: 18px;
}
.teamPage {
  overflow: hidden;
  width: 100%;
}
.teamPage__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -33px;
}
@media all and (max-width: 991.98px) {
.teamPage__row {
    margin: 0 -20px;
}
}
@media all and (max-width: 767.98px) {
.teamPage__row {
    margin: 0 -15px;
}
}
.teamPage__member {
  width: 25%;
  text-align: center;
  padding: 0 33px;
  font-size: 19px;
  margin-bottom: 72px;
}
@media all and (max-width: 991.98px) {
.teamPage__member {
    width: calc(100% / 2);
    padding: 0 20px;
    margin-bottom: 60px;
}
}
@media all and (max-width: 575.98px) {
.teamPage__member {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 45px;
}
}
.teamPage__member img {
  display: block;
  margin: 0 auto 23px;
  max-width: 100%;
  height: auto;
  width: 269px;
}
.teamPage__member h3 {
  font-size: 19px;
  margin: 0 0 7px;
  line-height: 1.2em;
}
.teamPage__member h4 {
  font-size: 19px;
  line-height: 1.2em;
  font-weight: 400;
}
.teamPage--large .teamPage__member h4 {
  text-transform: uppercase;
}
.teamPage--large h3 {
  font-family: "Druk Wide", "DrukTextWide-Heavy", "Arial Black", "Roboto", Verdana, Arial, sans-serif;
}
.teamPage--small .teamPage__member {
  width: 20%;
  font-size: 20px;
}
@media all and (max-width: 991.98px) {
.teamPage--small .teamPage__member {
    width: calc(100% / 4);
}
}
@media all and (max-width: 767.98px) {
.teamPage--small .teamPage__member {
    width: calc(100% / 3);
}
}
@media all and (max-width: 575.98px) {
.teamPage--small .teamPage__member {
    width: 50%;
}
}
.teamPage--small .teamPage__member img {
  margin-bottom: 18px;
}