/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

img {
	width: 100%;
	height: auto;
}

.kep_jobbra {
  display: block;
  float: right;
  width: 36%;
  height: auto;
}

.kep_balra {
  display: block;
  float: left;
  width: 36%;
  height: auto;
  margin: 0 30px 30px 0;
}

.kep_kozepre {
  display: block;
  width: 40%;
  margin: 40px auto 60px auto;
}

.clr {
  clear: both;
}

p {
    color: #1d1d1f;
}

hr.sep {
  width: 70px;
  height: 1px;
  border: none;
  background-color: #000;
  display: block;
  margin: 80px auto 80px auto;
}

/** hb hack **/

.portfolio-list-item .info-wrap {
    left: -430px
}
.portfolio-list .portfolio-list-item:nth-child(even) .info-wrap {
    right: -430px;
}

.img-wrap a.uk-cover-background {
         filter: grayscale(100%);
       filter: gray;
     }
.img-wrap:hover a.uk-cover-background {
         filter: grayscale(0%);
     }
.flow-wrap .flow-item [class^="icon-"] {
color: white;
}

#tm-middle.tm-middle.uk-grid {
padding-top: 260px;
}

.section-title-wrap {
    padding-top: 90px;
}

/** hb custom end **/

.tm-top-a-box {
	padding: 80px 40px;
	text-align: center;
}

.tm-top-a-box img {
	max-width: 1130px;
	height: auto;
}

.flow-wrap img {
	width: inherit;
}

.section-title-wrap {
	padding: 30px 0 60px !important;
}

.category-module.mod-list {
	list-style: none;
	padding-left: 0;
}

.mod-articles-category-title {
	font-size: 24px;
	font-weight: 800;
}

.img-intro {
	max-width: 475px;
	margin: 30px auto 30px auto;
	display: block;
}

#bfSubmitButton {
	background-color: transparent;
	line-height: 46px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	color: #f9398a;
	letter-spacing: 3px;
	border: 1px solid #f9398a;
	border-radius: 3px;
	font-family: 'Patrick Hand SC', sans-serif;
	font-size: 20px;
	padding: 0 30px;
  cursor:pointer;
}

#bfSubmitButton:hover {
	background: #f9398a;
	color: #fff;
}

.profile-wrap {
	background-color: transparent;
  padding-bottom: 80px;
}

.work-wrap {
	padding-bottom: 0;
	margin-bottom: 30px !important;
}

.contact-wrap img {
	width: 345px;
	height: auto;
}

.tm-footer {
	padding: 50px 0;
}

.tm-totop-scroller {
	margin: 30px 30px 0 0;
}

#mc_embed_signup {
  max-width: 60%;
    margin: 0 auto 80px auto;
}

#mc_embed_signup input {
  display: block;
width: 100%;
padding: 8px 0;
text-indent: 2%;
}

.indicates-required {
  text-align:right;
}

input#mc-embedded-subscribe {
width: 270px;
height: 46px;
text-align: center;
font-weight: bold;
display: inline-block;
color: #f9398a;
letter-spacing: 3px;
border: 1px solid #f9398a;
border-radius: 3px;
  background: transparent;
  text-transform: uppercase;
  font-family: 'Patrick Hand SC';
  margin-top: 30px;
  font-size:16px;
}
  
@media (max-width: 991px) {
	.uk-navbar-toggle.desk-view {
		top: 50%;
	}
	.flow-wrap img {
		width: 171px;
		height: auto;
	}
	
	.portfolio-list-item .info-wrap {
		left: 0 !important;
		background: rgba(255, 255, 255, 0.9);
	}
	
	.portfolio-list .portfolio-list-item:nth-child(2n) .info-wrap {
		right: 0 !important;
		background: rgba(255, 255, 255, 0.9);
	}
	
	.contact-wrap img {
		width: 345px;
		height: auto;
	}
	
	.info-wrap .sub-title {
		line-height: 20px;
		padding-top: 8px;
	}
}

@media (max-width: 767px) {
	.uk-navbar-toggle.desk-view {
		top: -40px;
	}
	.portfolio-list {
		padding-left: 0;
	}
	.portfolio-list-item .img-wrap {
		width: 325px;
	}
  #mc_embed_signup {
    max-width: 100%;
  }
	
}