body{
	margin:0;
	padding:0;

}

.focim, .adatok{
	color:#eff2f3	;
	
}

.nav-link{
	text-transform:capitalize;
	font-size:18px;
	
}
/*
.tartalom{
	border-left:1px solid #c2c4c3;
	border-right:1px solid #c2c4c3;
	
}
*/


h1{
	z-index:1000;

}



.jumbo{
	margin:0px;
	padding:0px;

}

@media only screen and (max-width: 991px) {
	.jumbo{
		display:none;
}

}


.carousel{
	margin:0 !important;
	padding:0 !important;

}

.btn-group button{
	background-color:none;
	
}

.displayblock{
	display:block;

}

.displayauto{
	display:auto;

}

.displaynone{


}

.carousel-item img{
	margin:0px;
	padding:0px;
	width:100%;
	height:500px;
}


.focim_div{
	margin-bottom:none;
}

@media only screen and (min-width: 990px) {
	.focim_div{
		margin-bottom:3rem;
	}
	
}

.mb-6{
	margin-bottom:4.5rem !important;
}

.container div{
	margin-left:0px;
	margin-right:0px;
}

.container div h1{
	text-align:center;
}
	
@media only screen and (max-width: 800px) {
		.container div h1{
			font-size:1.4em;
		}
		
	
}

.container{
	paddint-top:10px !important;
}

@media only screen and (min-width: 990px) {
		.container{
			margin-top:6rem !important,
			
		}
		
	
}



@media only screen and (min-width: 992px) {
		.focim_div{
			display:auto;	
			
		}
		.megamenu-dropdown{
			display:none;
		}
	
}

.form-inline{
	width:235px;
}
	


@media only screen and (max-width: 991px) {
		.carousel{
			display:none;
		}
}

@media only screen and (max-width:1030px) {
		.navbar-logo{
			margin-right:30px !important;
			
		}
		#main_nav{
			width:100%;
		}
	
}
	
	.row [class*='col-'] {
    transition: all 0.5s ease-in-out;
}

	
	
	
#logo{
	 transition: 1s;
	
}


.navbar {
    transition: 0.4s;
	z-index:1000;
}

.navbar.navbar-fixed-top {
    position: fixed;
    top:0;
    left:0;
    right:0;
    padding: 80px;
    transition: 0.4s;
}



.box-shadow{
	box-shadow: 0px 8px 8px 6px rgba(0,0,0,.5);
	
}

.box-shadow1{
	box-shadow: 0px 6px 0px 6px rgba(0,0,0,.5);
	
}

.background_on_top{
	background-color: rgba(0, 144, 60, 1);
}

.fejlec {
	margin:0px;
	padding:0px;
	width:100%;
	height:0px;
}

@media only screen and (min-width: 991px) {
	.fejlec {
		height:100px;
	}

}


.background_grey{
	background-color:rgba(0,0,0,.4) !important;
}



.focimrow{
	width:100%;
}

.layer {
	background-color: rgba(0, 144, 60, 0.9);
	height:auto;
	width:100%;
}



@media only screen and (min-width: 991px) {
	.layer {
		height:490px;
	}

}



.zold{
	background-color: rgba(0, 144, 60, 0.9);
}


.focim, .adatok{
	font-weight:bold;
}


.adatok{
	margin-top:-10px !important;
	z-index:1000;
	text-align:center;
}

@media only screen and (min-width: 992px) {
	.lightmode{
		display:none;
	}
	
}

.search-dropdown{
		display:none;
	}	


/*fix oldali ikonok*/

.icon-bar {
	width:50px;
	height:30px;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	transform: translateY(-40%);
	z-index:1000;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 8px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}


.dollar {
  background: #e74c3c;
  color: white;
}
.help {
  background: #007bff;
  color: white;
}
.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.content {
  margin-left: 25px;
  font-size: 30px;
}
	
@media only screen and (max-width:991px) {
	.icon-bar{
		display:none;
	}
}

@media only screen and (max-width:1200px) {
	.jobb_oldal{
		display:none;
	}
	
}
	

/*search bar*/

.searchbar {
     position: relative;
     min-width: 50px;
     width: 0%;
     height: 50px;
     float: right;
     overflow: hidden;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
     -ms-transition: width 0.3s;
     -o-transition: width 0.3s;
     transition: width 0.3s
 }

 
 @media only screen and (min-width:992px) and (max-width:1400px) {
	.searchbar{
		display:none;
	}
	.search-dropdown{
		display:inline;
	}
	
	
}

 
 .searchbar-input {
     top: 0;
     right: 0;
     border: 0;
     outline: 0;
     background: rgba(0, 144, 60, 0.0);
     width: 100%;
     height: 50px;
     margin: 0;
     padding: 0px 55px 0px 20px;
     font-size: 20px;
     color: #fff;
	
 }
 

 

 .searchbar-input::-webkit-input-placeholder {
     color: #fff
 }

 .searchbar-input:-moz-placeholder {
     color: #fff
 }

 .searchbar-input::-moz-placeholder {
     color: #fff
 }

 .searchbar-input:-ms-input-placeholder {
     color: #fff
 }

 .searchbar-icon,
 .searchbar-submit {
     width: 50px;
     height: 50px;
     display: block;
     position: absolute;
     top: 0;
     font-family: verdana;
     font-size: 22px;
     right: 0;
     padding: 0;
     margin: 0;
     border: 0;
     outline: 0;
     line-height: 50px;
     text-align: center;
     cursor: pointer;
     color: #fff;
     background-color:transparent;
	 /*background: rgba(0, 144, 60, 0.7);
     /*border-left: 1px solid white*/
 }

 .searchbar-open {
     width: 100%;
	 border-bottom: 1px solid white;
 }
  	
}
 

/* :: 6.0 Blog Post Area */
.single-blog-post {
  position: relative;
  }
  .single-blog-post .post-thumb a {
    display: block; }
  .single-blog-post .post-data {
    padding: 30px 0; }
    .single-blog-post .post-data .post-catagory {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 10px;
      display: block; }
    .single-blog-post .post-data .post-title {
      display: block; }
      .single-blog-post .post-data .post-title h6 {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        line-height: 1.9; }
       
    .single-blog-post .post-data .post-meta .post-date a {
      display: block; }
      
    .single-blog-post .post-data .post-meta .post-like {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end;
      -ms-grid-row-align: flex-end;
      align-items: flex-end; }
      .single-blog-post .post-data .post-meta .post-like span {
        line-height: 1;
        margin-left: 15px; }
        
    .single-blog-post .post-data .post-meta .post-comment {
      margin-left: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end;
      -ms-grid-row-align: flex-end;
      align-items: flex-end; }
      .single-blog-post .post-data .post-meta .post-comment span {
        line-height: 1;
        margin-left: 15px; }
        
  .single-blog-post.style-2 .post-data {
    padding: 15px 0; }
    .single-blog-post.style-2 .post-data .post-title h6 {
      font-size: 14px; }
    .single-blog-post.style-2 .post-data .post-meta .post-date a {
      font-size: 12px; }
  .single-blog-post.style-3 {
    margin-bottom: 15px; }
    .single-blog-post.style-3 .post-data {
      padding: 15px 0; }
      .single-blog-post.style-3 .post-data .post-title h6 {
        font-size: 18px;
        line-height: 1.7;
        margin-bottom: 30px; }
  .single-blog-post.featured-post {
    position: relative;
    z-index: 1; }
    .single-blog-post.featured-post .post-data {
      padding: 30px 0; }
      .single-blog-post.featured-post .post-data .post-title h6 {
        font-size: 40px;
        line-height: 1.2;
        margin-bottom: 20px;
        font-weight: 500; }
        @media only screen and (max-width: 767px) {
          .single-blog-post.featured-post .post-data .post-title h6 {
            font-size: 24px; } }
      .single-blog-post.featured-post .post-data .post-author {
        margin-bottom: 15px;
        display: block;
        width: 100%; }
        .single-blog-post.featured-post .post-data .post-author a {
          display: inline-block;
         }
      .single-blog-post.featured-post .post-data .post-excerp {
        font-weight: 500;
        margin-bottom: 40px;
        display: block;
        line-height: 2.1; }
    .single-blog-post.featured-post.single-post .post-data {
      padding: 30px 0; }
      .single-blog-post.featured-post.single-post .post-data p {
        margin-bottom: 30px; }
      .single-blog-post.featured-post.single-post .post-data .related--post {
        display: block;
        font-size: 18px;
        color: #2c61db;
        margin: 40px 0; }
        .single-blog-post.featured-post.single-post .post-data .related--post:hover, .single-blog-post.featured-post.single-post .post-data .related--post:focus {
          color: #ee002d; }
  .single-blog-post.featured-post-2 {
    position: relative;
    z-index: 1;
    margin-bottom: 15px; }
	.featured-post-2{
		margin-left:8px !important;
	}
    .single-blog-post.featured-post-2 .post-data {
      padding: 15px 0; }
      .single-blog-post.featured-post-2 .post-data .post-title h6 {
        font-size: 18px;
        line-height: 1.55;
        margin-bottom: 20px;
        font-weight: 500; }
      .single-blog-post.featured-post-2 .post-data .post-author {
        margin-bottom: 15px;
        display: block;
        width: 100%; }
        .single-blog-post.featured-post-2 .post-data .post-author a {
          display: inline-block;
          color: #ee002d; }
  .single-blog-post.small-featured-post {
    position: relative;
    z-index: 1;
    padding: 20px 0; }
    .single-blog-post.small-featured-post .post-thumb {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
      flex: 0 0 90px;
      max-width: 90px;
      width: 90px;
      margin-right: 15px; }
    .single-blog-post.small-featured-post .post-data {
      padding: 0; }
      .single-blog-post.small-featured-post .post-data .post-catagory {
        margin-bottom: 10px;
        line-height: 1; }
      .single-blog-post.small-featured-post .post-data .post-title h6 {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 10px;
        font-weight: 700; }
      .single-blog-post.small-featured-post .post-data .post-date {
        margin-bottom: 0;
        line-height: 1; }
    .single-blog-post.small-featured-post:first-child {
      padding-top: 0; }
    .single-blog-post.small-featured-post:last-child {
      padding-bottom: 0;
      border-bottom: none; }

@media only screen and (max-width: 767px) {
  .newspaper-post-like {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

.newspaper-tags {
  position: relative;
  z-index: 1;
  padding: 30px 0; }
  @media only screen and (max-width: 767px) {
    .newspaper-tags {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%; } }
  .newspaper-tags span {
    font-size: 14px;
    color: #393939;
    font-weight: 500;
    padding-right: 5px; }
  .newspaper-tags ul li a {
    display: inline-block;
    color: #828282;
    font-weight: 500;
    padding-right: 3px; }
    .newspaper-tags ul li a:hover, .newspaper-tags ul li a:focus {
      color: #ee002d; }

@media only screen and (max-width: 767px) {
  .post-like--comments {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%; } }

.popular-news-widget {
  position: relative;
  z-index: 1;
  background-color: #eff4f9;
  padding: 60px 25px; }
  .popular-news-widget h3 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 400;
    color: #ee002d; }
    @media only screen and (max-width: 767px) {
      .popular-news-widget h3 {
        font-size: 24px; } }
  .popular-news-widget .single-popular-post {
    position: relative;
    z-index: 1;
    margin-bottom: 30px; }
    .popular-news-widget .single-popular-post h6 {
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      line-height: 1.7;
      font-weight: 500; }
      .popular-news-widget .single-popular-post h6 span {
        margin-right: 15px;
        color: #ee002d; }
      .popular-news-widget .single-popular-post h6:hover, .popular-news-widget .single-popular-post h6:focus {
        color: #ee002d; }
    .popular-news-widget .single-popular-post p {
      margin-bottom: 0;
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 700;
      color: #828282;
      margin-left: 30px;
      line-height: 1; }
    .popular-news-widget .single-popular-post:last-child {
      margin-bottom: 0; }
/*
.latest-comments-widget {
  position: relative;
  z-index: 1;
  background-color: #eff4f9;
  padding: 60px 25px; }
  .latest-comments-widget h3 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 400;
    color: #152535; }
  .latest-comments-widget .single-comments {
    position: relative;
    z-index: 1;
    margin-bottom: 30px; }
    .latest-comments-widget .single-comments .comments-thumbnail {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 42px;
      flex: 0 0 42px;
      max-width: 42px;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      margin-top: 6px; }
      .latest-comments-widget .single-comments .comments-thumbnail img {
        border-radius: 50%;
        display: block; }
    .latest-comments-widget .single-comments .comments-text a {
      display: block;
      font-size: 16px;
      color: #1c1c1c;
      margin-bottom: 10px;
      line-height: 1.9; }
      .latest-comments-widget .single-comments .comments-text a span {
        color: #a8a8a8; }
      .latest-comments-widget .single-comments .comments-text a:hover, .latest-comments-widget .single-comments .comments-text a:focus {
        color: #ee002d; }
    .latest-comments-widget .single-comments .comments-text p {
      margin-bottom: 0;
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 700;
      color: #828282;
      line-height: 1; }
    .latest-comments-widget .single-comments:last-child {
      margin-bottom: 0; }
*/
	  
	  
	  /*dropdown*/
	@media only screen and (min-width: 992px) {
		.megamenu-sima{
			display:auto;	
		}
		.megamenu-dropdown{
			display:none;
		}
		
	}
	
	@media only screen and (max-width: 991px) {
		.megamenu-sima{
			display:none;	
		}
		.megamenu-dropdown{
			display:auto;
		}
		/*.focim_div{
			height:200px;
			text-align:right !important;
			
		}*/
	}
		
		
		
	  
	  .menu-area{background: #d61a5e}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: #4CAF50;outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #4CAF50;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #4CAF50;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#1565C0;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}

.dropdown-menu > .dropdown-toggle{
	display:block;
	list-style-type:none;
	font-weight:bold;
	color:black;
	
}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}

.active, .nav-link:hover{
	text-decoration:underline ;

}


.templatemo_lightgrey_about	{
	background-color: #e9e9e9;
	padding: 0px 0px 50px 0px;*/

}

.templatemo_lightgrey {
	background-color: #e9e9e9;
	padding: 70px 0px;

}

.templatemo_paracenter { text-align: center; }

.templatemo_about_box {
	background: #ffffff;
	border-radius: 5px;
	padding: 20px 0px;
	text-align: center;
	height:200px;
}

.about_box_img{
	width:200px;
	height:auto;
	
}

.square_coner {
	margin: 0 auto;
	/*width: 100px;*/
	margin-bottom: 20px;

}
.texts-a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 20px 30px;
	border-radius: 5px;
	font-size: 32px;
	
} 

.hover-box {
    position: absolute;
    top: 0;
    left: 4%;
    width: 92%;
    height: 100%;
	border-radius: 5px;
    visibility: hidden\0/;
    opacity: 0\0/;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transform: rotateY(-90deg) scale(0.8);
    -moz-transform: rotateY(-90deg) scale(0.8);
    -ms-transform: rotateY(-90deg) scale(0.8);
    -o-transform: rotateY(-90deg) scale(0.8);
    transform: rotateY(-90deg) scale(0.8);
}

.project-post:hover .hover-box {
    visibility: visible;\0/;
    opacity: 1\0/;
    -webkit-transform: rotateY(0deg) scale(1);
    -moz-transform: rotateY(0deg) scale(1);
    -ms-transform: rotateY(0deg) scale(1);
    -o-transform: rotateY(0deg) scale(1);
    transform: rotateY(0deg) scale(1);
}

.inner-hover-box p {
	padding: 15px 10px;
}

.listahr{
	width:100%;
	border-bottom:1px solid grey !important;

}




	@media all and (min-width: 992px) {
		.navbar{ padding-top: 0; padding-bottom: 0; }
		.navbar .has-megamenu{position:static!important;}
		.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
		.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
	}



.img-container img{
	width:400px;
	height:300px;
	object-fit:cover;
}