*,
*:before,
*:after {
	box-sizing: inherit;
	padding: 0;
	margin: 0;
}

html {
	box-sizing: border-box;
}

body {
	background: #f4f7fc;
	font-family: 'Lato', sans-serif;
	color: #4c4c4c;
	overflow-x: hidden;
}

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

/* Buttons */

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

.btn {
	border-radius: 25px;
	text-transform: initial;
	font-weight: 700;
	padding: 10px 50px;
}

.btn-primary,
.btn-secondary {
	font-weight: bold;
	transition: opacity 0.2s ease-in-out;
}

.btn-primary:hover,
.btn-secondary:hover {
	opacity: .92;
}

.btn-primary {
	background: linear-gradient(to right, #b1335b, #933a56);
	border-color: #933a56;
}

.btn-primary:hover {
	background: linear-gradient(to right, #b1335b, #933a56);
	border-color: #933a56;
}

.btn-primary-outline {
	background: transparent;
	border-color: #933a56;
	color: #933a56;
}

.btn-primary-outline:hover {
	background: transparent;
	border-color: #bb5777;
	color: #bb5777 !important;
}

.btn-secondary {
	background: linear-gradient(to right, #2c587d, #1e4667);
	border-color: #2c587d;
	color: #fff;
}

.btn-secondary:hover {
	background: linear-gradient(to right, #2c587d, #1e4667);
	border-color: #1e4667;
	color: #fff;
}

.btn:focus,
.btn:hover {
	color: #fff;
}

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

/* Navbar */

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

.navbar {
	min-height: 72px;
	margin-bottom: 0;
	opacity: .9;
}

.navbar .navbar-brand {
	line-height: 44px;
	height: 72px;
}

.navbar .navbar-nav>li>a {
	line-height: 44px;
}

.navbar .navbar-brand {
	position: relative;
	;
}

.navbar .navbar-brand img {
	max-height: 100%;
}

.navbar .navbar-nav__link {
	position: relative;
	font-weight: bold;
}

.navbar .navbar-nav__link:after {
	position: absolute;
	bottom: -1px;
	left: 50%;
	width: 0px;
	height: 2px;
	transform: translateX(-50%);
	background: #8d2748;
	content: '';
	transition: width 0.2s ease-in-out;
}

.navbar .navbar-nav__link:hover:after,
.navbar .navbar-nav__link--active:after {
	width: 100%;
}

.navbar .navbar-nav__link--active {
	color: #333 !important;
}

.navbar .nav-notification {
	position: relative;
}

.nav-notification .nav-notification__badge {
	position: absolute;
	top: 18px;
	left: 21px;
	padding: 2px;
	background-color: #dc3545;
	min-width: 16px;
}

.navbar-fixed-top {
	transition: top 0.25s ease-in-out;
}

.nav-up {
	top: -74px;
}

.navbar-toggle {
	margin-top: 19px;
	margin-bottom: 19px;
	border: 0;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
	background-color: transparent !important;
}

.navbar-toggle:hover .icon-bar {
	background-color: #4c4c4c;
}

.navbar-nav__mobile-only {
	display: none;
}

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

/* Content */

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

.page-content {
	min-height: calc(100vh - 74px);
	position: relative;
	padding-top: 74px;
}

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

/* Header */

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

.header {
	padding: 100px 0 0;
}

.header .header__background {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 60vw;
	height: 60vh;
	z-index: -1;
	background-size: cover !important;
	background-position: center !important;
}

.header .header__background-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.header .header__background:before,
.header .header__background:after {
	content: '';
	position: absolute;
	left: 0;
}

.header .header__background:before {
	background: linear-gradient(180deg, rgba(245, 247, 252, 0), rgba(245, 247, 252, 1));
	bottom: 0;
	height: 60%;
	width: 100%;
}

.header .header__background:after {
	width: 60%;
	background: linear-gradient(-90deg, rgba(245, 247, 252, 0), rgba(245, 247, 252, 1));
	top: 0;
	left: -2px;
	height: 100%;
}

.header .header__title {
	font-weight: 700;
	font-size: 48px;
	width: 40vw;
	color: #2c587d;
}

.header__excerpt {
	font-size: 22px;
	margin-bottom: 33px;
	width: 40vw;
	color: #2c587d;
	line-height: 1.4;
}

.header__excerpt:last-child {
	margin-bottom: 0;
}

.header__btn {
	border: 1px solid #2c587d;
	color: #2c587d;
	transition: all 0.15s ease-in-out;
}

.header__btn:hover,
.header__btn:focus {
	background: #2c587d;
	color: #fff;
}

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

/* Sections */

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

.section {
	margin-top: 96px;
	margin-bottom: 100px;
}

.section[class*='home--'] {
	margin-top: 0;
}

.section .section__title {
	margin-top: 0;
	margin-bottom: 32px;
	font-weight: 700;
	color: #8d2748;
	position: relative;
}

.section .section__title:after {
	content: "\f054";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 20px;
	margin-left: 24px;
}

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

/* Home - News */

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

.section.home--news {
	margin-top: 96px;
}

/*********/

/* Cards */

/*********/

.card {
	background: #fff;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.2);
	transition: box-shadow 0.3s ease-in-out, transform 0.2s;
}

.card:hover {
	box-shadow: 0 8px 60px 0 hsla(0, 0%, 0%, 0.4);
	transform: translateY(-4px);
}

.card__link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.card .card-header {
	height: 280px;
	width: 100%;
	clear: both;
	padding: 12px;
	position: relative;
	overflow: hidden;
}

.card .card-header__background {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url('https://tvseriescritic.files.wordpress.com/2016/10/stranger-things-bicycle-lights-children.jpg');
	background-position: center !important;
	background-size: cover !important;
	z-index: 1;
	transform: scale(1);
	transition: all 0.2s ease-in-out;
	z-index: 1;
}

.card .card-header__background:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, .55) 10%, rgba(0, 0, 0, 0) 50%);
	content: '';
	z-index: 2;
}

.card:hover .card-header__background {
	transform: scale(1.1);
}

.card .card-header__bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-position: center !important;
	background-size: cover !important;
}

.card .card-header__bg::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, .55) 10%, rgba(0, 0, 0, 0) 50%);
	content: '';
	z-index: 2;
}

.card .card-header__bg-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-header-actions {
	display: table;
	height: 30px;
	width: 100%;
}

.card .card-header-menu {
	display: table-cell;
	position: relative;
	z-index: 3;
}

.card .fa {
	font-size: 18px;
}

.card .fa-heart {
	color: #cb4249;
}

.card .fa-star,
.card .fa-star-half-o {
	color: #ede651;
}

.card .card-header-menu--left {
	text-align: left;
}

.card .card-header-menu--right {
	text-align: right;
}

.card .card-header-menu--left .card-header-menu__item:not(:last-child),
.card .card-header-menu--right .card-header-menu__item:not(:last-child) {
	margin-right: 8px;
}

.card .card-header-menu__item {
	color: #fff;
}

.card .card-header-menu__item-inner {
	display: table;
}

.card .card-header-menu__item-inner * {
	display: table-cell;
	vertical-align: middle;
}

.card .card-header-menu__item-inner *:not(:last-child) {
	padding-right: 4px;
}

.card .card-header-menu__item__text {
	font-weight: 700;
}

.card .card-content {
	position: relative;
	padding: 24px 18px;
}

.card .card-content__title {
	font-weight: 700;
	margin-top: 0;
	font-size: 24px;
	line-height: 1.45;
	transition: color 0.15s;
	word-break: break-word;
}

.card:hover .card-content__title {
	color: #8d2748;
}

.card .card-content-more {
	color: #666666;
	font-size: 14px;
	line-height: 1.45;
}

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

.card .card-header-menu:before,
.card .card-header-menu:after {
	display: table;
	clear: both;
	content: '';
}

.card .card-header-menu__item {
	display: inline-block;
}

.card .card-header-menu__item--rating {
	transform: translateY(-3px);
}

.card .card-header-menu__link {
	color: #fff;
	text-decoration: none;
}

.card .card-action__btn {
	width: 100%;
	border-radius: 6px;
	padding: 6px 12px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	position: absolute;
	bottom: 0;
	height: 40px;
	transform: translateY(100%);
	transition: transform 0.2s;
}

.card:hover .card-action__btn {
	transform: translateY(0);
}

.card .card-content__excerpt {
	color: #666666;
	font-size: 14px;
	line-height: 1.45;
}

.card--related {
	height: 100%;
	padding: 4px;
}

.card--related .card--related__img {
	/* height: 0; */
	/* width: 80%; */
	/* padding-bottom: 80%; */
	margin: 0 auto;
	position: relative;
}

.card--related .card--related__img__img {
	/* height: 100%; */
	width: 100%;
	object-fit: cover;
	/* position: absolute; */
	/* top: 0; */
	/* left: 50%; */
	/* transform: translateX(-50%); */
}

.card--related .card--related__title {
	font-size: 14px;
	font-weight: 700;
	color: #565656;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 6px;
}

.card .card-content {
	transform: translateY(0px);
	transition: transform 0.2s;
	will-change: transform;
	z-index: 1;
	background: #fff;
}

.card:hover .card-content {
	transform: translateY(-40px);
}

/********/

/* News */

/********/

.card--news .card-content {
	position: relative;
	padding: 24px 18px;
	transform: translateY(0) !important;
}

.card--news .card--news__icon {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: 24px;
	left: 18px;
}

.card--news .card--news__icon img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.card--news .card-content__title {
	font-size: 16px;
	margin-bottom: 0;
	font-size: 24px;
}

.card--news .card-content__excerpt {
	margin-top: 18px;
}

.home--products [class*='col-']:not(:last-child),
.notifications-list [class*='col-']:not(:last-child),
.recipes-list [class*='col-']:not(:last-child),
.products-list [class*='col-'],
.news-list [class*='col-'] {
	margin-bottom: 32px;
}

.news-detail [class*='col-']:not(:last-child) {
	margin-bottom: 64px;
}

.card--news--mini .card-content__title {
	padding-left: 0;
	text-align: center;
	font-size: 16px;
}

.card--news--mini .card-content {
	transform: translateY(0px);
	transition: transform 0.2s;
	will-change: transform;
}

.card--news--mini:hover .card-content {
	z-index: 1;
	background: #fff;
	transform: translateY(-40px) !important;
}

.flexbox .news-list>.row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.flexbox .news-list .card--news {
	height: 100%;
}

.flexbox .news-list>.masonry-grid {
	display: block;
}

.flexbox .news-list .masonry-grid .card--news {
	height: initial;
}

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

/* Recipes */

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

.card--recipe .card-content {
	position: relative;
	padding: 24px 18px;
	transform: initial !important;
}

.card--recipe .card--recipe__icon {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: 18px;
	left: 18px;
}

.card--recipe .card--recipe__icon img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.card--recipe .card-content__title {
	padding-left: 50px;
	font-size: 16px;
	margin-bottom: 0;
}

.recipe-info {
	display: table;
	margin-bottom: 16px;
}

.recipe-info-time {
	display: table-cell;
	vertical-align: middle;
	color: #2c587d;
}

.recipe-info-time .recipe-info-time__icon {
	margin-right: 4px;
}

.recipe-info-time .recipe-info-time__text {
	font-weight: 700;
}

.recipe-info-rating {
	padding-left: 32px;
	display: table;
	vertical-align: middle;
}

.recipe-info-rating .raty {
	padding-top: 4px;
}

.share-networks-full {
	display: inline-block;
	margin-bottom: 33px;
}

.share-networks-full span {
	color: #2c587d;
	font-weight: 700;
}

.share-networks-full .social-networks__list {
	padding: 0;
	list-style: none;
	display: inline-block;
	padding-left: 8px;
	margin-bottom: 0;
}

.share-networks-full .social-networks__item {
	display: inline-block;
}

.share-networks-full .social-networks__item:not(:last-child) .social-networks__link {
	margin-right: 8px;
}

.share-networks-full .social-networks__link {
	font-size: 18px;
	display: inline-block;
	/* padding: 4px 8px; */
	width: 36px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	line-height: 36px;
	height: 36px;
	text-align: center;
}

.show-like {
	display: inline-block;
	position: relative;
}

.show-like>label {
	color: #2c587d;
	font-weight: 700;
	display: table-cell;
	vertical-align: middle;
}

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

.ingredients-list .ingredients-list__item:not(:last-child) {
	margin-bottom: 4px;
}

.howto-list {
	padding: 0;
	margin: 0;
	list-style: none;
	counter-reset: li;
}

.howto-list .howto-list__item {
	position: relative;
}

.howto-list .howto-list__item:before {
	position: relative;
	left: 0;
	top: 0;
	font-size: 10px;
	font-weight: 700;
	background: #8d2748;
	border-radius: 10px;
	padding: 0 2px;
	min-width: 16px;
	color: #fff;
	content: counter(li);
	counter-increment: li;
	text-align: center;
	display: inline-block;
	margin-right: 6px;
}

.howto-list .howto-list__item:not(:last-child) {
	margin-bottom: 4px;
}

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

/* SHOW OPTIONS */

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

.show-opts {
	display: table;
	margin-bottom: 32px;
}

.show-opts .share-networks-full {
	display: table-cell;
	vertical-align: middle;
	padding-right: 32px;
}

.show-opts .show-like {
	display: table;
	vertical-align: middle;
	padding-top: 2px;
}

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

/* Products */

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

.card--product .card-content__title {
	margin-bottom: 4px;
}

.card--product__brand {
	margin-top: 0;
	margin-bottom: 24px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
	padding-left: 32px;
	color: #666;
}

.card--product__brand:before {
	position: absolute;
	width: 20px;
	height: 2px;
	background: #8d2748;
	content: '';
	top: 6px;
	left: 0;
}

.home--products .container {
	position: relative;
}

.home--products .section__title {
	padding-right: 88px;
}

.home--products .slick-list {
	overflow: initial;
}

.home--products .slick-list [class*='col-'] {
	margin-bottom: 0 !important;
}

.home--products .slick-slide {
	opacity: 0;
	transition: opacity 0.5s;
}

.home--products .slick-active {
	opacity: 1;
}

.home--products .home--products__slider-nav {
	position: absolute;
	right: 15px;
	top: 0;
	content: '';
	width: 72px;
	height: 32px;
}

.home--products .slick-arrow {
	height: 32px;
	width: 32px;
	border-radius: 50%;
	background: #2c587d;
	border: 0;
	color: #fff;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.2);
	transition: box-shadow 0.3s ease-in-out;
	outline: 0;
}

.home--products .slick-arrow:hover {
	box-shadow: 0 8px 60px 0 hsla(0, 0%, 0%, 0.4);
	transform: translateY(-2px);
}

.home--products .slick-next .fa {
	padding-left: 2px;
}

.home--products .slick-arrow:not(:last-child) {
	margin-right: 8px;
}

.home--products .slick-disabled {
	opacity: .35;
}

.products-detail-info .products-detail-info__title {
	margin-top: 0;
	margin-bottom: 4px;
	font-weight: 700;
	color: #8d2748;
	position: relative;
	padding-left: 16px;
}

.products-detail-info .products-detail-info__title:before {
	position: absolute;
	left: 0;
	top: 8px;
	height: 2px;
	width: 12px;
	background: #8d2748;
	content: '';
}

.products-detail-info label {
	margin-bottom: 0;
}

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

/* Footer */

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

.page-footer {
	background: #2c587d;
	padding: 48px 0;
}

.page-footer .page-footer-nav {
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
	list-style: none;
}

.page-footer .page-footer-nav__item {
	display: inline-block;
}

.page-footer .page-footer-nav__item:not(:last-child) {
	margin-right: 24px;
}

.page-footer .page-footer-nav__link {
	color: #fff;
	font-weight: bold;
}

.page-footer .page-footer__text {
	color: #fff;
	opacity: .8;
	margin-bottom: 0;
}

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

/* Pagination */

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

.dm-pagination {
	text-align: center;
}

.dm-pagination li:not(:last-child) a {
	margin-right: 8px;
}

.dm-pagination a {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px !important;
	padding: 0 !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 50% !important;
	color: #4c4c4c !important;
}

.dm-pagination a:hover {
	background-color: #ddd !important;
}

.dm-pagination .active a {
	color: #fff !important;
	background-color: #8d2748 !important;
}

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

/* Filter */

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

.filter {
	position: relative;
	width: 100%;
	background: #fff;
	border-radius: 6px;
	padding: 0 8px;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.2);
	border: 1px solid #eaeaea;
}

.search {
	padding-right: 8px;
}

.search .form-group,
.search .input-group {
	margin-bottom: 0;
}

.search .form-control {
	padding: 32px 12px 32px 4px;
	box-shadow: none;
	border: 0;
	height: 36px;
}

.search .form-control::-moz-placeholder {
	color: #616161;
	font-weight: 700;
}

.search .form-control:-ms-input-placeholder {
	color: #616161;
	font-weight: 700;
}

.search .form-control::-webkit-input-placeholder {
	text-indent: 0;
	color: #616161;
	font-weight: 700;
}

.search .form-control:focus {
	box-shadow: none;
}

.search .input-wrapper {
	display: table-cell;
}

.search .input-group-addon {
	background-color: #fff;
}

.search .input-group-addon:first-child,
.search .input-group-addon:last-child {
	border: 0;
}

.search .input-group-addon:last-child {
	padding-right: 48px;
}

.filter__action {
	position: absolute;
	right: 16px;
	top: 12.4px;
}

.filter .filter__btn {
	border-radius: 50%;
	height: 40px;
	width: 40px;
	padding: 0;
	padding-top: 8px;
}

/********/

/* Page */

/********/

.page {
	position: relative;
}

.page:before {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .55);
	content: '';
	z-index: 1069;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s;
}

.overlayed:before {
	opacity: 1;
	pointer-events: auto;
}

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

/* Sidemenu */

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

.side-menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1070;
	background: #fff;
	width: 24vw;
	min-width: 380px;
	height: 100%;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.2);
	transform: translateX(-100%);
	transition: transform 0.2s;
	overflow: hidden;
}

.side-menu--open {
	transform: translateX(0);
}

.side-menu .side-menu__header {
	text-align: center;
	padding: 48px 32px;
	position: relative;
}

.side-menu .side-menu__header .side-menu__header__close {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 26px;
	color: #4c4c4c;
	text-decoration: none;
}

.side-menu .side-menu__header .side-menu__header__close:hover {
	text-decoration: none;
}

.side-menu-content {
	position: relative;
}

.side-menu-content .side-menu-content__login {
	font-size: 24px;
	color: #8d2748;
	font-weight: 700;
	margin-bottom: 42px;
	display: block;
	position: relative;
	transition: opacity 0.15s;
	padding: 0 32px;
}

.side-menu-content a.side-menu-content__login:after {
	position: absolute;
	top: 2px;
	right: 32px;
	content: '\f054';
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	transform: translateX(-24px);
	opacity: 0;
	transition: all 0.15s;
}

.side-menu-content a.side-menu-content__login:hover:after {
	transform: translateX(0px);
	opacity: 1;
}

.side-menu-content .side-menu-content__login:hover {
	text-decoration: none;
}

.side-menu-content .side-menu-content__logged {
	display: table;
	width: 100%;
	padding: 0 32px;
}

.side-menu-content .side-menu-content__logged .side-menu-content__login {
	display: table-cell;
	padding: 0 32px 0 0;
}

.side-menu-content .side-menu-content__logged .side-menu-content__logout {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.side-menu-content .side-menu-content__logged .side-menu-content__logout a {
	height: 32px;
	width: 32px;
	border-radius: 50%;
	background: #2c587d;
	border: 0;
	color: #fff;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.2);
	transition: box-shadow 0.3s ease-in-out;
	outline: 0;
	display: inline-block;
	text-align: center;
	line-height: 32px;
}

.side-menu-navs {
	position: relative;
}

.side-menu-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	pointer-events: none;
	opacity: 0;
	padding: 0 32px;
}

.side-menu-nav .side-menu-nav__title {
	color: #8d2748;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #ececec;
	padding-bottom: 8px;
	margin-bottom: 0;
}

.side-menu-nav .side-menu-nav__list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.side-menu-nav .side-menu-nav__link {
	cursor: pointer;
	position: relative;
	padding: 8px 0;
	display: block;
	border-bottom: 1px solid #ececec;
	font-size: 16px;
	color: #4c4c4c;
	padding-right: 24px;
	cursor: pointer;
}

.side-menu-nav .side-menu-nav__link:after {
	position: absolute;
	right: 0;
	top: 9px;
	content: '\f054';
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	transform: translateX(-24px);
	opacity: 0;
	transition: all 0.15s;
}

.side-menu-nav .side-menu-nav__link:hover:after {
	transform: translateX(0px);
	opacity: 1;
}

.side-menu-nav .side-menu-nav__link:hover {
	color: #8d2748;
	text-decoration: none;
}

.side-menu-nav .side-menu-nav__item:last-child .side-menu-nav__link {
	border-bottom: 0;
}

.side-menu-nav--brands {
	display: table;
	width: 100%;
	transform: translate3d(-100%, 0, 0);
}

.side-menu-nav--open {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0%, 0, 0);
	/* transition: left 400ms ease-in-out; */
}

.side-menu-nav .side-menu-nav__btn-back {
	cursor: pointer;
	text-decoration: none;
	color: #8d2748;
	width: 1%;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}

.side-menu-nav .side-menu-nav__title span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 8px;
}

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

/* Rating */

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

.raty i {
	font-size: 18px;
	color: #eeda2d;
}

/*********/

/* Modal */

/*********/

.modal-content {
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.2);
}

.modal-header {
	/* padding: 32px 60px 12px 32px; */
	padding: 32px 60px 12px;
	border: 0;
	text-align: center;
}

.modal-body {
	padding: 24px 32px;
}

.modal-body p {
	margin-bottom: 0;
}

.modal-body p:not(:last-child) {
	margin-bottom: 11px;
}

.modal-footer {
	padding: 12px 32px 30px;
	border: 0;
}

.modal-title {
	font-size: 24px;
	font-weight: 700;
}

.modal-header .close {
	position: absolute;
	right: 32px;
	top: 34px;
	margin-top: 0;
	font-size: 30px;
	color: #4c4c4c;
	opacity: .72;
	transition: opacity 0.15s;
}

.modal-header .close:hover {
	opacity: 1;
}

.modal .raty i {
	font-size: 24px;
}

.modal-footer__buttons,
.modal-footer__buttons::after {
	clear: both;
}

.modal-footer__buttons .pull-left,
.modal-footer__buttons .pull-right {
	display: inline-block;
}

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

/* Collapse */

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

#accordion .panel {
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.15);
	border-color: #eaeaea;
	border-left: 4px solid transparent;
}

#accordion .panel:not(:last-child) {
	margin-bottom: 18px;
}

#accordion .panel-heading {
	padding: 0;
	border: 0;
}

#accordion .panel-title>a {
	display: block;
	padding: 24px;
	position: relative;
	font-weight: 700;
	color: #4c4c4c;
	font-size: 14px;
	padding-right: 42px;
	padding-left: 54px;
}

#accordion .panel-title>a:hover,
#accordion .panel-title>a:focus {
	text-decoration: none;
}

#accordion .panel--primary {
	border-left-color: #007bff;
}

#accordion .panel--success {
	border-left-color: #28a745;
}

#accordion .panel--danger {
	border-left-color: #dc3545;
}

#accordion .panel--warning {
	border-left-color: #ffc107;
}

#accordion .panel-body {
	border: 0;
	padding: 0 24px 24px;
}

#accordion .panel-body .panel-body__title {
	color: #8d2748;
	font-size: 16px;
}

#accordion .panel-body p:not(:last-child) {
	margin-bottom: 16px;
}

#accordion .panel-body p:only-child {
	margin-bottom: 0;
}

#accordion .panel-title__icon {
	margin-right: 12px;
	font-size: 16px;
	color: #4c4c4c;
	position: absolute;
	top: 24px;
	left: 24px;
}

#accordion .panel__caret {
	position: absolute;
	right: 24px;
	top: 24px;
	color: #4c4c4c;
}

#accordion .panel-title>a[aria-expanded="false"] .panel__caret:before {
	content: "\f0d7";
}

#accordion .panel-title>a[aria-expanded="true"] .panel__caret:before {
	content: "\f0d8";
}

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

/* Tables */

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

.table-responsive {
	border-radius: 6px;
}

.table-nutri {
	border-radius: 6px;
	overflow: hidden;
}

.table-nutri>thead>tr>th {
	border-bottom-width: 1px;
}

.table-nutri thead {
	background: #e8e8e8;
}

.table-nutri th {
	font-weight: 400;
}

.table-nutri tbody tr:nth-child(odd) {
	background: #f4f4f3;
}

.table-nutri tbody tr:nth-child(even) {
	background: #e8e8e8;
}

.table-nutri thead th:last-child {
	width: 1%;
}

.table-nutri thead th:last-child,
.table-nutri tbody td:last-child {
	text-align: right;
}

.table-nutri th,
.table-nutri td {
	padding: 8px 16px !important;
}

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

/* Breadcrumbs */

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

.breadcrumbs__title {
	font-weight: 700;
	font-size: 14px;
	color: #2c587d;
	margin-bottom: 2px;
}

.breadcrumbs-nav {
	padding: 0;
	margin: 0;
	list-style: none;
}

.breadcrumbs-nav .breadcrumbs-nav__item {
	display: inline-block;
	position: relative;
	color: #2c587d;
}

.breadcrumbs-nav .breadcrumbs-nav__item:not(:last-child) {
	margin-right: 8px;
}

.breadcrumbs-nav .breadcrumbs-nav__item:not(:last-child):after {
	position: absolute;
	right: 0;
	top: 0;
	content: '\00BB';
	color: #2c587d;
	font-weight: 700;
}

.breadcrumbs-nav .breadcrumbs-nav__link {
	padding-right: 16px;
	color: #2c587d;
	transition: opacity 0.15s ease-in-out;
	font-weight: 700;
}

.breadcrumbs-nav .breadcrumbs-nav__link:hover,
.breadcrumbs-nav .breadcrumbs-nav__link:focus {
	opacity: 0.8;
	text-decoration: none;
}

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

/* Panels */

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

.panel {
	border-radius: 6px;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.2);
	border: 1px solid #eaeaea;
	margin: 0;
	height: 100%;
}

.panel--video {
	overflow: hidden;
}

.panel--video--iframe {
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	overflow: hidden;
}

.panel--video--iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.panel-header~.panel-content {
	padding-top: 0;
}

.panel-header {
	padding: 18px 22px;
	background-color: #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.panel-header .panel-header__icon,
.panel-header .panel-header__title {
	color: #4c4c4c;
}

.panel-header .panel-header__icon {
	margin-right: 8px;
	font-size: 16px;
}

.panel-header .panel-header__title {
	display: inline-block;
	font-weight: 700;
	font-size: 16px;
	margin: 0;
}

.panel-content {
	padding: 18px 22px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	overflow: hidden;
}

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

/* Videos mini */

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

.videos-mini [class*='col-']:not(:last-child),
.videos-mini [class*='col-'] {
	margin-bottom: 32px;
}

.videos-mini__wrapper {
	border-radius: 6px;
	overflow: hidden;
	height: 0;
	padding-top: 56.25%;
	position: relative;
	cursor: pointer;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.2);
	transition: box-shadow 0.3s ease-in-out, transform 0.2s;
	background: rgba(0, 0, 0, 0.3);
}

.videos-mini__wrapper:hover {
	box-shadow: 0 8px 60px 0 hsla(0, 0%, 0%, 0.4);
	transform: translateY(-4px);
}

.videos-mini__thumbnail {
	width: 100%;
	height: auto;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 6px;
	pointer-events: none;
}

.plyr--video,
.plyr .plyr__video-embed iframe {
	border-radius: 6px;
}

.news-detail .plyr__video-wrapper {
	background: #fff;
}

@supports(object-fit: cover) {
	.videos-mini__thumbnail {
		object-fit: cover;
		height: 100%;
	}
}

/********/

/* Plyr */

/********/

.plyr--stopped.plyr--video .plyr__controls {
	opacity: 0;
	pointer-events: none;
}

.plyr--stopped.plyr--video.plyr--init-play .plyr__controls {
	opacity: 1;
	pointer-events: inherit;
}

.plyr__play-large {
	height: 78px;
	width: 78px;
	text-align: center;
	border-color: #fff;
	background: #8d2748;
}

.plyr__play-large svg {
	left: 18px;
}

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

/* Gallery */

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

.gallery-img {
	width: 100%;
	height: 450px;
	cursor: move;
}

.swiper-container {
	width: 100%;
	height: 450px;
}

.gallery-img__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-pagination {
	margin-top: 8px;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.gallery-footer__description,
.gallery-footer__navigation {
	display: table-cell;
	vertical-align: top;
}

.gallery-footer__description {
	padding-right: 16px;
}

.gallery-footer__navigation {
	text-align: right;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	vertical-align: middle;
}

.swiper-pagination-bullets-dynamic {
	text-align: center;
}

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

.gallery-footer__navigation ul li {
	display: inline-block;
	transform: translateY(-4px);
}

.gallery-footer__navigation ul li:not(:last-child) {
	margin-right: 8px;
}

.gallery-footer__navigation ul li button {
	background: #9f9fa4;
	border: 0;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	opacity: 1;
	font-size: 0;
}

.gallery-pagination .swiper-pagination-bullet {
	height: 12px;
	width: 12px;
	margin-right: 4px;
	-webkit-transition: .2s left, .2s -webkit-transform;
	transition: .2s left, .2s -webkit-transform;
	-o-transition: .2s transform, .2s left;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active,
.gallery-footer__navigation ul .slick-active button {
	background: #8d2748;
}

.gallery {
	position: relative;
}

.gallery .slick-arrow {
	position: absolute;
	left: 14px;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%);
}

.gallery .slick-next {
	left: auto;
	right: 14px;
}

.gallery .swiper-button-prev,
.gallery .swiper-button-next {
	font-size: 0;
	line-height: 1;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.gallery .swiper-button-prev::before,
.gallery .swiper-button-next::before {
	font-size: 40px;
	content: "\f000";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #fff;
}

.gallery .swiper-button-prev::before {
	content: '\f137';
}

.gallery .swiper-button-next::before {
	content: '\f138';
}

.gallery .slick-disabled {
	opacity: 0.5;
}

.gallery-pagination {
	margin-top: 8px;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.gallery-footer__description,
.gallery-footer__navigation {
	display: table-cell;
	vertical-align: top;
}

.gallery-footer__description {
	padding-right: 16px;
}

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

/* Videos */

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

.videos {
	position: relative;
}

.videos .swiper-container {
	height: auto;
}

.videos-pagination {
	margin-top: 8px;
}

.videos-footer__navigation {
	float: right;
}

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

/* Controls */

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

.videos-footer__navigation,
.gallery-footer__navigation {
	text-align: right;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	vertical-align: middle;
}

.swiper-pagination-bullets-dynamic {
	text-align: center;
}

.videos-footer__navigation ul,
.gallery-footer__navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.videos-footer__navigation ul li,
.gallery-footer__navigation ul li {
	display: inline-block;
	transform: translateY(-4px);
}

.videos-footer__navigation ul li:not(:last-child),
.gallery-footer__navigation ul li:not(:last-child) {
	margin-right: 8px;
}

.videos-footer__navigation ul li button,
.gallery-footer__navigation ul li button {
	background: #9f9fa4;
	border: 0;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	opacity: 1;
	font-size: 0;
}

.videos-pagination .swiper-pagination-bullet,
.gallery-pagination .swiper-pagination-bullet {
	height: 12px;
	width: 12px;
	margin-right: 4px;
	-webkit-transition: .2s left, .2s -webkit-transform;
	transition: .2s left, .2s -webkit-transform;
	-o-transition: .2s transform, .2s left;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active,
.videos-footer__navigation ul .slick-active button,
.gallery-footer__navigation ul .slick-active button {
	background: #8d2748;
}

.gallery {
	position: relative;
}

.videos .slick-arrow,
.gallery .slick-arrow {
	position: absolute;
	left: 14px;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%);
}

.videos .slick-next,
.gallery .slick-next {
	left: auto;
	right: 14px;
}

.videos .swiper-button-prev,
.videos .swiper-button-next,
.gallery .swiper-button-prev,
.gallery .swiper-button-next {
	font-size: 0;
	line-height: 1;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.videos .swiper-button-prev::before,
.videos .swiper-button-next::before,
.gallery .swiper-button-prev::before,
.gallery .swiper-button-next::before {
	font-size: 40px;
	content: "\f000";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #fff;
}

.videos .swiper-button-prev::before,
.gallery .swiper-button-prev::before {
	content: '\f137';
}

.videos .swiper-button-next::before,
.gallery .swiper-button-next::before {
	content: '\f138';
}

.videos .slick-disabled,
.gallery .slick-disabled {
	opacity: 0.5;
}

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

/* Files list */

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

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

.files-list .files-list__item {
	padding-left: 14px;
	position: relative;
}

.files-list .files-list__item:before {
	position: absolute;
	top: 14px;
	left: 0px;
	height: 5px;
	width: 5px;
	background: #8d2748;
	border-radius: 50%;
	content: '';
}

.file {
	display: table;
	width: 100%;
}

.file .file__name,
.file .file-actions {
	display: table-cell;
}

.file .file__name {
	padding-right: 16px;
	font-weight: 700;
	color: #8d2748;
}

.file .file-actions {
	text-align: right;
	/* width: 1%; */
}

.file-actions .file-actions__btn {
	color: #323189;
	font-size: 18px;
	opacity: 1;
	transition: opacity 0.15s;
}

.file-actions .file-actions__btn:not(:last-child) {
	margin-right: 8px;
}

.file-actions .file-actions__btn:hover,
.file-actions .file-actions__btn:focus {
	color: #323189;
	opacity: .8;
}

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

/* App Stores List */

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

.app-stores-list {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
}

.app-stores-list .app-stores-list__item {
	display: inline-block;
}

.app-stores-list .app-stores-list__img {
	max-width: 160px;
}

/*********/

/* Login */

/*********/

.page--login .page-content {
	display: table;
	width: 100%;
	min-height: 100vh;
	background: url('../../img/site/login-1.jpg');
	position: relative;
	background-position: center !important;
	background-size: cover !important;
}

@media screen and (max-width: 1200px) {
	.page--login .page-content {
		background: url('../../img/site/login-1-1200.jpg');
	}
}

@media screen and (max-width: 768px) {
	.page--login .page-content {
		background: url('../../img/site/login-1-768.jpg');
	}
}

@media screen and (max-width: 500px) {
	.page--login .page-content {
		background: url('../../img/site/login-1-500.jpg');
	}
}

@supports(display: flex) {
	.page--login .page-content {
		display: flex;
		min-height: 100vh;
		justify-content: center;
		align-items: center;
	}
}

.page--login .page-content:after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: radial-gradient(ellipse, rgba(41, 49, 85, .8) 0%, rgba(41, 49, 85, 1) 70%);
	z-index: 0;
	content: '';
}

.login {
	position: relative;
	z-index: 3;
	display: table-cell;
	vertical-align: middle;
}

.login-inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
}

.login-inner .login-inner__title,
.login-inner .login-inner__text {
	color: #fff;
	text-align: center;
	width: 384px;
	margin-left: auto;
	margin-right: auto;
}

.login-inner .login-inner__title {
	margin-bottom: 8px;
	font-size: 36px;
	font-weight: 900;
}

.login-inner .login-inner__text {
	margin-bottom: 52px;
	font-size: 16px;
	font-weight: normal;
}

.login-form .form-group:last-child {
	box-shadow: none;
}

.login-form .input-group-addon {
	background-color: #fff;
	border: 0;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.2);
}

.login-form .input-group-addon .fa {
	width: 20px;
	color: #4c4c4c;
}

.login-form .form-control {
	border: 0;
	box-shadow: none !important;
	padding-left: 0;
	font-weight: 700;
}

.login-form .form-control::-moz-placeholder {
	color: #4c4c4c;
	font-weight: 700;
}

.login-form .form-control:-ms-input-placeholder {
	color: #4c4c4c;
	font-weight: 700;
}

.login-form .form-control::-webkit-input-placeholder {
	text-indent: 0;
	color: #4c4c4c;
	font-weight: 700;
}

.login-form .btn {
	margin-top: 16px;
}

.login-footer {
	text-align: center;
	color: rgba(255, 255, 255, .9);
	letter-spacing: 0.4px;
	margin-top: 114px;
	font-size: 12px;
	position: relative;
}

.login-footer::before {
	position: absolute;
	top: -24px;
	left: 50%;
	height: 2px;
	width: 32px;
	background: rgba(255, 255, 255, .9);
	;
	content: '';
	transform: translateX(-50%);
}

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

/* Trumps */

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

.bg-0 {
	background-color: transparent;
}

.p-xy-0 {
	padding: 0;
}

.p-x-32 {
	padding-left: 32px;
	padding-right: 32px;
}

.p-x-16 {
	padding-left: 16px;
	padding-right: 16px;
}

.m-t-48 {
	margin-top: 48px;
}

.m-t-32 {
	margin-top: 32px;
}

.m-t-16 {
	margin-top: 16px;
}

.m-t-8 {
	margin-top: 8px;
}

.m-b-64 {
	margin-bottom: 64px;
}

.m-b-16 {
	margin-bottom: 16px;
}

.m-b-8 {
	margin-bottom: 8px;
}

.m-b-0 {
	margin-bottom: 0 !important;
}

.m-l-8 {
	margin-left: 8px;
}

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

.form-control {
	border-radius: 6px;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.12);
	border-color: #eaeaea;
	padding: 10px 12px;
	height: auto;
}

.form-control:focus {
	border-color: #eaeaea;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.16);
}

.row--table {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.row--table--poly {
	display: table;
	table-layout: fixed;
}

.row--table--poly>[class*='col-'] {
	display: table-cell;
	float: initial;
	height: 100%;
}

.row.form-group:last-child {
	margin-bottom: 0;
}

.form-group [class*='col-']:not(:last-child) {
	margin-bottom: 15px;
}

.help-block {
	text-align: center;
	color: #cacaca !important;
}

.has-error .input-group {
	border: 1px solid #a94442;
	border-radius: 6px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.rating-label {
	color: #4c4c4c;
}

/*********/

/* HEART */

/*********/

.show-like__heart {
	display: table-cell;
	vertical-align: middle;
	margin-left: 2px;
	position: relative;
}

.show-like__heart svg {
	cursor: pointer;
	overflow: visible;
	width: 46px;
}

.show-like__heart svg #heart {
	transform-origin: center;
	fill: #E2264D;
}

.show-like__heart svg #main-circ {
	transform-origin: 29.5px 29.5px;
}

.show-like__heart .heart--animating #heart {
	transform: scale(0.2);
	fill: #E2264D;
	animation: animateHeart .3s linear forwards .25s;
}

.show-like__heart .heart--animating #main-circ {
	transition: all 2s;
	animation: animateCircle .3s linear forwards;
	opacity: 1;
}

.show-like__heart .heart--animating #grp1 {
	opacity: 1;
	transition: .1s all .3s;
}

.show-like__heart .heart--animating #grp1 #oval1 {
	transform: scale(0) translate(0, -30px);
	transform-origin: 0 0 0;
	transition: .5s transform .3s;
}

.show-like__heart .heart--animating #grp1 #oval2 {
	transform: scale(0) translate(10px, -50px);
	transform-origin: 0 0 0;
	transition: 1.5s transform .3s;
}

.show-like__heart .heart--animating #grp2 {
	opacity: 1;
	transition: .1s all .3s;
}

.show-like__heart .heart--animating #grp2 #oval1 {
	transform: scale(0) translate(30px, -15px);
	transform-origin: 0 0 0;
	transition: .5s transform .3s;
}

.show-like__heart .heart--animating #grp2 #oval2 {
	transform: scale(0) translate(60px, -15px);
	transform-origin: 0 0 0;
	transition: 1.5s transform .3s;
}

.show-like__heart .heart--animating #grp3 {
	opacity: 1;
	transition: .1s all .3s;
}

.show-like__heart .heart--animating #grp3 #oval1 {
	transform: scale(0) translate(30px, 0px);
	transform-origin: 0 0 0;
	transition: .5s transform .3s;
}

.show-like__heart .heart--animating #grp3 #oval2 {
	transform: scale(0) translate(60px, 10px);
	transform-origin: 0 0 0;
	transition: 1.5s transform .3s;
}

.show-like__heart .heart--animating #grp4 {
	opacity: 1;
	transition: .1s all .3s;
}

.show-like__heart .heart--animating #grp4 #oval1 {
	transform: scale(0) translate(30px, 15px);
	transform-origin: 0 0 0;
	transition: .5s transform .3s;
}

.show-like__heart .heart--animating #grp4 #oval2 {
	transform: scale(0) translate(40px, 50px);
	transform-origin: 0 0 0;
	transition: 1.5s transform .3s;
}

.show-like__heart .heart--animating #grp5 {
	opacity: 1;
	transition: .1s all .3s;
}

.show-like__heart .heart--animating #grp5 #oval1 {
	transform: scale(0) translate(-10px, 20px);
	transform-origin: 0 0 0;
	transition: .5s transform .3s;
}

.show-like__heart .heart--animating #grp5 #oval2 {
	transform: scale(0) translate(-60px, 30px);
	transform-origin: 0 0 0;
	transition: 1.5s transform .3s;
}

.show-like__heart .heart--animating #grp6 {
	opacity: 1;
	transition: .1s all .3s;
}

.show-like__heart .heart--animating #grp6 #oval1 {
	transform: scale(0) translate(-30px, 0px);
	transform-origin: 0 0 0;
	transition: .5s transform .3s;
}

.show-like__heart .heart--animating #grp6 #oval2 {
	transform: scale(0) translate(-60px, -5px);
	transform-origin: 0 0 0;
	transition: 1.5s transform .3s;
}

.show-like__heart .heart--animating #grp7 {
	opacity: 1;
	transition: .1s all .3s;
}

.show-like__heart .heart--animating #grp7 #oval1 {
	transform: scale(0) translate(-30px, -15px);
	transform-origin: 0 0 0;
	transition: .5s transform .3s;
}

.show-like__heart .heart--animating #grp7 #oval2 {
	transform: scale(0) translate(-55px, -30px);
	transform-origin: 0 0 0;
	transition: 1.5s transform .3s;
}

.show-like__heart .heart--animating #grp2 {
	opacity: 1;
	transition: .1s opacity .3s;
}

.show-like__heart .heart--animating #grp3 {
	opacity: 1;
	transition: .1s opacity .3s;
}

.show-like__heart .heart--animating #grp4 {
	opacity: 1;
	transition: .1s opacity .3s;
}

.show-like__heart .heart--animating #grp5 {
	opacity: 1;
	transition: .1s opacity .3s;
}

.show-like__heart .heart--animating #grp6 {
	opacity: 1;
	transition: .1s opacity .3s;
}

.show-like__heart .heart--animating #grp7 {
	opacity: 1;
	transition: .1s opacity .3s;
}

.heart__link {
	display: inline-block;
	margin-left: 12px;
	padding-top: 12px;
}

.heart--animating {
	-webkit-animation: heartAnimation forwards 1s;
	animation: heartAnimation forwards 1s;
}

.heart {
	width: 14px;
	height: 14px;
	background: #E2264D;
	-webkit-transform: scale(1) rotate(45deg);
	transform: scale(1) rotate(45deg);
	transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
	transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
	position: relative;
}

.heart::before,
.heart::after {
	content: '';
	display: block;
	background: inherit;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: absolute;
}

.heart::before {
	top: 0;
	left: -50%;
}

.heart::after {
	left: 0;
	top: -50%;
}

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

/* BACKGROUND STATIC */

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

.header__background--mydata {
	background: url('../../img/site/mydata-1.jpg');
}

.header__background--recipe {
	background: url('../../img/site/receitas-1.jpg');
}

.header__background--product {
	background: url('../../img/site/produtos-1.jpg');
}

.header__background--news {
	background: url('../../img/site/novidades-1.jpg');
}

.header__background--representative {
	background: url('../../img/site/representante-1.jpg');
}

@media screen and (max-width: 1200px) {
	.header__background--mydata {
		background: url('../../img/site/mydata-1-1200.jpg');
	}
	.header__background--recipe {
		background: url('../../img/site/receitas-1-1200.jpg');
	}
	.header__background--product {
		background: url('../../img/site/produtos-1-1200.jpg');
	}
	.header__background--news {
		background: url('../../img/site/novidades-1-1200.jpg');
	}
	.header__background--representative {	
		background: url('../../img/site/representante-1-1200.jpg');
	}
}

@media screen and (max-width: 768px) {
	.header__background--mydata {
		background: url('../../img/site/mydata-1-768.jpg');
	}
	.header__background--recipe {
		background: url('../../img/site/receitas-1-768.jpg');
	}
	.header__background--product {
		background: url('../../img/site/produtos-1-768.jpg');
	}
	.header__background--news {
		background: url('../../img/site/novidades-1-768.jpg');
	}
	.header__background--representative {	
		background: url('../../img/site/representante-1-768.jpg');
	}
}

@media screen and (max-width: 500px) {
	.header__background--mydata {
		background: url('../../img/site/mydata-1-500.jpg');
	}
	.header__background--recipe {
		background: url('../../img/site/receitas-1-500.jpg');
	}
	.header__background--product {
		background: url('../../img/site/produtos-1-500.jpg');
	}
	.header__background--news {
		background: url('../../img/site/novidades-1-500.jpg');
	}
	.header__background--representative {	
		background: url('../../img/site/representante-1-500.jpg');
	}
}

@-webkit-keyframes heartAnimation {
	0% {
		-webkit-transform: scale(1.1) rotate(45deg);
		transform: scale(1.1) rotate(45deg);
	}
	25% {
		-webkit-transform: scale(0.7) rotate(45deg);
		transform: scale(0.7) rotate(45deg);
	}
	45% {
		-webkit-transform: scale(1.4) rotate(45deg);
		transform: scale(1.4) rotate(45deg);
		background: #E2264D;
	}
	70% {
		-webkit-transform: scale(1) rotate(45deg);
		transform: scale(1) rotate(45deg);
		background: #E2264D;
	}
	100% {
		-webkit-transform: scale(1.1) rotate(45deg);
		transform: scale(1.1) rotate(45deg);
		background: #E2264D;
	}
}

@keyframes heartAnimation {
	0% {
		-webkit-transform: scale(1.1) rotate(45deg);
		transform: scale(1.1) rotate(45deg);
	}
	25% {
		-webkit-transform: scale(0.7) rotate(45deg);
		transform: scale(0.7) rotate(45deg);
	}
	45% {
		-webkit-transform: scale(1.4) rotate(45deg);
		transform: scale(1.4) rotate(45deg);
		background: #E2264D;
	}
	70% {
		-webkit-transform: scale(1) rotate(45deg);
		transform: scale(1) rotate(45deg);
		background: #E2264D;
	}
	100% {
		-webkit-transform: scale(1.1) rotate(45deg);
		transform: scale(1.1) rotate(45deg);
		background: #E2264D;
	}
}

/*********/

/* Fixes */

/*********/

.compat-object-fit {
	background-position: center !important;
	background-size: cover !important;
}

.compat-object-fit img {
	opacity: 0;
}

.modal .has-error .help-block {
	color: #a94442 !important;
}

.mydata-actions {
	margin-bottom: 24px;
}

.mydata label {
	color: #8d2748;
}

.mydata .form-control-static {
	padding-top: 0;
}

.p-b-3 {
	padding-bottom: 3px;
}

.note-editor p {
	color: rgb(76, 76, 76) !important;
}

.note-editor ul {
	margin: 0;
	counter-reset: li;
	padding: 0 !important;
	list-style: none !important;
}

.note-editor ul li {
	position: relative;
	color: rgb(76, 76, 76) !important;
}

.note-editor ul li:before {
	position: relative;
	left: 0;
	top: 0;
	font-size: 10px;
	font-weight: 700;
	background: #8d2748;
	border-radius: 10px;
	padding: 0 2px;
	min-width: 16px;
	color: #fff;
	content: counter(li);
	counter-increment: li;
	text-align: center;
	display: inline-block;
	margin-right: 6px;
	min-width: 18px;
	min-height: 18px;
}

.note-editor ul li:not(:last-child) {
	margin-bottom: 4px;
}

.note-editor ol {
	padding: 0;
	margin: 0;
	padding-left: 14px;
}

.note-editor ol li {
	margin-bottom: 4px;
	color: rgb(76, 76, 76) !important;
}

.note-editor h1,
.note-editor h2,
.note-editor h3 {
	margin: .67em 0;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: rgb(76, 76, 76);
	margin-top: 22px;
	margin-bottom: 11px;
}

.note-editor h1 {
	font-size: 36px;
}

.note-editor h2 {
	font-size: 30px;
}

.note-editor h3 {
	font-size: 24px;
}

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

/* Animations */

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

.slideOutLeft,
.slideOutRight,
.slideInLeft,
.slideInRight {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@-webkit-keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
}

@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
}

@-webkit-keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@keyframes animateCircle {
	40% {
		transform: scale(10);
		opacity: 1;
		fill: #DD4688;
	}
	55% {
		transform: scale(11);
		opacity: 1;
		fill: #D46ABF;
	}
	65% {
		transform: scale(12);
		opacity: 1;
		fill: #CC8EF5;
	}
	75% {
		transform: scale(13);
		opacity: 1;
		fill: transparent;
		stroke: #CC8EF5;
		stroke-width: .5;
	}
	85% {
		transform: scale(17);
		opacity: 1;
		fill: transparent;
		stroke: #CC8EF5;
		stroke-width: .2;
	}
	95% {
		transform: scale(18);
		opacity: 1;
		fill: transparent;
		stroke: #CC8EF5;
		stroke-width: .1;
	}
	100% {
		transform: scale(19);
		opacity: 1;
		fill: transparent;
		stroke: #CC8EF5;
		stroke-width: 0;
	}
}

@keyframes animateHeart {
	0% {
		transform: scale(0.2);
	}
	40% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes animateHeartOut {
	0% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(1);
	}
}

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

/* Media queries */

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

@media screen and (max-width: 992px) {
	.recipes-detail .row--table>[class*='col-']:not(:last-child) {
		margin-bottom: 64px;
	}
	.home--recipes [class*='col-'],
	.home--news [class*='col-'] {
		margin-bottom: 32px;
	}
	.page-footer {
		text-align: center;
	}
	.page-footer [class*='col-']:nth-child(1) {
		margin-bottom: 32px;
	}
	.page-footer .app-stores-list {
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.navbar {
		opacity: 1;
	}
	.navbar-nav {
		margin: 0 -15px;
	}
	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse {
		max-height: 385px;
	}
	.navbar .navbar-nav__link:after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 100%;
		transform: translateX(-50%);
		background: #8d2748;
		content: '';
	}
	.navbar .navbar-nav__link:hover:after,
	.navbar .navbar-nav__link--active:after {
		width: 8px;
	}
	.navbar-nav__mobile-only {
		display: inline-block;
		margin-left: 8px;
	}
	[class*='home--'] [class*='col-']:not(:last-child) {
		margin-bottom: 32px;
	}
	.header .header__title,
	.header .header__excerpt {
		width: 60vw;
	}
	.header .header__title {
		font-size: 40px;
	}
	.header .header__excerpt {
		font-size: 20px;
	}
	.related-list [class*='col-'] {
		margin-bottom: 32px;
	}
}

@media screen and (max-width: 500px) {
	.dm-pagination li {
		display: none;
	}
	.dm-pagination .pagination__btn {
		display: inline-block;
	}
	.header .header__title,
	.header .header__excerpt {
		width: 100%;
	}
	.search .input-group {
		display: block;
	}
	.search .input-group-addon:last-child {
		display: block;
		width: 100%;
		margin-bottom: 8px;
		padding-left: 8px;
		padding-right: 42px;
	}
	.search .input-group-addon:last-child .btn {
		width: 100%;
	}
	.filter .filter__action {
		position: absolute;
		right: 8px;
		top: 72px;
	}
	.show-opts {
		display: block;
	}
	.show-opts .share-networks-full {
		display: block;
		margin-bottom: 0;
	}
	.show-opts .show-like {
		display: block;
		margin-left: 0;
		padding-top: 0;
	}
	.modal-footer__buttons .pull-left,
	.modal-footer__buttons .pull-right {
		float: unset !important;
		display: block;
		text-align: center;
	}
	.modal-footer__buttons>div:not(:last-of-type) {
		margin-bottom: 8px;
	}
}

@media screen and (max-width: 454px) {
	.home--products .home--products__slider-nav {
		top: 18px;
	}
}

@media screen and (max-width: 380px) {
	.side-menu {
		width: 250px;
		max-width: 250px;
		min-width: 250px;
	}
	.side-menu .side-menu__header img {
		max-width: 142px;
	}
	.side-menu .side-menu-content__login {
		font-size: 20px;
	}
	.side-menu-nav .side-menu-nav__link {
		font-size: 14px;
	}
	.side-menu-content .side-menu-content__login,
	.side-menu-nav {
		padding: 0 24px;
	}
	.side-menu-content .side-menu-content__login:after {
		right: 24px;
	}
	.mydata-actions__left,
	.mydata-actions__right {
		text-align: center;
		float: initial !important;
	}
	.mydata-actions__left {
		margin-bottom: 10px;
	}
}

.social-networks {
	border-radius: 6px;
	/* overflow: hidden; */
	display: none;
	position: absolute;
	box-shadow: 0 4px 50px 0 hsla(0, 0%, 0%, 0.2);
}

.social-networks::after {
	position: absolute;
	right: 10px;
	bottom: -6px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #075e54;
	;
	content: '';
	z-index: -1;
}

.card .card-header-menu__item-inner .social-networks {
	display: none;
}

.social-networks .social-networks__list {
	margin-bottom: 0;
}

.social-networks .social-networks__item {
	display: inline-block;
}

.social-networks .social-networks__link {
	padding: 4px 12px;
	font-size: 24px;
	color: #fff;
	background: #2c587d;
	width: 45px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.social-networks__link--fb,
.social-networks .social-networks__link--fb {
	background: #3b5998;
}

.social-networks__link--instagram,
.social-networks .social-networks__link--instagram {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.social-networks__link--twitter,
.social-networks .social-networks__link--twitter {
	background: #1da1f2;
}

.social-networks__link--wapp,
.social-networks .social-networks__link--wapp {
	background: #075e54;
}

.social-networks .social-networks__item:first-child .social-networks__link {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.social-networks .social-networks__item:last-child .social-networks__link {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.go-to-login,
.forgot-password-modal {
	color: rgba(255, 255, 255, .9);
}

.go-to-login:hover,
.go-to-login:focus .forgot-password-modal:hover,
.forgot-password-modal:focus {
	text-decoration: none;
	color: rgba(255, 255, 255, 1) !important;
}

.btn-default:hover,
.btn-default:focus {
	color: #636b6f;
}

.section--pp {
	margin-top: 0;
}

.section--pp h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	color: #8d2748;
}

.m-b-42 {
	margin-bottom: 42px;
}

@media screen and (max-width: 450px) {
	.modal--recovery .modal-footer .btn {
		display: block;
		width: 100%;
		float: initial;
	}
	.modal--recovery .modal-footer .btn:not(:last-child) {
		margin-bottom: 8px;
	}
	.login {
		width: 100%;
	}
	.login-inner__title,
	.login-inner__text,
	.login-form {
		width: 85% !important;
		margin-left: auto;
		margin-right: auto;
	}
}