@-webkit-keyframes autofill {
	to {
		color: #666;
		background: #fff;
	}
}

input:-webkit-autofill {
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both;
}

.ng-invalid.ng-touched {
	border-color: red;
}


body {
	font-family: arial;
	overflow-x: hidden;
}
body.md-dialog-is-showing {
	overflow: visible !important;
}
.container:not(.jc-bs3-container) {
  max-width: 850px;
  padding: 0;
  width: 100%;
}
body.landing-page .container {
	/*max-width: 1170px !important;*/
}
body.landing-page .login-wrap {
	display: none;
}
body:not(.forgot-password-page):not(.signin-page):not(.commando-login-page):not(.vote-1-page) .c-layout-header .container {
	padding: 0 15px;
}
body.reservations .container {
  max-width: 1000px;
	padding: 0 20px;
}
.c-navbar {
  padding-top: 20px !important;
}
nav {
  margin-right: -15px !important;
}
.c-brand.c-pull-left {
  margin: 0;
}
.container-fluid.header {
  padding: 0;
}
.navbar-nav {
    padding-top: 15px !important;
    width: 100%;
}
.navbar-nav > li {
	padding: 0 20px 0 0;
	vertical-align: middle;
}
.navbar-nav > li > a {
    line-height: 100%;
    color: #fff;
    margin: 0 !important;
    display: inline-block;
    text-decoration: underline;
    text-transform: none;
    padding: 0;
}
.navbar-nav > li > a:hover {
    text-decoration: none;
		color: #fff !important;
		background: none;
}
.navbar-nav > li.username {
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}
.index-page .navbar-nav > li.logout {
  float: right;
  margin-top: 11px;
  padding-right: 0;
}

a.homepage {
  float: right;
  margin-top: 12px;
}

.row.header {
	text-align: center;
	padding: 30px 10px;
}
.logo-wrap {
  display: inline-block;
  float: left;
  max-width: 180px;
  width: 100%;
}
.logo {
  width: 100%;
}

span.req {
	color: red;
}

.form-group.invalid input, .form-group.invalid textarea, .form-group.invalid select, .form-control.invalid {
	border-color: red;
}

.row.footer {
  background: #df4c1b none repeat scroll 0 0;
  color: #fff;
  margin-bottom: 0;
  margin: 20px 0;
  padding: 15px;
  text-align: center;
	border-radius: 5px;
}
.row.footer ul {
	list-style: outside none none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.row.footer ul li {
	display: inline-block;
	padding: 5px;
}
.row.footer ul li a {
	color: #fff;
}


.md-button.md-primary {
  background-color: #df4c1b !important;
  color: #fff !important
}

.week-buttons-wrap {
  margin: 0 -7px;
  margin-bottom: 10px;
  padding-top: 20px;
}
.timeslots-wrap {
  border: 1px solid #ddd;
}
.timeslots-wrap .item {
  padding: 0 5px;
  border: 1px solid #ddd;
  margin: -1px;
}
.timeslots-wrap .item:not(.item-divider) {
	white-space: nowrap;
	height: 24px;
}
.timeslots-wrap .item.item-divider {
  background: #df4c1b;
  color: #fff;
}
.flex-15, .layout-row > .flex-15 {
	max-width: 100%;
}
.timeslots-wrap .item.disabled:not(.has_reservation):not(.inactive) {
  background: #ffc6c6 !important;
}
/*.timeslots-wrap .item.free {
    background: #91ff93;
}*/
.timeslots-wrap .item .btn {
    line-height: 100%;
    padding: 0;
}
.timeslots-wrap .item.free:not(.free_inactive) .btn, .timeslots-wrap .item.has_reservation .btn {
	background: rgb(197,249,164);
	background: -moz-linear-gradient(top,  rgba(197,249,164,1) 0%, rgba(99,160,57,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(197,249,164,1) 0%,rgba(99,160,57,1) 100%);
	background: linear-gradient(to bottom,  rgba(197,249,164,1) 0%,rgba(99,160,57,1) 100%);
	border: 1px solid #000;
	border-radius: 4px;
	padding: 0;
	line-height: 20px;
	width: 100%;
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 75%;
}
.timeslots-wrap .item.free:not(.free_inactive) .btn .sum_actual, .timeslots-wrap .item.has_reservation .btn .sum_actual {
	color: #000;
	font-weight: normal;
}
.timeslots-wrap .item.free:not(.free_inactive) .btn:hover {
	background: rgb(99,160,57);
	background: -moz-linear-gradient(top,  rgba(99,160,57,1) 0%, rgba(197,249,164,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(99,160,57,1) 0%,rgba(197,249,164,1) 100%);
	background: linear-gradient(to bottom,  rgba(99,160,57,1) 0%,rgba(197,249,164,1) 100%);
}
.timeslots-wrap .item.missed {
	background: #BF0F45 !important;
  color: #fff;
}
.timeslots-wrap .item.missed .sum_actual {
  color: #fff;
}
.timeslots-wrap .item.removable:not(.has_reservation) {
  background: #bf0f45 !important;
  color: #fff;
}
.timeslots-wrap .item.has_reservation {
  /*background: #ffe100 !important;*/
}
.timeslots-wrap .item.has_reservation .btn {
	background: rgb(255,225,0) !important;
	background: -moz-linear-gradient(top,  rgba(255,225,0,1) 0%, rgba(196,170,0,1) 100%) !important;
	background: -webkit-linear-gradient(top,  rgba(255,225,0,1) 0%,rgba(196,170,0,1) 100%) !important;
	background: linear-gradient(to bottom,  rgba(255,225,0,1) 0%,rgba(196,170,0,1) 100%) !important;
}
.timeslots-wrap .item.has_reservation .btn:hover {
	background: rgb(196,170,0) !important;
	background: -moz-linear-gradient(top,  rgba(196,170,0,1) 0%, rgba(255,225,0,1) 100%) !important;
	background: -webkit-linear-gradient(top,  rgba(196,170,0,1) 0%,rgba(255,225,0,1) 100%) !important;
	background: linear-gradient(to bottom,  rgba(196,170,0,1) 0%,rgba(255,225,0,1) 100%) !important;
}
.timeslots-wrap .item.removable:not(.has_reservation) .sum_actual {
  color: #fff;
}
.timeslots-wrap .item.free_inactive {
	/*background: #d0e5d1;*/
}
.timeslots-wrap .item.inactive {
  /*background: #dbdbdb !important;*/
  background: #fff !important;
}
.timeslots-wrap .item {
  color: #afafaf;
}

.loader-wrap {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
	display: none;
	opacity: 0;
	transition: opacity 0.5s;
}
.loader-wrap.active {
	display: block;
	opacity: 1;
	transition: opacity 0.5s;
}
.loader {
  bottom: 0;
  height: 135px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-35%);
  width: 100px;
}
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
@keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
.loader-wrap .loader .txt {
  font-size: 200%;
  padding-top: 20px;
  text-align: center;
}


@media all and (max-width:460px) {
	.logo-wrap {
		float: none;
		max-width: 300px;
	}
	a.homepage {
		float: none;
	}
}



md-input-container {
  margin: 0;
}

md-input-container > md-select {
  width: 100%;
}
.md-select-value {
  height: 36px;
}
md-select.md-default-theme .md-select-value.md-select-placeholder, md-select .md-select-value.md-select-placeholder {
  color: #000;
}

.centrum-select.has_centrum_id {
    margin-top: -34px;
}
.centrum-select:not(.has_centrum_id)::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;	
	background: rgba(0, 0, 0, 0.5);
}
.centrum-select:not(.has_centrum_id) .md-input-wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 2;
	background: #fff;
	width: 300px;
	text-align: center;
	padding: 30px 0;
	margin-left: -150px;
	margin-top: -57px;
	padding-bottom: 40px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.reservations .page-title {
    text-align: left;
}
.reservations .page-title h2 {
    font-size: 140%;
}


.color-info {
	padding-top: 20px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 90%;
}
.color-info .label {
	font-size: 0;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
}
.color-info .label.label-default {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.color-info .label.label-success {
	/*background-color: #91ff93;*/
	background: rgb(197,249,164);
	background: -moz-linear-gradient(top,  rgba(197,249,164,1) 0%, rgba(99,160,57,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(197,249,164,1) 0%,rgba(99,160,57,1) 100%);
	background: linear-gradient(to bottom,  rgba(197,249,164,1) 0%,rgba(99,160,57,1) 100%);
}
.color-info .label.label-warning {
	/*background-color: #ffe100;*/
	background: rgb(255,225,0);
	background: -moz-linear-gradient(top,  rgba(255,225,0,1) 0%, rgba(196,170,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,225,0,1) 0%,rgba(196,170,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,225,0,1) 0%,rgba(196,170,0,1) 100%);
}
.color-info .label.label-danger {
	background-color: #ffc6c6;
}
.color-info .label.label-danger2 {
	background-color: #bf0f45;
}

/*.centrum-select {
  margin-top: -42px;
}*/


.aktiv-foglalas {
	padding: 10px;
	padding-top: 13px;
	background: rgba(0, 0, 0, 0.1);
	margin-top: 25px;
	vertical-align: middle;
}
.aktiv-foglalas .btn {
	vertical-align: middle;
}
.aktiv-foglalas .btn {
	vertical-align: middle;
	margin-top: -4px;
	margin-left: 10px;
}

.donor-number-inputs, .birthday-inputs {
	display: table;
	width: 100%;
}
.donor-number-inputs .form-control, .birthday-inputs .form-control {
  display: inline-block;
  float: left;
  height: 38px;
  margin-right: 3px;
  vertical-align: middle;
  width: 38px;
}
.birthday-inputs > div {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	white-space: nowrap;
}
.birthday-inputs > div > div {
	clear: both;
}
.birthday-inputs .sep {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	line-height: 33px;
	padding-right: 4px;
}

.signup-page .page-header,
.commando-page .page-header,
.landing-page .page-header {
	display: none;
}
.landing-page .footer {
	display: none;
}
.page-header {
	margin-top: 20px;
}
.page-header > div:nth-of-type(2) {
	padding-left: 20px;
}
.page-header .page-title h1 {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}

.page-header, 
.login-wrap {
	text-align: center;
	padding: 20px;
	background: #d33f21;
	margin-bottom: 20px;
	color: #fff;
	border-radius: 5px;
	display: table;
	width: 100%;
	color: #fff;
}
.page-header .logo-wrap,
.login-wrap .logo-wrap {
	float: none;
	background: #fff;
	padding: 0 24px;
	border-radius: 10px;
	width: 118px;
	height: 118px;
	max-width: 100% !important;
	line-height: 118px;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}
.page-header .logo-wrap img,
.login-wrap .logo-wrap img {
	width: 100%;
}
.login-wrap form > div {
	display: inline-block;
	vertical-align: middle;
}
@media all and (max-width:768px) {
	.login-wrap form > div {
		width: 100%;
		padding: 10px 0;
	}
}
.login-wrap h2 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 107%;
    margin-bottom: 20px;
    margin-top: 0;
}
.login-wrap input {
	border: 0;
}
.login-wrap button {
    height: 34px;
    background: #fff !important;
    border: 0;
    color: #252525 !important;
    line-height: 35px;
    padding: 0 20px !important;
    font-weight: bold;
}
.login-wrap .links {
	padding-top: 20px;
}
.login-wrap .links a {
	color: #fff;
	text-decoration: underline;
	display: inline-block;
	padding: 0 29px;
}
.login-wrap .links a:hover {
	text-decoration: none;
}

body.no-header .container-fluid.header {
	margin: 0;
}
body.no-header .container-fluid.header .content {
	height: auto !important;
	margin-bottom: 20px;
}
body.no-header .c-navbar {
	display: none;
}
.signup-wrap, .signin-wrap, .commando-wrap, .commando-wrap {
	display: table;
	width: 100%;
	background: rgba(0, 0, 0, 0.05);
	padding: 20px;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.15);
}
.signup-wrap label, .signin-wrap label, .commando-wrap label {
	color: #000;
}
.signup-wrap h2, .commando-wrap h2 {
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 5px;
}
.signup-wrap h2 + small, .commando-wrap h2 + small {
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.signup-wrap .form-group, .commando-wrap .form-group {
	margin-bottom: 7px;
}
.signup-wrap input[type="radio"] + label, .commando-wrap input[type="radio"] + label {
	margin-bottom: 9px;
}
.signup-wrap .button-wrap, .commando-wrap .button-wrap {
	padding-top: 13px;
}
.my-timeslot {
	font-weight: bold;
	color: #474;
	border: 1px #ccc solid;
    padding: 4px;
}
button#delete-reservation {
	background-color: #d33 !important;
}

.form-control {
	border-radius: 0;
}

.phone-signup, .phone-commando {
	text-align: center;
	margin-bottom: 20px;
	background: #cfc;
}
.page-alter-desc {
    font-size: 0.76em;
    text-align: left;
}


@media all and (max-width:768px){
	.reservations .page-title, .page-header .page-title h1 {
		text-align: center;
	}
	.navbar-nav > li {
    text-align: center !important;
    padding-right: 0 !important;
	}
}

@media all and (max-width:576px){
	.page-header .page-title h1 {
		font-size: 22px;
	}
}

@media all and (min-width:768px){
	.btn.btn-lg {
		padding-left: 100px;
		padding-right: 100px;
		font-size: 120%;
	}
}


.clearfix {
	clear:both;
}

header {
  padding-left: 15px;
  padding-right: 15px;
}

.signin-banner .banner-content {
  background: #fe1806 none repeat scroll 0 0;
  padding: 10px;
  color: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.signin-banner h1 {
	font-size: 300%;
	color: #fff;
	margin-top: 0;
}
.signin-banner h1 .one {
	animation-delay: 0s;
}
.signin-banner h1 .two {
	animation-delay: 0.2s;
}
.signin-banner h1 .three {
	animation-delay: 0.4s;
}
.signin-banner h1 .four {
	animation-delay: 0.5s;
}
.signin-banner h1 .five {
	animation-delay: 0.6s;
}
.signin-banner p {
  margin-bottom: 4px;
  line-height: 110%;
}
.signin-banner p strong {
	animation-delay: 2s;
	display: inline-block;
}
.signin-banner p.two {
	animation-delay: 0.5s;
}
#commandoPage .btn {
	margin-top: 7px;
	height: auto;
	padding: 15px 20px;
}
body.commando-page .row.footer-bottom, body.commando-agents-page .row.footer-bottom {
    margin-bottom: 44px;
}
/*
body.commando-page .logout-container, body.commando-agents-page .logout-container {
	position: absolute;
	bottom: 4px;
	right: -15px;
}*/
a.classic {
	color: #00D;
	text-decoration: underline;
}
a.classic:hover {
	color: #00D;
	text-decoration: none;
}


.banner-wrap {
  margin-bottom:10px;
}
.banner-wrap img {
  width: 100%;
  margin-bottom:10px;
}
.banner-wrap .tablet, .banner-wrap .mobile {
  display: none;
}

.c-content-feature-5 .c-content-title-1 {
  margin-top: 25px !important; }

.c-content-feature-5 .c-text {
  position: relative !important;
  background-color: #ffffff !important;
  width: 40% !important;
  padding: 25px !important;
  z-index: 1 !important; }

.c-content-feature-5 .c-photo {
  position: absolute !important;
  top: 0 !important;
  right: 65px !important;
}

body.landing-page .signup-wrap h2 {
	padding-bottom: 10px;
}



@media all and (max-width:768px){
  .banner-wrap .pc {
    display: none;
  }
  .banner-wrap .tablet {
    display: block;
  }
}
@media all and (max-width:480px){
  .banner-wrap .pc {
    display: none;
  }
  .banner-wrap .tablet {
    display: none;
  }
  .banner-wrap .mobile {
    display: block;
  }
}









.landing-banner-wrap {
	background: #ce2943 url(images/bg.png) no-repeat center top;
	background: url(../images/landingpage-banner/bg.png) no-repeat center top, -moz-linear-gradient(left,  #ce2943 0%, #ed802f 100%);
	background: url(../images/landingpage-banner/bg.png) no-repeat center top, -webkit-linear-gradient(left,  #ce2943 0%,#ed802f 100%);
	background: url(../images/landingpage-banner/bg.png) no-repeat center top, linear-gradient(to right,  #ce2943 0%,#ed802f 100%);
	min-height: 238px;
	overflow: hidden;
	position: relative;
	text-align: center;
	max-width: 850px;
	width: 100%;
	color: #fff;
	margin-bottom: 20px;
}
.landing-banner-wrap a:not(.logo):not(.btn) {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.landing-banner-wrap .right-side {
	bottom: 0;
	float: left;
	height: 238px;
	position: absolute;
	right: 0;
	width: 160px;
}
.landing-banner-wrap .left-side {
	float: left;
	padding: 15px 235px 15px 15px;
	text-align: left;
	width: 100%;
}
.landing-banner-wrap .left-side .row {
  clear: both;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.landing-banner-wrap .left-side .row.logo-row {
	display: table;
}
.landing-banner-wrap a.logo {
	float: left;
	display: block;
	width: 106px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.landing-banner-wrap a.logo img {
  border-radius: 15px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
	width: 100%;
}
.landing-banner-wrap .left-side .row.logo-row h1 {
	color: #fff;
	font-size: 180%;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 8px;
	margin-top: 15px;
}
.landing-banner-wrap .left-side .row.logo-row h1 + p {
  font-size: 120%;
  line-height: 122%;
  margin: 0;
}
.landing-banner-wrap .left-side .row.logo-row h1 + p strong {
	font-size: 150%;
	/*animation: pulseOpacity 1s infinite;
	-webkit-animation: pulseOpacity 1s infinite;*/
}
@keyframes pulseOpacity {
	0% { opacity: 1; }
	50% { opacity: 0.2; }
	100% { opacity: 1; }
}
@-webkit-keyframes pulseOpacity {
	0% { opacity: 1; }
	50% { opacity: 0.2; }
	100% { opacity: 1; }
}
.pulseBanner {
	animation: pulseBanner 2s infinite;
	-webkit-animation: pulseBanner 2s infinite;
}
@keyframes pulseBanner {
	0% { opacity: 1; }
	50% { opacity: 0.7; }
	100% { opacity: 1; }
}
@-webkit-keyframes pulseBanner {
	0% { opacity: 1; }
	50% { opacity: 0.7; }
	100% { opacity: 1; }
}
.pulseRedShadow {
	animation: pulseRedShadow 2s infinite;
	-webkit-animation: pulseRedShadow 2s infinite;
}
@keyframes pulseRedShadow {
	0% { box-shadow: 0 0 15px red }
	50% { box-shadow: 0 0 0px red }
	100% { box-shadow: 0 0 15px red }
}
@-webkit-keyframes pulseRedShadow {
	0% { box-shadow: 0 0 15px red }
	50% { box-shadow: 0 0 0px red }
	100% { box-shadow: 0 0 15px red }
}
.landing-banner-wrap .left-side .row:not(.logo-row) {
  font-size: 105%;
  line-height: 125%;
  margin-top: 15px;
}
.landing-banner-wrap .left-side .row p {
	margin: 0;
}
.landing-banner-wrap .size-2x {
	font-size: 130%;
}
.landing-banner-wrap .left-side .row.logo-row ul {
  display: inline;
  left: 73%;
  list-style: outside none none;
  margin-top: -72px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
}
.landing-banner-wrap .left-side .row.logo-row ul li {
	padding: 6px;
}
.landing-banner-wrap .left-side .row.logo-row ul li:nth-of-type(1) {
	animation-delay: 0.5s;
}
.landing-banner-wrap .left-side .row.logo-row ul li:nth-of-type(2) {
	animation-delay: 1s;
}
.landing-banner-wrap .left-side .row.logo-row ul li:nth-of-type(3) {
	animation-delay: 1.5s;
}
.landing-banner-wrap .left-side .row.logo-row ul li img {
	border-radius: 10px;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
}
@media all and (max-width:850px) {
	.landing-banner-wrap .left-side .row.logo-row ul {
		display: none;
	}
	.landing-banner-wrap .left-side {
		padding-right: 170px;
	}
}
@media all and (max-width:500px) {
	.landing-banner-wrap .left-side .row.logo-row h1 {
		clear: both;
		margin-top: 15px;
	}
	.landing-banner-wrap img.logo {
		float: none;
	}
	.landing-banner-wrap .right-side {
		display: none;
	}
	.landing-banner-wrap .left-side {
		padding-right: 15px;
		text-align: center;
	}
}
.nowrap {
	white-space: nowrap;
}

.c-content-feature-5 .c-content-title-1 {
  min-width: 290px;
}

@media all and (max-width:650px) {
	.c-content-feature-5 .c-content-title-1 {
		width: 100% !important;
		position: static !important;
	}
	.c-content-feature-5 .c-text {
		width: 100% !important;
		position: static !important;
	}
	.c-content-feature-5 .c-photo {
		position: static !important;
		width: 100% !important;
	}
}


.container.infoblocks {
  line-height: 120%;
  padding: 40px 15px;
}
.container.infoblocks .c-content-feature-1 {
  padding-right: 0px;
}


.container.gallery {
}
.container.gallery ul {
  margin: 0;
  width: 100%;
}
.container.gallery ul li {
  float: left;
  padding: 4px;
  width: 33.33%;
}
.container.gallery ul li a {
  display: block;
  width: 100%;
}
.container.gallery ul li a:hover {
  opacity: 0.5;
}
.container.gallery ul li a img {
  width: 100%;
}
@media all and (max-width:700px) {
	.container.gallery ul li {
		width: 50%;
	}
}
@media all and (max-width:480px) {
	.container.gallery ul li {
		width: 100%;
	}
}





.barathivo-button-wrap {
  padding-top: 6px !important;
}
.barathivo-button-wrap .image-wrap {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  padding: 5px 0;
	margin-right: 5px;
}
.barathivo-button-wrap a.button {
 -moz-box-shadow:inset 0px 0px 14px -3px #f2fadc;
 -webkit-box-shadow:inset 0px 0px 14px -3px #f2fadc;
 box-shadow:inset 0px 0px 14px -3px #f2fadc;
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fcc66a), color-stop(1, #f08b38));
 background:-moz-linear-gradient(top, #fcc66a 5%, #f08b38 100%);
 background:-webkit-linear-gradient(top, #fcc66a 5%, #f08b38 100%);
 background:-o-linear-gradient(top, #fcc66a 5%, #f08b38 100%);
 background:-ms-linear-gradient(top, #fcc66a 5%, #f08b38 100%);
 background:linear-gradient(to bottom, #fcc66a 5%, #f08b38 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcc66a', endColorstr='#f08b38',GradientType=0);
 background-color:#fcc66a;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 border:1px solid #b2b8ad;
 display:inline-block;
 cursor:pointer;
 color:#000000;
 font-family:Arial;
 font-size:15px;
 font-weight:bold;
 padding:6px 10px;
 text-decoration:none;
 text-shadow:0px 1px 0px #ced9bf;
}
.barathivo-button-wrap a.button:hover {
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f08b38), color-stop(1, #fcc66a));
 background:-moz-linear-gradient(top, #f08b38 5%, #fcc66a 100%);
 background:-webkit-linear-gradient(top, #f08b38 5%, #fcc66a 100%);
 background:-o-linear-gradient(top, #f08b38 5%, #fcc66a 100%);
 background:-ms-linear-gradient(top, #f08b38 5%, #fcc66a 100%);
 background:linear-gradient(to bottom, #f08b38 5%, #fcc66a 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08b38', endColorstr='#fcc66a',GradientType=0);
 background-color:#f08b38;
}
.barathivo-button-wrap a.button.pulse:not(:hover) {
	animation: pulseOpacity 1s infinite;
	-webkit-animation: pulseOpacity 1s infinite;
}
.barathivo-button-wrap a.button:active {
 position:relative;
 top:1px;
}
.barathivo-popup {
	line-height: 120%;
}
.barathivo-popup h1, .husvet-popup h1 {
  font-weight: bold;
	animation: pulseOpacity 1s infinite;
	-webkit-animation: pulseOpacity 1s infinite;
	color: #DF4C1B;
}
.barathivo-button-wrap a.grey-button {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bbb), color-stop(1, #888));
	background:-moz-linear-gradient(top, #bbb 5%, #888 100%);
	background:-webkit-linear-gradient(top, #bbb 5%, #888 100%);
	background:-o-linear-gradient(top, #bbb 5%, #888 100%);
	background:-ms-linear-gradient(top, #bbb 5%, #888 100%);
	background:linear-gradient(to bottom, #bbb 5%, #888 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#888',GradientType=0);
	background-color:#bbb;
	font-size: 75%;
}
.barathivo-button-wrap a.grey-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #888), color-stop(1, #bbb));
	background:-moz-linear-gradient(top, #888 5%, #bbb 100%);
	background:-webkit-linear-gradient(top, #888 5%, #bbb 100%);
	background:-o-linear-gradient(top, #888 5%, #bbb 100%);
	background:-ms-linear-gradient(top, #888 5%, #bbb 100%);
	background:linear-gradient(to bottom, #888 5%, #bbb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888', endColorstr='#bbb',GradientType=0);
	background-color:#888;
}

.firend_invite_notice {
	font-size: 65%;
}
.firend_invite_notice > strong {
    font-size: 125%;
}

@media all and (max-width:1015px) {
	.barathivo-button-wrap .image-wrap {
		display: none;
	}
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 600px;
  margin: 20px auto;
}

.btn.donorbejelentkezes {
	text-decoration: none !important;
	background: #fff;
	color: #DF4C1B !important;
	padding: 4px 10px !important;
	margin-left: 40px;
}
.btn.donorbejelentkezes:not(:hover) {
	animation: pulseDBButton 1.5s infinite !important;
	-webkit-animation: pulseDBButton 1.5s infinite !important;
}


@keyframes pulseDBButton {
	0% { background: #fff; }
	50% { background: #ffa88e; }
	100% { background: #fff; }
}
@-webkit-keyframes pulseDBButton {
	0% { background: #fff; }
	50% { background: #ffa88e; }
	100% { background: #fff; }
}

.miert-adj-plazmat {
	margin-top: 10px;
	margin-bottom: 20px;
	background: rgba(0, 0, 0, 0.05);
	padding: 25px;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.15);
}
.miert-adj-plazmat img {
	width: 100%;
	max-width: 344px;
}
.miert-adj-plazmat h2 {
	text-transform: uppercase;
	margin: 0 0 5px 0;
	font-weight: 700;
}
.miert-adj-plazmat h3 {
	font-size: 120%;
	margin: 0;
}
@media all and (max-width:991px){
	.miert-adj-plazmat img {
		margin-bottom: 30px;
	}	
}


.hoseink-wrap {
	margin-top: 10px;
	margin-bottom: 20px;
	background: rgba(0, 0, 0, 0.05);
	padding: 0;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	overflow: hidden;
}
.hoseink-wrap img {
	width: 100%;
}
@media all and (min-width:720px){
	.hoseink-wrap img.mobil {
		display: none;
	}
}
@media all and (max-width:720px){
	.hoseink-wrap img:not(.mobil) {
		display: none;
	}
}
.hoseink-wrap .text-wrap {
	padding: 25px;
}
.hoseink-wrap .text-wrap h2 {
	color: #D42F36;
	font-weight: bold;
}


.m-0 {
	margin: 0 !important;
}
.p-0 {
	padding: 0 !important;
}
.font-weight-bold {
	font-weight: bold;
}

#recall-page {
	padding: 0 15px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

.btn.btn-success {
	color: #fff;
	background-color: #74ba11;
	border-color: #74ba11;
}
.btn-success.focus, .btn-success:focus, .btn-success:hover {
	color: #fff;
	background-color: #5e970e;
	border-color: #578b0d;
}

#privacy.ng-touched:invalid + label {
	color: red;
}
input[type="checkbox"].ng-invalid.ng-touched, input[type="radio"].ng-invalid.ng-touched {
	box-shadow: 0 0 1px 1px red;
}