/*!
Theme Name: assisstogo
Theme URI: http://underscores.me/
Author: Kern-Czink Krisztina
Author URI: https://designered.hu/
Description: A te designered!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: assisstogo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

assisstogo is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

body {
	margin: 0;
	/* font-family: 'Playfair Display', serif; */
	font-family: 'Roboto Slab', serif;
	color: #4a4948;
	font-size: 16px;
}
.breakpoints {
  color: white;
  color-size: 20px;
  position: relative;
}
.ellenorzo {
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 30;
  background: red;
}
h1 {
	font-size: 40px;
	margin: 0 0 20px 0;
	font-family: 'Roboto Slab', serif;
}
a.feher_gomb {
	padding: 10px 20px;
	background: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 20px;
	color: #4a4948;
	margin: 20px 0;
	display: inline-block;
}
.logo img {
	max-width: 100px;
	height: auto;
	margin-bottom: 20px;
}
.allandosav .container {
	position: relative;
}
.kozepre, .logo {
	margin: 0 auto;
	width: 100%;
}
.nyelvvalaszto {
	position: absolute;
	top: 10px;
	left: -20px;
}
.nyelvvalaszto ul {
	margin: 0;
	position: relative;
}
.nyelvvalaszto ul li {
	list-style: none;
	display: inline;
	position: relative;
	margin: 0 5px 0 0;
	border-right: 1px solid #1eb2ce;
	padding: 0 30px 0 0;
	font-size: 20px;
}
.nyelvvalaszto ul li:last-child {
	border: none;
}
.nyelvvalaszto ul li a {
	text-decoration: none;
	color: #4a4948;
}
.nyelvvalaszto .lang-item-en a::before {
	/* background: url(images/eng_flag_50.png) no-repeat; */
	position: absolute;
	z-index: 30;
	top: 0;
	left: 0;
	width: 50px;
	height: 31px;
	content: 'EN';
}
.nyelvvalaszto .lang-item-hu a::before {
	/* background: url(images/hu_flag_50.png) no-repeat; */
	position: absolute;
	z-index: 30;
	top: 0;
	left: 0;
	width: 50px;
	height: 31px;
	content: 'HU';
}
.nyelvvalaszto .lang-item-en a img {
	width: 50px;
	/* height: 29px; */
}
.nyelvvalaszto ul li a img {
	display: none;
}
/*menu*/
.navbar-nav {
	justify-content: center;
	align-content: center;
	position: relative;
	z-index: 100;
	text-align: center;
}
.navbar-nav li {
	position: relative;
}
.navbar-nav a {
	text-decoration: none;
	color: #4a4948;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 20px;
	font-family: 'Roboto Slab', serif;
}
.navbar-nav > li {
   /* margin-left: 10px; */
}
.navbar-nav > li > a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
  bottom: 0;
  left: 0;
	background-color: #1eb2ce;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
	z-index: 10;
 }
.navbar-nav a:hover:before, .navbar-nav li:hover > a:before, .navbar-nav .menu-active > a:before {
	visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*teszt*/

.button_container {
  position: fixed;
  top: 10px;
  right: 10px;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 100;
  transition: opacity 0.25s ease;
}
.button_container:hover {
  opacity: 0.7;
}
button.active .top {
  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
          transform: translateY(10px) translateX(0) rotate(45deg);
  background: #fff;
}
button.active .middle {
  opacity: 0;
  background: #fff;
}
button.active .bottom {
  -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
          transform: translateY(-10px) translateX(0) rotate(-45deg);
  background: #fff;
}
button:active, button:focus {
	text-decoration: none;
	outline: none;
}
 .button_container span {
  background: #1eb2ce;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 10px;
}
.button_container span:nth-of-type(3) {
  top: 20px;
}

.navbar-collapse {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: hidden;
  transition: opacity 0.35s, visibility 0.35s, width 0.35s;
  z-index: 50;
}
.navbar-collapse:before {
  content: "";
  background: #1eb2ce;
  left: -55%;
  top: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  transition: left 0.35s ease;
}
.navbar-collapse:after {
  content: "";
  background: #1eb2ce;
  right: -55%;
  top: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  transition: all 0.35s ease;
}

.navbar-collapse.show {
  opacity: 0.9;
  visibility: visible;
  height: 100%;
}
.navbar-collapse.show:before {
  left: 0;
}
.navbar-collapse.show:after {
  right: 0;
}
.navbar-collapse.show li {
  -webkit-animation: fadeInRight 0.5s ease forwards;
          animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.navbar-collapse.show li:nth-of-type(2) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.navbar-collapse.show li:nth-of-type(3) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.navbar-collapse.show li:nth-of-type(4) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
/* nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 50px;
  font-family: "Vollkorn", serif;
  font-weight: 400;
  text-align: center;
  z-index: 100;
} */
.navbar-collapse ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  /* display: inline-block; */
  position: relative;
  height: 100%;
}
.navbar-collapse ul li {
  display: block;
  position: relative;
  opacity: 0;
}
.navbar-collapse ul li a {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
}
.navbar-collapse ul li a:hover:after, .navbar-collapse ul li a:focus:after, .navbar-collapse ul li a:active:after {
  width: 100%;
}
.navbar-collapse ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 3px;
  background: #fff;
  transition: 0.35s;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
/*menü vége*/
/*főoldali szolgaltatasok doboz*/
.szolgaltatasok_fooldal_kep {
	position: relative;
	overflow: hidden;
	max-height: 260px;
}
.szolgaltatasok_fooldal_kep h2 {
	position: absolute;
	font-size: 20px;
	background-color: rgba(30, 178, 206, 0.5);
	bottom: 10%;
	left: 0;
	width: 80%;
	padding: 15px 30px;
	text-transform: uppercase;
	color: #4a4948;
	font-family: 'Roboto Slab', serif;
}
.szolgaltatasok_fooldal_kep a {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.szolgaltatasok_fooldal_kep:hover::before {
	background-color: rgba(30, 178, 206, 0.5);
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
.szolgaltatasok_fooldal_kep:hover h2 {
	background: none;
	top: 50%;
	left: 50%;
	color: #ffffff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%,-50%);
	width: auto;
	z-index: 2;
}
/*főoldali szolgaltatasok doboz vege*/
/* szolgaltatasok aloldal */
.szolgaltatasok_aloldal h1, .szolgaltatasok_aloldal h2 {
	color: #1eb2ce;
	text-align: center;
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
}
.szolgaltatasok_aloldal h2 {
	font-size: 20px;
	margin: 60px 0 20px 0;

}
.arajanlatot_kerek {
	text-align: center;
	background: url(images/arajanlatot_kerek_bg.png) no-repeat left 75px;
}
.arajanlatot_kerek input,.arajanlatot_kerek textarea {
	border: 1px solid #cfcfcf;
}
.arajanlatot_kerek textarea {
	width: 100%;
	margin: 10px 0;
	padding: 5px 10px;
}
.arajanlatot_kerek input[type='text'],
.arajanlatot_kerek input[type='email'] {
	width: 100%;
	margin: 5px 0;
	padding: 5px 10px;
}
.arajanlatot_kerek input[type='submit'] {
	background: #1eb2ce;
	color: #ffffff;
	text-transform: uppercase;
	padding: 10px 30px;
	margin: 20px 0;
}
/* szolgaltatasok aloldal vege */
/* szolgaltatasok oldal */
.szolgaltatasok_oldal {
	position: relative;
	color: #1eb2ce;
}
.kep_cim {
	position: relative;
}
.kep_cim h3 {
	position: absolute;
	font-size: 30px;
	background-color: rgba(30, 178, 206, 0.5);
	bottom: 10%;
	left: 0;
	padding: 15px 30px;
	color: #ffffff;
	font-family: 'Roboto Slab', serif;
}
.szolgaltatasok_oldal:nth-child(2n) {
  background: #1eb2ce;
	color: #ffffff;
}
.szolgaltatasok_oldal_tartalom {
	padding: 20px 10px;
}
/* szolgaltatasok oldal vege */
/* rolam aloldal */
.rolam_aloldal {
	text-align: justify;
}
.rolam_aloldal img {
	border-right: 20px solid #1eb2ce;
	border-bottom: 20px solid #1eb2ce;
	position: relative;
	z-index: 2;
	margin: 0 30px 30px 0;
}
.rolam_aloldal h1 {
	color: #1eb2ce;
	font-size: 30px;
	/* position: relative; */
	text-align: center;
	font-family: 'Satisfy', cursive;
}
.rolam_aloldal h1::before {
	content: '';
	width: 55%;
	height: 2px;
	border-top: 2px solid #1eb2ce;
	position: absolute;
	top: 25px;
	left: 20px;
}
.rolam_aloldal h1 span {
	font-size: 15px;
	color: #4a4948;
	font-family: 'Roboto Slab', serif;
}

/* rolam aloldal vege */
/* rolam rész */
.keksav {
	background: #1eb2ce;
	padding: 60px 0;
}
.keksav img {
	border-right: 20px solid #ffffff;
	border-bottom: 20px solid #ffffff;
	position: relative;
	z-index: 3;
}
.keksav h3 {
	color: #ffffff;
	font-size: 40px;
	text-align: center;
	font-family: 'Satisfy', cursive;
}
.keksav h3::before {
	content: '';
	width: 55%;
	height: 2px;
	border-top: 2px solid #ffffff;
	position: absolute;
	top: 25px;
	left: -290px;
}
.keksav span {
	font-size: 20px;
	text-align: center;
}
/* rolam rész vége */
/* partnereim */
.partnereim {
	background: url(images/partnereim_bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 30px 0 50px 0;
}
.partnereim h4 {
	font-family: 'Satisfy', cursive;
	font-size: 40px;
}
.carousel-caption {
	position: relative;
	left: 0;
	bottom: 0;
	right: 0;
}
.carousel-indicators {
	bottom: -50px;
}
.carousel-indicators li {
	background: #1eb2ce;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 20px!important;
	height: 2px!important;
}
.carousel_kep {
	width: 230px;
	margin: 0 auto;
}
.flex {
	background: #ffffff;
	padding: 0 10px;
}
.flex h5 {
	color: #1eb2ce;
	font-size: 25px;
	padding: 0;
	margin: 0;
}
.flex span {
	font-size: 17px;
	text-transform: uppercase;
	color: #1eb2ce;
}
a.kek_gomb {
	color: #ffffff;
	background: #1eb2ce;
	padding: 5px 20px;
}
.flex img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.carousel_tartalom {
	color: #4a4948;
	margin: 10px 0;
}
/* partnereim vége */
/*blogom szakasz*/
.blogom {
  position: relative;
  display: flex;
  justify-content: center;
  min-height: 350px;
  margin: 0 0 20px 0;
  flex-direction: column;
}
.blogom_cim {
  background: #1eb2ce;
  font-size: 25px;
  font-family: 'Raleway', sans-serif;
  padding: 25px 100px 15px 15px;
  position: absolute;
  z-index: 2;
  top: 50px;
}
.blogom_cim h5 {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.blogom_datum {
  font-size: 13px;
}
.blogom .blogom_kep {
  position: relative;
  padding: 25px;
}
.blogom .blogom_kep::before {
  content: '';
  position: absolute;
  top: 70px;
  left: 0;
  border: 2px solid #1eb2ce;
  width: 240px;
  height: 240px;
}
.blogom_tartalom {
  background: white;
  max-width: 471px;
  padding: 10px 10px 25px 10px;
  position: relative;
  top: 20px;
  height: 100%;
}
a.blogom_gomb {
  padding: 10px 15px;
  border: 2px solid #1eb2ce;
  text-transform: uppercase;
  color: #1eb2ce;
  text-decoration: none;
}
.sidebar {
  display: flex;
  flex-direction: column;
}
.sidebar h2 {
  font-weight: normal;
  font-size: 19px;
}
.sidebar ul li {
  list-style: none;
  position: relative;
  padding: 0 0 0 5px;
}
.sidebar ul li a {
  color: #77787b;
}
.sidebar ul li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: -25px;
  background: url(images/pipa.png) no-repeat;
  width: 19px;
  height: 19px;
}
.sidebar input {
  border: 2px solid #cfe2e2;
  background: none;
  padding: 5px 10px;
}
input.search-submit {
  border: 2px solid #cae0e0;
  background: #c9e0e0;
  padding: 5px 10px;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
}
/*blog vége*/

/* footer */

footer input, footer textarea {
	border: 1px solid #cfcfcf;
}
footer .miben_segithetek {
	color: #1eb2ce;
}
footer textarea {
	width: 100%;
	margin: 10px 0;
	padding: 5px 10px;
}
footer input[type='text'],
footer input[type='email'] {
	width: 100%;
	margin: 5px 0;
	padding: 5px 10px;
}
footer input[type='submit'] {
	background: #1eb2ce;
	color: #ffffff;
	text-transform: uppercase;
	padding: 10px 30px;
	margin: 20px 0;
}
footer h4 {
	color: #1eb2ce;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
::-webkit-input-placeholder { /* Edge */
  color: #acacaa;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #acacaa;
}
::placeholder {
  color: #acacaa;
}
footer .wpcf7-checkbox {
	font-size: 15px;
	display: inline-block;
}
footer .kekdoboz {
	/* background: url('images/kekdoboz_minta.png') no-repeat ; */
	background: #1eb2ce url(images/kekdoboz_minta.png) no-repeat bottom right;
	padding: 10px 15px 30px 15px;
	min-height: 370px;
}
.elerhetoseg ul {
	margin: 0;
	padding: 0;
}
.elerhetoseg ul li {
	list-style: none;
	color: #ffffff;
	font-size: 20px;
	text-transform: uppercase;
}
.elerhetoseg ul li span, .elerhetoseg ul li span a {
	font-size: 15px;
	color: #4a4a48;
	text-transform: none;
}
.itt_is_megtalalsz {
	font-size: 20px;
	text-transform: uppercase;
	color: #ffffff;
}
.footer_menu ul {
	margin: 0;
	padding: 0;
}
.footer_menu ul li {
	list-style: none;
}
.footer_menu ul li a {
	color: #4a4a48;
}
footer.aloldali {
	background: #1eb2ce;
}


.social_ikon {
	position: relative;
	display: flex;
	justify-content: center;
}
.social_ikon figure {
	margin: 0 10px;
}
/* Zoom Out #1 */
.social_ikon figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.social_ikon figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.kekdoboz .social_ikon {
	margin: 10px 0;
	justify-content: flex-start;
}
/* footer vége*/
/* @media  */

/* SM */

@media (min-width: 576px) {
	.szolgaltatasok_fooldal_kep {
		max-height: 350px;
	}
	.logo img {
		max-width: 100%;
		height: auto;
	}
}

/* MD */

@media (min-width: 768px) {
	.arajanlatot_kerek textarea {
		width: 60%;
	}
	.arajanlatot_kerek input[type='text'],
	.arajanlatot_kerek input[type='email'] {
		width: 60%;
	}
	.blogom {
		flex-direction: row;
	}
	.blogom_tartalom {
		top: 140px;
	}
	.szolgaltatasok_fooldal_kep {
		max-height: 406px;
	}
}

/* LG */

@media (min-width: 992px) {
	.navbar-collapse {
	  position: relative;
	  width: auto;
	  height: auto;
	  opacity: 1;
	  visibility: inherit;
	}
	.navbar-nav {
		justify-content: space-around;
	}
	.navbar-collapse ul {
		width: 100%;
	}
	.navbar-collapse ul li {
	  display: inline;
	  /* height: auto; */
	  /* height: calc(100% / 4); */
	  /* min-height: none; */
	  opacity: 1;
	}
	.navbar-collapse ul li a {
		color: #212529;
	}
	.navbar-collapse:before {
	  background: none;
		content: none;
	}
	.navbar-collapse:after {
	  background: none;
		content: none;
	}
	.nyelvvalaszto {
		position: absolute;
		top: 10px;
		right: 10%;
	}
}

/* XL */

@media (max-width: 1200px) {}