15 -- 8--20
body{
    font-family: 'Raleway', sans-serif;
    font-weight:normal;
    color: #6a6a6a!important;
	background-color: #fdfdfd;
	
	background: #fdfdfd;
	background: -webkit-linear-gradient(to right, #fafafa, #eeeeee); 
	background: linear-gradient(to right, #fafafa, #eeeeee);
	background: -o-linear-gradient(to right, #fafafa, #eeeeee);
	outline: none;

}

input {
   outline: none;
}
button {
   outline: none;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Raleway', sans-serif;
    font-weight:0;
    color: #262626;
}
p{
    line-height:25px;
    font-weight:500;
    color: #6a6a6a;
}

#mob-up:hover, #mob-up:focus, #mob-up:active{
	opacity: 0.9;
	width: 62%;
	min-width:300px;
    background-color: #97ca01;
    border-radius: 5px;
}


.faminta {
	background-image: url(shatt3.png);
}

.kominta {
	background-image: url(fhatt.png);
}

a{color:#97ca01;text-decoration:none; 
-webkit-transition: background 1s, color 2s ease-in-out;
-moz-transition: background 1s, color 2s ease-in-out;
-o-transition: background 1s, color 2s ease-in-out;
transition: background 1s, color 2s ease-in-out;
word-break: break-all;}

#related{
   padding: 40px 0px;
   background: #fff0;
}
.related h3{
    margin-bottom: 50px;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 10px;
    font-weight:300!important;
}
.related h3:after{
    content: "";
    position: absolute;
    width: 60px;
    height: 4px;
    bottom: 0px;
    left: 47%;
}
.related .rel-post{
    margin-bottom: 30px;
    border-radius: 8px;
    width: 100%;
    background: #fff;
}


.rel-post:hover { /* átmenetileg kiszedve az alsó lenyíló miatt 19.07.30. -KZ
	box-shadow: 0px 0px 1px #aaa;
	
	-webkit-animation: arnyekolo 8s infinite; /* Safari 4.0 - 8.0 */
    animation: arnyekolo 5s infinite; */
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes arnyekolo {
    50% {
		 box-shadow: 0px 0px 15px #333;
		 }
}

@keyframes arnyekolo {
    50% {
		box-shadow: 0px 0px 15px #333;
		}
}


.candybar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
	padding-left: 15px;
	border-color: #101010;
}
.candybar-collapse.in {
    overflow-y: auto;
}

.candybar-collapse::-webkit-scrollbar {
    display: none;
}
.candybar-collapse {
    scrollbar-width: none;
}

#achievemens {
  scrollbar-width: none;
}

#achievemens::-webkit-scrollbar {
  display: none;
}


.rel-post .caption{
    padding: 15px;
}
.related .rel-post .caption p{
    font-style: italic;
    font-size: 12px;
    margin-top: 0px;
    color: #888;
}
.related .rel-post img{
    top: 0px;
    left: 0px;
    min-width: 150%;
    height: auto;
	-webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
    filter: blur(1px);
}




/* Color styles
================================================== */
.btn-main:hover{
    background:#97ca01;
    border:1px solid #97ca01;
    color: #fff;
}
.btn-main.featured{
    /* border:2px solid #333; */
    color: #edecec;
	background: #6b6a6a;
	background: -webkit-linear-gradient(to top, #000000, #494949);
	background: -o-linear-gradient(to top, #000000, #494949);
	background: linear-gradient(to top, #000000, #494949);
	background-image: url(shatt2.jpg);
	
	
}
.btn-main.featured:hover{
    background: #333; 
	background: -webkit-linear-gradient(to top, #000000, #494949);
	background: -o-linear-gradient(to top, #000000, #494949);
	background: linear-gradient(to top, #000000, #494949);
    color:#97ca01;
    /*  border:2px solid #333; */
	background-image: url(shatt2.jpg);
	
	
}
.btn-main.aktiv{
    border:2px solid #333;
    color: #6b6a6a;
	background: #fff;
	
}
.btn-main.aktiv:hover{
    background: #97ca01;
    color:#fff;
    border:2px solid #333;
	
}

.btn-main.nyomhat{
    /*background: #97ca01;*/
	
	
	
	background: -webkit-linear-gradient(40deg,#ADD100,#7B920A)!important;
    background: -o-linear-gradient(40deg,#ADD100,#7B920A)!important;
    background: linear-gradient(40deg,#ADD100,#7B920A)!important;
	
    color:#fff;
    border:2px solid #333;
	
}
.btn-main.nyomhat:hover{
    border:2px solid #333;
    color: #97ca01;
	background: #fff;
	
}
/*Menu style
==================================*/
#section_header .haeder-fixed,#section_header{
    background: #fff;
}
.divider{
    background: #97ca01;
    }
.navbar-brand:hover{
    color:#97ca01;
}
ul.navbar-nav > .active > a{
    color:#97ca01!important;
}
ul.navbar-nav > li > a:hover{
    color:#97ca01!important;
}
ul.navbar-nav > .active > a,ul.navbar-nav > li > a:hover,.carousel-caption h4{
    color:#97ca01!important;
}
.navbar-toggle .icon-bar{
    background:#000; 
}
.navbar-toggle {
    background: -webkit-linear-gradient(40deg,#ADD100,#7B920A);
    background: -o-linear-gradient(40deg,#ADD100,#7B920A);
    background: linear-gradient(40deg,#ADD100,#7B920A);
}

.navbar-brand span{
    color:#000;
}
ul.navbar-nav a {
    color: #3a3a3a;
}
ul.navbar-nav > .active> a:hover{
    color:#000 !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, 
.dropdown-menu>li.active>a{
    color: #97ca01 !important;
}
/*slider*/
.carousel-caption h3{
    color:#fff!important;
}

.line{
    background: #97ca01;
}

.btn-featured{
    background: #333;
     color:#fff;
}
.btn-featured:hover{
    color: #222;
    background: #fff;
}
.slides-control .carousel-control i{
    border:1px solid #fff;
    color: #fff;
}
.slides-control  .carousel-control i:hover{
    background: #97ca01;
    border:1px solid #97ca01;
}
.carousel-indicators .active, .carousel-indicators li:hover,.slides-control  .carousel-indicators .active{
    background-color:#97ca01;
}


/*service area
=========================*/
.feature_content i,.feature_content h5,.feature_content a{
    color:#000!important;
}
.feature_content a:hover{
    color:#fff;
}
.feature_content:hover i,.feature_content:hover  h5{
      color: #97ca01!important;
}
#isotope-filter a.active,#isotope-filter a:hover,#isotope-filter a:focus{
    background: #97ca01;
}
.feature-icon{
    color: #97ca01;
}
#isotope-filter a{
background: #000;
}

/*Pricing
=====================================*/
.dark-bg{
    background:#393A3B;
}
.dark_bg{
    background:#393A3B;
}
.grey_bg ul li.plan, .grey_bg .plan_wraper,.grey_bg ul li.price,.grey_bg ul li.price_button .btn-default{
   background: #333!important;
}

.dark_bg,.single_table ul li.plan,.dark_bg ul li.plan,.dark_bg ul li.price_button .btn-default,.single_table .plan_wraper
,.dark_bg .plan_wraper
 {
     background: #434343;
}
.grey_bg {
    background: #97ca01;
}
.single_table ul li.price {
    background: #F8F8F8!important;
}
.single_table ul li.price_button,.dark_bg ul li.price_button  {
    background: #F6F6F6;
}
.single_table ul li.price_button .btn-default {
    background: #444444;
}
.dark_bg ul li.price {
    color: #434343;
}

#pricing_table .feature_title,#pricing_table .feature_sub{
    color: #fff!important;
}

/*portfolio
=================*/
.single-portfolio figcaption,.single-portfolio figcaption .description{
    background: none repeat scroll 0% 0% #333;
}
.single-portfolio figcaption .description,.single-portfolio figcaption h5{
      color: #fff!important;
}
figcaption .links a:hover{
    background: #333;
    color: #97ca01;
}
#isotope-filter a{
    color:#959595;
}
#isotope-filter a.active,#isotope-filter a:hover,#isotope-filter a:focus{
    color:#fff!important;
}
.feature-content{
    color: #222;
}


/*single portfolio
------------------*/
.portfolio-desc h4:after{
    background: #97ca01;
}
.right-sidebar h4:after{
    background: #97ca01;
}
.related h3:after{
    background:#6b6a6a;
}


/*team
=================*/

#team {
    background: #FAFAFA;
}
.single-member {
    background: #fff;
}

.item .single-member h3 {
    color: #97ca01!important;
}
.single-member h5 {
    color: #1F1F1F;
}
.line2{
    background: #97ca01;
}
.overlay-effect{
    background: rgba(41, 41, 41, 0.95);
}
 #team .owl-theme .owl-controls .owl-buttons .owl-prev
,#team .owl-theme .owl-controls .owl-buttons .owl-next{
    background: #97ca01;
    color: #fff;
}
 #team .owl-theme .owl-controls .owl-buttons .owl-prev:hover
,#team .owl-theme .owl-controls .owl-buttons .owl-next:hover {
   background: #ccc;
   color: #222;
}


/*testimonial
=========================*/
.testimonial-slide .testimonial-text:before,.testimonial-slide .testimonial-text:after {
    color: #97ca01;
}

.testimonial-slide .testimonial-content h3.name {
    color: #97ca01!important;
}
.customNavigation .fa-chevron-left, .customNavigation .fa-chevron-right{ 
    background: #97ca01;
    color: #fff!important;
}
.customNavigation .fa-chevron-left:hover, .customNavigation .fa-chevron-right:hover{ 
      background: #444;
    color: #fff;
}
.customNavigation .fa-chevron-left, .customNavigation .fa-chevron-right{ 
    color: #222;
}

.client_logo img:hover{ 
    border: 1px solid #97ca01;
}


.sepTem{
    background: none repeat scroll 0% 0% #97ca01;
}

.menu_head:after,.menu_head:before{
    background: none repeat scroll 0% 0% #97ca01;
}

.footer_menu_contact li i,.footer_menu_contact li span:hover {
    color:#97ca01;
}

.footer_menu ul li a:hover,.footer_menu li a:before,.footer_menu_contact li span:hover,.footer_bottom p span  {
    color: #97ca01;
}
.tags a:hover{
    background:#97ca01;
}

.feature_content a{
    border:1px solid #97ca01;
}
.feature_content a:hover{
    background: #97ca01;
}

/*contact area
===============================================*/
.left_contact input[type=text]{ }
.left_contact input[type=text]:hover,
textarea:hover {
    border: 1px solid #97ca01;
}

.form-level input:hover .form-level  span{
    color: #97ca01!important;
}
.left_contact input:hover, .right textarea:hover{
    border:1px solid #97ca01;
    background: #97ca01;
    color: #333;
}
.social-contact li i:hover{
    color: #97ca01;
    border:1px solid #97ca01;
}
/*blog
=====================*/
#blog{
    background: #F8F8F8;
}
.post-date{
    background:#97ca01;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0% 0% #97ca01;
}

.blog-desc .post-meta-links li a{
    color: #97ca01;
}
.tags1 a{
    padding: 6px 15px;
    background: #97ca01;
}
.about-auther .well{
    border-top: 5px solid #97ca01!important;
}
.blog-tab .nav-tabs li.active a{
    border-top: 5px solid #97ca01!important;
}

.blog-tab .tab-content .single-tweet i{
    color: #97ca01;
}
.blog-tab .tab-content .single-tweet p a{
    color: #97ca01;
}
.comments .media-body a:hover{
    background: #97ca01;
}
.blog-form h4 span{
    color: #97ca01;
}
.blog-catagory ul li a:hover{
    color: #97ca01;
}
.blog-catagory ul li a:hover span{
    color: #fff;
    background: #97ca01;
}
.blog-form .form-control:hover{
    border: 1px solid #97ca01;
}
.rel-post .caption h4:hover{
    color: #97ca01;
}

.feature_title{
    position:relative;
    padding-bottom:10px;
    color:#97ca01;
    margin: 10px auto;
    font-size: 40px;
    line-height: 50px;
    text-transform:uppercase;
}

.btn-dark{
    padding: 10px 25px;
    border-radius: 3px;
    border: medium none;
    vertical-align: middle;
    cursor: pointer;
    border:1px solid #333;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.42857;
    font-weight: 700;
    
    text-transform: capitalize!important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main-tab-content .c-tab a{
    color: #97ca01;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #97ca01;
    padding-top: 7px;
}

#back-top .btn-primary{
    background: #97ca01;
    border-color: #97ca01;
    padding: 0px;
    font-size: 18px;
    width: 40px;
    height: 36px;
}
#backk-top .btn-primary{
    background: #97ca01;
    border-color: #97ca01;
    padding: 0px;
    font-size: 18px;
    width: 40px;
    height: 36px;
}

.hero-title span{
    color: #97ca01;
	text-shadow: 0px 0px 5px #97ca01;
}

.video-text .panel-default{}
.video-text .panel-group .panel-heading{
    border-radius: 0px;
    border-color: #97ca01;
    position: relative;
    padding: 7px 15px;
    background: #FAFAFA;
    border-bottom: 1px solid #AFAFAF;
}

.video-text .panel-group  h4.panel-title a:after {
    font-family: FontAwesome;
    color: #97ca01;
    font-size: 14px;
    right: 0px;
    position: absolute;
    z-index: 111;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 0px;
    text-align: center;
    content: ":)";
}

.video-text .panel-group .panel-heading.active{
    border: 1px solid #97ca01;
}

.carousel-caption h2:after{
    content: "";
    position: absolute;
    width: 2px;
    height: 110px;
    background: #97ca01;
    left: 10px;
    top: -10px;

}
.carousel-caption h2:before{
    content: "";
    position: absolute;
    width: 2px;
    height: 110px;
    background: #97ca01;
    right: 10px;
    top: -10px;
}

.btn-dark:hover{
    background: #97ca01;
    color: #fff;
}

#back-top a:hover{
    opacity: 1;
}
#backk-top a:hover{
    opacity: 1;
}

.single_blog h4:hover{
    color: #97ca01;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background: transparent;
    color: #97ca01!important;
}

.video-text .panel-group .p2.active{
    background: rgba(139, 235, 14, 0);
    color: #333;
    padding: 7px 0px;
    padding-left: 15px;
	-webkit-transition: background 3s; /* For Safari 3.1 to 6.0 */
    transition: background 3s;
}
.video-text .panel-group .p2.active:hover{
    background:#97ca01;
}

.main-tab-list > li.active {
    background: #97ca01!important;
    position: relative;
}




#about-details .feature_sub, .single-progress label, #about-details .feature_title{
    color: #97ca01;
	text-shadow: 0px 0px 10px #97ca01;
	
	-webkit-animation: arnymove 3s infinite; /* Safari 4.0 - 8.0 */
    animation: arnymove 3s infinite;
}
#about-detailss .feature_subb, .single-progress label, #about-detailss .feature_titlee{
    color: #97ca01;
	text-shadow: 0px 0px 10px #97ca01;
	
	-webkit-animation: arnymove 3s infinite; /* Safari 4.0 - 8.0 */
    animation: arnymove 3s infinite;
}

#latotavRack{color: #97ca01;}
#eeeee {color: #97ca01;
	text-shadow: 0px 0px 10px #97ca01;
	
	-webkit-animation: arnymove 5s infinite; /* Safari 4.0 - 8.0 */
    animation: arnymove 5s infinite;}
.eeeee {color: #97ca01;
	text-shadow: 0px 0px 10px #97ca01;
	
	-webkit-animation: arnymove 5s infinite; /* Safari 4.0 - 8.0 */
    animation: arnymove 5s infinite;}
#eee {color: #97ca01;
	text-shadow: 0px 0px 10px #97ca01;
	
	-webkit-animation: arnymove 3s infinite; /* Safari 4.0 - 8.0 */
    animation: arnymove 3s infinite;}
#eeeeeee {color: #97ca01;
	text-shadow: 0px 0px 10px #97ca01;
	
	-webkit-animation: arnymove 10s infinite; /* Safari 4.0 - 8.0 */
    animation: arnymove 10s infinite;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes arnymove {
    50% {color: #333;
		 text-shadow: 0px 0px 10px #333;
		 }
}

@keyframes arnymove {
    50% {color: #333;
		text-shadow: 0px 0px 10px #333;
		}
}
	
#bbb {color: #97ca01;
	box-shadow: 0px 0px 10px #97ca01;
	
	-webkit-animation: arnymovee 5s infinite; /* Safari 4.0 - 8.0 */
    animation: arnymovee 5s infinite;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes arnymovee {
    50% {color: #333;
		 box-shadow: 0px 0px 10px #333;
		 }
}

@keyframes arnymovee {
    50% {color: #333;
		box-shadow: 0px 0px 10px #333;
		}
}


.hero-title {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
}

.hero-description {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 30px;
    color: #97ca01!important;
	text-shadow: 0px 0px 10px #97ca01;
	
}

.share .social-contact{
    margin: 30px 0px;
    background: #333;
    padding: 20px;
    border: 1px solid #97ca01;
}

.chked {
    color: #97ca01;
}























/*banner2 area
===============================================*/


.tarol {
  position: relative;
  width: 100%;
}



div.rendez {
    
}

div.rendez:hover {
	box-shadow: 0px 0px 10px #aaa;
	
	-webkit-animation: arnymoveee 5s infinite; /* Safari 4.0 - 8.0 */
    animation: arnymoveee 5s infinite;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes arnymoveee {
    50% {
		 box-shadow: 0px 0px 15px #333;
		 }
}

@keyframes arnymoveee {
    50% {
		box-shadow: 0px 0px 15px #333;
		}
}

	
	
div.rendez img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.respi {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 850px){
    .respi {
        width: 49.99999%;
        margin: 6px 0;
        padding: 6px 36px;
    }
}

@media only screen and (max-width: 767px){
    .respi {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.overlayy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #97ca01;
}

div.rendez:hover .overlayy {
  opacity: 0.9;
}

.fedSzov {
  color: black;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
}

#scrollHide::-webkit-scrollbar { 
    display: none; 
}

#balmenu:hover, .balmenu:hover {
  color: #97ca01;
}

#balmenu, .balmenu{
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	font-size: 1.9vh;
	border: none;
	padding: 12px;
	-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
}


@media only screen and (max-width: 1050px){
    .fedSzov {
        font-size: 15px;
    }
}

@media only screen and (max-width: 950px){
    .fedSzov {
        font-size: 12px;
    }
}

@media only screen and (max-width: 850px){
    .fedSzov {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px){
	.visszabig {
		display: none;
	}
    .fedSzov {
        font-size: 22px;
    }
	.respi {
        padding: 6px 36px;
    }
}

@media only screen and (max-width: 360px){
    .fedSzov {
        font-size: 18px;
    }
}

@media only screen and (max-width: 300px){
    .fedSzov {
        font-size: 15px;
    }
}
@media only screen and (max-width: 290px){
    .fedSzov {
        font-size: 12px;
    }
}
@media only screen and (max-width: 280px){
    .fedSzov {
        font-size: 7px;
    }
}

.navbar-inverse{
	/*background: rgba(56, 56, 56, 0.87);
	background: linear-gradient(to right, rgba(0, 0, 0, 0.91) , rgba(66, 66, 66, 0.83));
	background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.91) , rgba(66, 66, 66, 0.83));
	background: -o-linear-gradient(to right, rgba(0, 0, 0, 0.91) , rgba(66, 66, 66, 0.83));
	*/
	
    /* border: 1px solid #333; */
    box-shadow: 0px 2px 20px #0b0b0b;
}

.footer_top{
    overflow: hidden;
    padding: 30px 0px 50px;
    border-bottom: 1px solid #0F0F0F;
    /* background: none repeat scroll 0% 0% #333; */
    color: #AAA;
}

#portfolio{
    background: #fff0;
}

#contact{
    background: #fff;
}
#portfolio-single{
    padding: 20px 0px 55px 0px;
	background-color:#fff;
}

.video-text .panel-group .panel-body.p3{
      background: #fff!important;
}

.parallax-overlay{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
     background: url("../images/banner/overaly.png")repeat; 
	 opacity: 0.5;
}

.form-control:focus{border-color:#97ca01;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}




.overflw {
	  max-height: 300px;
	  min-height: 200px;
	  width: 100%;
	  overflow: hidden;
	  position: relative;
	  cursor: default;
	  border-radius: 8px;
	}

	.overflw .overlay {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  left: 0px;
	  background-color: rgba(25, 25, 25, 0.44);
	  background: linear-gradient(130deg,rgba(0, 0, 0, 0.68),rgba(240, 240, 239, 0));
	  opacity: 1;
	  filter: alpha(opacity=100);
	  top: 0px;
	  border-radius: 8px;
	  transition: .5s ease;
	}
	
	
	.overflw .overlay:hover { 
	background-color: rgba(25, 25, 25, 0.18);
	}
	


	
	
	

	.overflw img {
	  display: block;
	  position: relative;
	  border-radius: 8px;
	  
	}