html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

html {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
*, *:before, *:after {
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}



/* ====================================================
	01. Document Setup
   ==================================================== */
html {
	min-height:100%;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	background:#fff;
    /*background-image: url(../pics/hatter3.jpg);
    background-repeat: no-repeat;
    background-size: 250%;
*/
	/*
		Set the root unit to 16 pixels (1rem = 16px)
	*/
	font-size:16px;
	line-height:1.5;
	font-weight:500;
	-webkit-font-smoothing:antialiased;
}
body {
	min-height:100%;
	margin:0;
    background-color: #e9eaed;
}

.foszin{
    
    color: #05a50c;
}

/* ====================================================
	02. Typography
   ==================================================== */
h1, h2, h3, h4, h5, h6 {
	margin:0;
	font-family:"Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:700;
}



.widgetp {
	margin-bottom:32px;
	margin-bottom:2rem;
}
.widget a:last-child p{
	margin-bottom:0px;
}

.widget a{
    
    text-decoration: none;
}



/*
   Links
*/
a {
	color:#6d6d6d;
	text-decoration: underline;
	background:transparent;

	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
a:hover {
	color:#000;
}



/*
   Selected Text
*/
::selection	{
	background:#6d6d6d;
	color:#fff;
}



/* ====================================================
	03. Grid System
   ==================================================== */

/*
   Grid Sections
*/
.section {
	clear:both;
	padding:32px 0;
	padding:2rem 0;
}
.section:before,
.section:after {
    content:"";
    display:table;
}
.section:after {
    clear:both;
}

@media (min-width: 768px) {

	.section {
		padding:40px 0;
		
	}

}



/*
   Grid Container
   Adjust the max-width here to increase/decrease the width of the website.
   Leave width at 100% otherwise you may break the overall responsiveness.
*/
.container {
	clear:both;
	width:100%;
	max-width:1080px;
	margin:0 auto;
}
.container:before,
.container:after {
    content:"";
    display:table;
}
.container:after {
    clear:both;
}
@media (min-width: 768px) {
	.container {
		width:720px;
		width:45rem;
	}
}
@media (min-width: 992px) {
	.container {
		width:960px;
		width:60rem;
	}
}
@media (min-width: 1080px) {
	.container {
		width:1080px;
		width:67.5rem;
	}
}



#containernev {
	clear:both;
	width:100%;
	max-width:1080px;
	margin:-35px 0 0 0;
   
}
#containernev:before,
#containernev:after {
    content:"";
    display:table;
}
#containernev:after {
    clear:both;
}
@media (min-width: 768px) {
	#containernev {
		 padding: 0 0 0 0;   
	}
}
@media (min-width: 992px) {
	#containernev {
		 padding: 0 0 0 250px;   
	}
}
@media (min-width: 1080px) {
	#containernev {
		 padding: 0 0 0 300px;   
	}
}
@media (min-width: 1400px) {
	#containernev {
		 padding: 0 0 0 100px;   
	}
}

/*
   Grid Row
*/
.row {
	clear:both;
	padding:0 16px;
	padding:0 1rem;
}
.row:before,
.row:after {
    content:"";
    display:table;
}
.row:after {
    clear:both;
}

@media (min-width: 768px) {

	.row {
		padding:0;
	}

}



/*
   Grid Blocks
*/
*[class$="-block"] {
	position:relative;
	margin-bottom:32px;
	margin-bottom:2rem;
}
*[class$="-block"]:last-child {
	margin-bottom:0;
}
@media (min-width: 768px) {
    *[class$="-block"] {
		float:left;
		margin:0;
		padding:0 16px;
		padding:0 1rem;
	}
    .one-third-block{ width:25.333%; }
}
@media (min-width: 1097px) {
    *[class$="-block"] {
		float:left;
		margin:0;
		padding:0 16px;
		padding:0 1rem;
	}
    .one-third-block{ width:33.333%; }
}
@media (min-width: 768px) {

	*[class$="-block"] {
		float:left;
		margin:0;
		padding:0 16px;
		padding:0 1rem;
	}
	.one-quarter-block		{ width:25%; }
	
	.half-block				{ width:50%; }
	.two-thirds-block		{ width:66.666%; }
	.three-quarters-block	{ width:75%; }
	.full-block				{ width:100%; }

	/*
	   Adjust padding for first/last blocks
	*/
	*[class$="-block"]:first-child 	{ padding-left:0; }
	*[class$="-block"]:last-child 	{ padding-right:0; }
}



/* ====================================================
	04. Global Elements
   ==================================================== */

/*
   Menus
*/
ul.horizontal-navigation {
	clear:both;
	margin:10px;
	padding:0;
	list-style:none;
}
ul.horizontal-navigation:before,
ul.horizontal-navigation:after {
    content:"";
    display:table;
}
ul.horizontal-navigation:after {
    clear:both;
}
ul.horizontal-navigation  > li {
	position:relative;
	float:left;
}
.atag{
    cursor: pointer;
    display:block;
	//*padding:8px 16px;
	padding:0.5rem 1rem;*/
	font-family:"Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:300;
    
}
.atag a{
    text-decoration: none;
    
}


/*
   Slider
*/
.slider {
	position:relative;
	overflow:hidden;
}
.slider .slider-container {
	margin:0;
	padding:0;
	list-style:none;
}
.slider .slide {
	float:left;
}
.slider .slide img {
	display:block;
	width:100%;
	height:auto;
}
.slider-navigation {
	
}
.slider-navigation .prev,
.slider-navigation .next {
	position:absolute;
	top:50%;
	left:16px;
	left:1rem;

	transform:translateY(-50%);

	padding:20px 8px;
	padding:1.25rem 0.5rem;

	background:rgb(0,0,0);
	background:rgba(0,0,0,0.35);
	color:#fff;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;

	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.slider-navigation .next {
	left:auto;
	right:16px;
	right:1rem;
}
.slider:hover .prev,
.slider:hover .next {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}
.slider .prev:hover,
.slider .next:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}



/*
   Isotope Filtering
   http://isotope.metafizzy.co/
*/
#isotope-menu {
	margin:0 16px;
	margin:0 1rem;
	padding:8px;
	padding:0.5rem;
	background:#6d6d6d;
}
#isotope-menu ul {
    
	
}
#isotope-menu ul li {
  
}
#isotope-menu ul li a {
	display:block;
	padding:8px 16px;
	padding:0.5rem 1rem;
	font-family:"Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-size:0.875rem;
	font-weight:300;
	text-transform:uppercase;
	color:#fff;
    
}
#isotope-menu ul li.active a {
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.25);
}

@media (min-width: 768px) {

	#isotope-menu {
		margin:0 0 64px;
		margin:0 0 4rem;
	}

}

.isotope-item {
	width:100%;
}
.isotope-item a {
	position:relative;
	display:block;
	margin:16px;
	margin:1rem;
	color:#6d6d6d;
}
.isotope-item a img {
	display:block;
	width:100%;
	height:auto;
}
.isotope-item a .overlay {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	width:100%;
	height:100%;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;

	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}
.isotope-item a .overlay .title {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
	-webkit-transform:translate(0%, -50%);
	-ms-transform:translate(0%, -50%);
	transform:translate(0%, -50%);
	font-family:"Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-size:1.25rem;
	font-weight:300;
	text-transform:uppercase;
	text-align:center;
}
.isotope-item a .dark.overlay {
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.75);
}
.isotope-item a .light.overlay {
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.75);
}
.isotope-item a:hover .overlay,
.isotope-item a:focus .overlay {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

@media (min-width: 768px) {

	.isotope-item {
		width:auto;
	}
	.isotope-item a {
		margin:0;
	}

}



/*
   Widgets
*/

@media (min-width: 768px) {
	.widget {
	position:relative;
    width: 175px;
}  
	}
@media (min-width: 860px) {
	.widget {
	position:relative;
    width: 195px;
}  
	}

@media (min-width: 1097px) {
	.widget {
	position:relative;
    width: 220px;
}
}
@media (min-width: 1190px) {
	.widget {
	position:relative;
    width: 300px;
}
}

.widget-title {
	margin-bottom:16px;
	margin-bottom:1rem;
	font-size:16px;
	font-size:1rem;
	font-weight:300;
}
.widget p {
	margin-top:0;
}
.widget ul {
	margin:0;
	padding:0;
	list-style:none;
}

.art-article{
    
    color: #4e4e4e;
    font-size: 16px;
    
}
/*.art-article td{
    
    padding: 0 0 5px 0;
    
}*/

/*
   Forms
*/
/*
form {}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea {
	width:100%;
	padding:16px;
	padding:1rem;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-size:0.825rem;
	color:#6d6d6d;
	background:#fff;
	border:1px solid #e2e2e2;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}*/

textarea {
	display:block;
	min-height:96px;
	min-height:6rem;
	resize:vertical;
}

 .btn-style{
        
	border : solid 1px #288c1a;
	border-radius : 4px 20px 4px 20px ;
	-moz-border-radius : 4px 20px 4px 20px ;
    -webkit-appearance: none;
	-webkit-border-radius : 4px 20px 4px 20px ; 
     
	-webkit-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	-moz-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	font-size : 11px;
	color : #ffffff;
	padding : 5px 10px;
	background : #00b918;
	
	color:#fff;
	font-weight:500;
	text-transform:uppercase;
	border:0;
	cursor:pointer;

	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
        
        
          

}
        
        
.kereses{
    width: 180px; 
    height: 15px; 
    margin: 0 5px 10px 0;
    padding: 0 0 2px 2px;
    border: 0;
    border-bottom: 1px solid #000;
    outline: none;
        
}
.kereses:focus{
    margin: 0 5px 10px 0;
    padding: 0 0 2px 2px;
    border: 0;
    border-bottom: 1px solid #05a50c;
}


.button_siren{
    -webkit-appearance: none;
	display:inline-block;
	padding:12px;
	padding:0.75rem;
	font-size:14px;
	font-size:0.875rem;
	background:#00b918;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	border:0;
	cursor:pointer;

	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
button:hover,
.button:hover,
input[type="submit"]:hover {
	background:#6d6d6d;
	color:#fff;
}
input[type="cancel"] {
	background:#454545;
}



/*
   Widget Forms
   Example: Search form, Mailing List
*/
.widget-form {
	position:relative;
}
.widget-form .screen-reader-text {
	display:none;
}
.widget-form input {
	width:100%;
	padding:8px;
	padding:0.5rem;
}
.widget-form button {
	position:absolute;
	top:1px;
	right:1px;
	bottom:1px;
	width:32px;
	padding:0 8px;
	padding:0 0.5rem;
	text-align:center;
}
.widget-form button .fa {
	color:#fff;
}



/*
   Contact Form
   Adds spacing between form fields
*/
.contact-form {}
.contact-form input,
.contact-form textarea {
	margin-bottom:32px;
	margin-bottom:2rem;
}
.contact-form input[type="submit"] {
	margin-bottom:0;
}



/*
   Map
*/
#map {
	width:100%;
	height:160px;
	height:15rem;
	background:#e7e7e7;
}

@media (min-width: 768px) {

	#map {
		height:500px;
		height:31.25rem;
	}

}



/*
   Pagination
*/
.pagination {
	clear:both;
}
.pagination:before,
.pagination:after {
    content:"";
    display:table;
}
.pagination:after {
    clear:both;
}
.pagination .prev {
	float:left;
}
.pagination .next {
	float:right;
}



/*
   Social Icons
*/
.social-icons {}
.social-icons ul {
	margin-top:16px;
	margin-top:1rem;
}
.social-icons ul li {
	margin-right:8px;
	margin-right:0.5rem;
}
.social-icons ul li:last-child {
	margin-right:0;
}
.social-icons a {
	display:block;
	height:48px;
	height:3rem;
	width:48px;
	width:3rem;
	padding:10px 0;
	padding:0.625rem 0;
	color:#6d6d6d;
	border-radius:50%;
	text-align:center;
}
.social-icons a .fa {
	color:inherit;
}
.social-icons .facebook a:hover {
	background:#3b5998;
	color:#fff;
}
.social-icons .twitter a:hover {
	background:#44ccf6;
	color:#fff;
}
.social-icons .google-plus a:hover {
	background:#dd4b39;
	color:#fff;
}
.social-icons .pinterest a:hover {
	background:#c3042b;
	color:#fff;
}
.social-icons .instagram a:hover {
	background:#66269e;
	color:#fff;
}
.social-icons .youtube a:hover {
	background:#da2d2e;
	color:#fff;
}



/* ====================================================
	05. Masthead
   ==================================================== */
#masthead {
	background:#6d6d6d;
	color:#fff;
}
#masthead a {
	color:inherit;
}



/*
   Site Header
*/
#site-header {
    background: #05a50c; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, rgb(5, 255, 39), rgb(2, 98, 5)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, rgb(5, 255, 39), rgb(2, 98, 5)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, rgb(5, 255, 39),  rgb(2, 98, 5)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right,rgb(5, 255, 39),  rgb(2, 98, 5)); /* Standard syntax */
  /*  background-color:rgb(7, 131, 11);*/
}



/*
   Branding
*/
#branding {
	margin:2px 0;
	
}
#branding a.logo {
	display:block;
	font-family:"Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-size:1.25rem;
	font-weight:700;
	text-transform:uppercase;
}

@media (min-width: 768px) {

	#branding {
		float:left;
		margin:25px 0 2px 40px;
		
	}

}



/*
   Main Menu
*/
#main-menu {
	
}
#main-menu ul.horizontal-navigation > li {
	
}
#main-menu ul.horizontal-navigation > li > a {
	display:block;
	//*padding:8px 16px;
	padding:0.5rem 1rem;*/
	font-family:"Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:300;
}
#main-menu ul.horizontal-navigation > li.active {}
#main-menu ul.horizontal-navigation > li.active a {
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.25);
    text-decoration: none;
}

@media (min-width: 768px) {

	#main-menu {
		float:right;
		margin:5px 5px;
		margin:0.2rem 0.2rem;
	}
	#main-menu ul.horizontal-navigation > li {
		margin-left:1px;
		margin-left:0.03rem;
		padding:8px;
		padding:0.5rem;
	}
	#main-menu ul.horizontal-navigation > li:first-child {
		margin-left:0;
	}
	#main-menu ul.horizontal-navigation > li > a {
		padding:2px 4px;
		padding:0.1rem 0.02rem;
        text-decoration: none;
       
	}
}
@media (min-width: 200px) {

	#main-menu {
		float:right;
		margin:0.2rem 0.2rem;
		margin:5px;
	}
	#main-menu ul.horizontal-navigation > li {
		margin-left:1px;
		margin-left:0.03rem;
		padding:8px;
		padding:0.5rem;
	}
	#main-menu ul.horizontal-navigation > li:first-child {
		margin-left:0;
	}
	#main-menu ul.horizontal-navigation > li > a {
		padding:2px 4px;
		padding:0.1rem 0.02rem;
        text-decoration: none;
       
	}
  

}



#main-menu ul ul{
    
    display: none;
}


#main-menu ul li:hover > ul{
    
    z-index: 1;
    display: block;
    position: absolute;
    background-color:#03bf0b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, rgb(0, 232, 32), rgb(1, 92, 3)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, rgb(0, 232, 32), rgb(1, 92, 3)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, rgb(0, 232, 32), rgb(1, 92, 3)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right,rgb(0, 232, 32), rgb(1, 92, 3)); /* Standard syntax */
    
   
    
    
   /*border: 1px solid grey;*/
    min-width: 170px;
    min-height: 50px;
    list-style-type : none;
    font-size: 18px;
     /*border:1px solid #e2e2e2;*/
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    
        
}

#main-menu ul li ul li{
    margin: 5px 5px 0px 2px;
    padding: 5px;
    border-bottom: 1px solid #d9d9d9;
    border: 100%;

    
}
#main-menu ul li ul li a{
    text-decoration: none;
    font-size:17px;
    
}

#main-menu ul li ul li:last-child{
    
    margin: 5px 5px 5px 2px;
    border-bottom: 0px;
}

#main-menu ul li ul li:hover > a{
    
    color: #bababa;
    text-decoration: none;
    /*margin: 5px;*/
}


/*
   Page Title
*/
#page-title {
	padding:32px 0;
	padding:2rem 0;
}
#page-title .entry-title {
	font-family:"Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-size:1.5em;
	font-weight:300;
	line-height:1;
}
#page-title .description {
	margin:16px 0 0;
	margin:1rem 0 0;
}

@media (min-width: 768px) {

	#page-title {
        position: absolute;
        margin: 70px 0 0 44%;
		padding:0;
		padding:0;
	}

}



/* ====================================================
	06. Content
   ==================================================== */
.content {
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
    
    border:1px solid #e2e2e2;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    background:#f7f7f7;
    padding: 15px;
    
    
}



/*
   Blog Post
*/
.post {
	
}
.post .entry-header {
	margin-bottom:16px;
	margin-bottom:1rem;
}
.post .entry-title {
	margin-bottom:16px;
	margin-bottom:1rem;
	font-size:24px;
	font-size:1.5rem;
	line-height:1;
	font-weight:300;
}
.post .entry-meta {
	margin-bottom:16px;
	margin-bottom:1rem;
	padding:8px;
	padding:0.5rem;
	font-size:12px;
	font-size:0.75rem;
	color:#999;
	background:#f7f7f7;
	border:1px solid #e2e2e2;
}
.post .entry-meta a {
	color:inherit;
}
.post .entry-meta a:hover {
	color:#6d6d6d;
}
.post .entry-meta > span {
	margin-right:8px;
	margin-right:0.5rem;
}
.post .entry-meta > span:last-child {
	margin-right:0;
}
.post .entry-image {
	margin-bottom:16px;
	margin-bottom:1rem;
	border:1px solid #e2e2e2;
}
.post .entry-image img {
	display:block;
	width:100%;
	height:auto;
	
}
.post .entry-content {
	margin-bottom:16px;
	margin-bottom:1rem;
}

@media (min-width: 768px) {

	.post .entry-header,
	.post .entry-title,
	.post .entry-meta,
	.post .entry-image,
	.post .entry-content {
		margin-bottom:32px;
		margin-bottom:2rem;
	}

}



/*
   Blog Post Summary
*/
.post.summary {
	clear:both;
	position:relative;
	margin-bottom:32px;
	margin-bottom:2rem;
	padding-left:112px;
	padding-left:6rem;
}
.post.summary .entry-header {
	
}
.post.summary .entry-header .entry-title {
	
}
.post.summary .entry-header .entry-meta {
	margin:16px 0 0;
	margin:1rem 0 0;
}
.post.summary .entry-thumbnail {
	position:absolute;
	top:0;
	left:0;
	height:80px;
	height:5rem;
	width:80px;
	width:5rem;
	border:1px solid #e2e2e2;
}
.post.summary .entry-thumbnail img {
	display:block;
	width:100%;
	height:auto;
}
.post.summary .entry-summary {
	margin:16px 0 0;
	margin:1rem 0 0;
}
.post.summary .entry-summary p {
	
}

@media (min-width: 768px) {

	.post.summary {
		margin-bottom:64px;
		margin-bottom:4rem;
		padding-left:182px;
		padding-left:11.375rem;
	}
	.post.summary .entry-thumbnail {
		height:150px;
		height:9.375rem;
		width:150px;
		width:9.375rem;
	}
	.post.summary .entry-summary p {
		display:block;
	}

}



/* ====================================================
	07. Sidebar
   ==================================================== */
.sidebar {
	
}
.sidebar .widget {
	margin-bottom:32px;
	margin-bottom:2rem;
	padding:12px;
	padding:0.75rem;
	font-size:12px;
	font-size:0.75rem;
	background:#f7f7f7;
	color:#999;
	border:1px solid #e2e2e2;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}
.sidebar .widget ul {
	padding:12px;
	padding:0.75rem;
	background:#fff;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}
.sidebar .widget ul li {
	margin-bottom:4px;
	margin-bottom:0.25rem;
}
.sidebar .widget ul li:last-child {
	margin-bottom:0;
}

/* Remove margin-bottom from the last .widget */
.sidebar > div:last-child {
	margin-bottom:0;
}



/* ====================================================
	08. Prefooter
   ==================================================== */
#prefooter {
	padding:32px 0;
	padding:2rem 0;
	background:#f3f3f3;
	color:#999;
	border-top:4px solid #6d6d6d;
}

@media (min-width: 768px) {

	#prefooter {
		padding:64px 0;
		padding:4rem 0;
	}

}



/*
   Prefooter Widgets
*/
#prefooter .widget {
	font-size:14px;
	font-size:0.875rem;
}
#prefooter .widget .widget-title {
	font-weight:700;
	color:#6d6d6d;
}



/*
   Contact Widget
*/
.contact-widget {
	color: #017206;
    font-weight: bold;
}
.contact-widget .name {
	font-size:16px;
	font-size:1rem;
	color:#6d6d6d;
}
.contact-widget .description {
	margin:16px 0;
	margin:1rem 0;
}

/* Address */
.contact-widget .address {
	margin:16px 0;
	margin:1rem 0;
}


/* Contact Methods */
.contact-widget .email-address {}
.contact-widget .telephone {}
.contact-widget .website {}
.contact-widget .email-address .fa,
.contact-widget .telephone .fa,
.contact-widget .website .fa {
	color:#888;
}


/* Rating */
.contact-widget .rating {
	margin:16px 0;
	margin:1rem 0;
	font-size:10px;
	font-size:0.6875rem;
}
.contact-widget .rating .rating-stars {}
.contact-widget .rating .rating-stars .fa {
	color:#fc0;
}



/*
   Recent Posts
*/
.recent-posts-widget {
	color: #017206;
    width: 190px;
}
.recent-posts-widget tr{
    
    width: 100px;
    
    
}


/*
	Connect Widget
*/
.connect-widget {
	
}

/*
   Mailing List
*/
.connect-widget .mailing-list {
	margin-bottom:32px;
	margin-bottom:2rem;
}

@media (min-width: 768px) {

	.connect-widget .mailing-list {
		margin-bottom:64px;
		margin-bottom:4rem;
	}

}



/* ====================================================
	09. Footer
   ==================================================== */
#footer {
	padding:16px 0;
	padding:1rem 0;
	font-size:12px;
	font-size:0.75rem;
	color:#cfcfcf;
	background:#000;
}
#footer .copyright {
	
}
#footer .attribution {
	
}
#footer a {}
#footer a:hover {
	color:#fff;
}

@media (min-width: 768px) {

	#footer .copyright {
		float:left;
	}
	#footer .attribution {
		float:right;
	}

}



/* ====================================================
	10. Project
   ==================================================== */
/*
   Project Titles
*/
.project-description-title,
.project-details-title {
	position:relative;
	margin:16px 0;
	margin:1rem 0;
	font-size:20px;
	font-size:1.25rem;
	line-height:48px;
	line-height:3rem;
	font-weight:300;
	border-bottom:1px solid #e2e2e2;
}
.project-description-title:after,
.project-details-title:after {
	position:absolute;
	content:"";
	bottom:-2px;
	left:0;
	height:3px;
	width:80px;
	width:5rem;
	margin:0;
	background:#6d6d6d;
}



/*
   Project Description
*/
.project-description {}



/*
   Project Details
*/
.project-details {
	font-size:14px;
	font-size:0.875rem;
}
.project-details ul {
	margin:0;
	padding:0;
	list-style:none;
}
.project-details ul li {
	margin:16px 0;
	margin:1rem 0;
}
.project-client {}
.project-date {}
.project-tags {}
.project-actions {
	margin-top:32px;
	margin-top:2rem;
}



/* ====================================================
	11. Author
   ==================================================== */
.author-profile {
	clear:both;
	margin-bottom:32px;
	margin-bottom:2rem;
}
.author-profile:before,
.author-profile:after {
    content:"";
    display:table;
}
.author-profile:after {
    clear:both;
}
.posts-by-author-title {
	margin-bottom:16px;
	margin-bottom:1rem;
	font-size:24px;
	font-size:1.5rem;
	line-height:1;
	font-weight:300;
}
.author-image {
	border:1px solid #e2e2e2;
}
.author-image img {
	display:block;
	width:100%;
	height:auto;
}
.author-name {
	font-size:24px;
	font-size:1.5rem;
	line-height:1;
	font-weight:300;
	color:#6d6d6d;
}
.author-meta {
	margin:8px 0;
	margin:0.5rem 0;
	font-size:14px;
	font-size:0.875rem;
	color:#999;
}
.author-description {}
.author-actions {}
.posts-by-author {}

@media (min-width: 768px) {

	.author-profile {
		margin-bottom:64px;
		margin-bottom:4rem;
	}
	.posts-by-author-title {
		margin-bottom:32px;
		margin-bottom:2rem;
	}

}

#alapitvany{
    
    margin: 20px 0 20px 0;
}
#kapcsolat{
    
    margin: 20px 0 20px 0;
}
#iskolank{
    
    margin: 20px 0 20px 0;
}
.doksi{
width: 363px;
height: 65px;
font-size: 13px;
display: inline-block;
margin: 0 15px 15px 0;
padding: 20px 15px;
border: 1px solid #e2e2e2;

background: #f7f7f7;

-moz-box-shadow: inset 0px 0px 9px 0px rgba(109, 109, 109, 0.81);
-webkit-box-shadow: inset 0px 0px 9px 0px rgba(109, 109, 109, 0.81);
box-shadow: inset 0px 0px 9px 0px rgba(109, 109, 109, 0.81);


}
.doksia {
    width: 30px;
    text-decoration: none;
}

#nev {font-weight:bold; font-size:15px; padding: 0;}
#titulus {font-size:13px; padding: 5 5 5 5;}
#targy {font-size:12px; padding: 5 5 5 5;}
#tan_szoveg {position:absolute; margin-left:65px; color: #05a50c;}
  
#tanar_bg {
height: 95px;
width: 250px;
display: inline-block;
padding: 0 0 9px 0;
margin: 0 0 18px 0;
}
#vez_bg {
height: 95px;
width: 250px;
display: inline-block;
padding: 0 0 9px 0;
margin: 0 0 60px 0;
}


#tanar_img {
position: absolute;
border: 1px solid #ced3cc;
height: 82px;
width: 58px;
margin-left: 0px;
margin-top:0px;
text-align: center;
}
#tanar_img img{
    height: 80px;
    width: 54px;
    
}

#mail{
        
    font-size: 13px;
}


.active{

    padding: 10px;
    border: 1px solid #e2e2e2;
   /*border-bottom: 1px solid rgba(28, 28, 28, 0.8) ;*/
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    min-height: 140px;
    margin-bottom: 5px;
    
    background: #05a50c; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, rgb(5, 255, 39), rgb(2, 98, 5)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, rgb(5, 255, 39), rgb(2, 98, 5)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, rgb(5, 255, 39),  rgb(2, 98, 5)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right,rgb(5, 255, 39),  rgb(2, 98, 5)); /* Standard syntax */

}
.inactive{
    background-color: rgb(141, 141, 141);
    padding: 10px;
    border: 1px solid #e2e2e2;
    /*border-bottom: 1px solid rgba(28, 28, 28, 0.8) ;*/
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    min-height: 140px;
    margin-bottom: 5px;
    
    background: rgb(141, 141, 141); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, rgb(141, 141, 141), rgb(67, 67, 67)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, rgb(141, 141, 141), rgb(67, 67, 67)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, rgb(141, 141, 141),  rgb(67, 67, 67)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right,rgb(141, 141, 141),  rgb(67, 67, 67)); /* Standard syntax */

}

.tooltip {
    display: inline-block;
    background-color: white;
    margin:3px 0 3px 0;
  
    width: 82px;
    height: 84px;
    border: 1px solid #e2e2e2;
   /*border-bottom: 1px solid rgba(28, 28, 28, 0.8) ;*/
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    color: black;
    border-radius: 10px;
  
}
    
.esemenyek_a{
    
    text-decoration: none;
}

.tooltip .tooltiptext {
    visibility: hidden;
    display: inline-block; 
    width: 260px;
    background-color: rgba(93, 93, 93, 0.93);
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;

}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip_esemeny{
    background-color: white;
  
    width: 80px;
    height: 72px;
    border: 1px solid #e2e2e2;
   /*border-bottom: 1px solid rgba(28, 28, 28, 0.8) ;*/
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    color: black;
    border-radius: 10px;
    position: absolute;
    margin: 15px 0 0 15px;
}

.honap_esemeny{
    
    background-color: red;
    padding: 0;
    margin: 1px 0 0 1.6px;
    width: 76px;
    text-align: center;
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    color: white;
    border-radius: 5px;
    font-size: 13px;
}
.nap_esemeny{
    margin-top: 5px;
    font-size: 25px;
    text-align: center;
}

.esemenyforma{
    margin-left: 95px;
    
}

.fooldalelem{
    align-content: center;
    
    
}
.foertesetes{
    margin-top:20px;
    text-align: center;
    
    
}
.tooltiphonap{
    
    background-color: red;
    padding: 0;
    margin: 1px 0 0 2px;
    width: 76px;
    text-align: center;
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    box-shadow: inset 0px 0px 8px 0px rgba(109, 109, 109, 0.94);
    color: white;
    border-radius: 5px;
    font-size: 13.1px;
}
.nap{
    margin-top: 5px;
    font-size: 30px;
    text-align: center;
}


.galeriaalbum {
    background-color: #f0f0f0;
    display: inline-block;
    height: 520px;
    width: 210px;
    vertical-align: top;
    max-height: 520px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 8px;
    border:1px solid #e2e2e2;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
   
    
}
.galeriaalbum::-webkit-scrollbar {
    width: 12px;
}
.galeriaalbum::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
.galeriaalbum::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.galeriaalbum::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}


.galeriaalbum a{
    
    display: block;
    margin: 0 0 10px 0;
    border-bottom: 1px solid grey;
    text-decoration: none;
    
}
@media (max-width: 1080px) {
    
.galeriakepek{
    display: inline-block;
    background-color: #f0f0f0;
    width: 100%;
    margin-top: 10px;
    padding: 8px;
    min-height: 520px;
     border:1px solid #e2e2e2;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
   
    
    
    
}
}

@media (min-width: 1080px) {

	.galeriakepek{
    display: inline-block;
    background-color: #f0f0f0;
    width: 70%;
    margin-left: 10px;
    padding: 8px;
    min-height: 520px;
     border:1px solid #e2e2e2;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
   
    
    
    
}

}

.galeriakepek img{
    display: inline-block;
    margin: 0 0 15px 10px;
    /*padding: 0 0 15px 0;*/
    height:14%;
    width:14%;
    vertical-align: top;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
   
  
    
}


.buszkegaleriakepek{
    display: inline-block;
    background-color: #f0f0f0;
    width: 740px;
    margin-left: 10px;
    padding: 8px;
    min-height: 520px;
     border:1px solid #e2e2e2;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
   
    
    
    
}

.buszkegaleriakepek img{
    display: inline-block;
    margin: 0 0 15px 10px;
    /*padding: 0 0 15px 0;*/
    height:9%;
    width:9%;
    vertical-align: top;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
   
  
    
}




.buszktablecim td{
    font-weight: bold;
    color: #383838;
    padding: 4px;
    border-bottom: solid 1px grey;
    text-align: center;
    min-width: 130px;
    max-width: 130px;
    vertical-align: bottom;
   
}
.buszktr td{
   
    padding: 5px;
    border-bottom: solid 1px grey;
    text-align: center;
    min-width: 130px;
    max-width: 130px;
    color: #05a50c;
    height: auto;
    vertical-align: middle;
   
}

.konyvtartable td{
   
    padding: 5px;
    border-bottom: solid 1px grey;
    text-align: center;
    width: 180px;
    color: #05a50c;
    height: auto;
    vertical-align: middle;
    font-size: 13px;
  
}
.buszkdiv{
    
    
    max-width: 795px;
}
.foertesites p{
    padding: 0 0 0 5px;
    
}
.fooldalesemeny{
    padding: 5px;
    margin-bottom: 10px;
    background-color:#f7f7f7;    
    border:1px solid #e2e2e2;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    text-decoration: none;
}

.lapozo a{
    text-decoration: none;
}
.lapozo span{
    color: orange;
}
.tehetsegadatok{
    margin-left: 15px;
}
.elerhetoseg{
    
    margin-left: 15px;
}
.inenglish{
    
    margin-left: 15px;
}
.fooldaldatum{
    font-size: 12px;
}
.easymenu .atag{
    font-size: 15px;
    margin-left: 20px;
    margin-bottom: 15px;
}
.easymenu ul li{
    margin-top: 5px;
    margin-left: 20px;
    margin-bottom: 15px;
    list-style: none;
    font-size: 15px;
   
    
}
.easymenu ul li a{
     text-decoration: none;
}
.copydata{
   
    display: inline-block;
    margin: 0 4px 0 4px;
}

/*
@media (min-width: 768px) {

	#gyasz {
        position: absolute;
        top: -40%;
        left: 105%;
		margin:0;
		margin:0;
	}
    

}

*/
    
.winter-is-coming, .snow {
  z-index: 100;
  pointer-events: none;
}

.winter-is-coming {
  overflow: hidden;
  position: absolute;
  top: 0;
  /*height: 200px;*/
  width: 100%;
  max-width: 100%;

}
@media (min-width: 100px) {
	.winter-is-coming {
		height: 420px;
	}
}    
    
@media (min-width: 687px) {
	.winter-is-coming {
		height: 378px;
	}
}
    
@media (min-width: 768px) {
	.winter-is-coming {
		height: 280px;
	}
}
@media (min-width: 992px) {
	.winter-is-coming {
		height: 280px;
	}
}
@media (min-width: 1080px) {
	.winter-is-coming {
		height: 235px;
	}
}

.snow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: falling linear infinite both;
          animation: falling linear infinite both;
  -webkit-transform: translate3D(0, -100%, 0);
          transform: translate3D(0, -100%, 0);
}
.snow--near {
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  background-image: url("https://lillateri.hu/pics/snow/s1.png");
  background-size: contain;
}
.snow--near + .snow--alt {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
.snow--mid {
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  background-image: url("https://lillateri.hu/pics/snow/s2.png");
  background-size: contain;
}
.snow--mid + .snow--alt {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}
.snow--far {
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  background-image: url("https://lillateri.hu/pics/snow/s3.png");
  background-size: contain;
}
.snow--far + .snow--alt {
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}

@-webkit-keyframes falling {
  0% {
    -webkit-transform: translate3D(-7.5%, -100%, 0);
            transform: translate3D(-7.5%, -100%, 0);
  }
  100% {
    -webkit-transform: translate3D(7.5%, 100%, 0);
            transform: translate3D(7.5%, 100%, 0);
  }
}

@keyframes falling {
  0% {
    -webkit-transform: translate3D(-7.5%, -100%, 0);
            transform: translate3D(-7.5%, -100%, 0);
  }
  100% {
    -webkit-transform: translate3D(7.5%, 100%, 0);
            transform: translate3D(7.5%, 100%, 0);
  }
}

  

.strand{
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    margin: -15px 0 0 -19px;
    padding: 0;
    pointer-events: none;
    width: 101%;
    position: absolute;
}
.strand li{
    position: relative;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-interation-count: infinite;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 12px;
    height: 28px;
    border-radius: 50%;
    margin: 20px;
    display: inline-block;
    background:#fa5130;
    box-shadow: 0px 4.66667px 24px 3px rgba(240, 35, 35, 0.2);
    -webkit-animation-name: flash-1;
    animation-name: flash-1;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}
.strand li:nth-child(2n+1){
    background: #78dec6;
    box-shadow: 0px 4.66667px 24px 3px rgba(66, 144, 178, 0.2);
    -webkit-animation-name: flash-2;
    animation-name: flash-2;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
}
.strand li:nth-child(4n+2){
    background: #f1c22e;
    box-shadow: 0px 4.66667px 24px 3px rgba(245, 255, 0, 0.2);
    -webkit-animation-name: flash-3;
    animation-name: flash-3;
    -webkit-animation-duration: 2.1s;
    animation-duration: 2.1s;
}
.strand li:before{
    content: "";
    position: absolute;
    background: #222;
    width: 10px;
    height: 9.33333px;
    border-radius: 3px;
    top: -4.66667px;
    left: 1px;
}
.strand li:after{
    content: "";
    top: -14px;
    left: 9px;
    position: absolute;
    width: 52px;
    height: 18.66667px;
    border-bottom: solid #222 2px;
    border-radius: 50%;
}
.strand li:last-child:after{
    content: none;
}

@-webkit-keyframes flash-1{
    0%, 100%{
        background: #fa5130;
        box-shadow: 0px 4.66667px 24px 3px #fa5130;
    }
    50%{
        background: rgba(240, 34, 34, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(240, 35, 35, 0.02);
    }
}
@keyframes flash-1{
    0%,
  100% {
    background: #fa5130;
    box-shadow: 0px 4.66667px 24px 3px #fa5130;
  }
  50% {
    background: rgba(240, 34, 34, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(240, 35, 35, 0.2);
  }
}
@-webkit-keyframes flash-2{
    0,
    100%{
        background: #78dec6;
        box-shadow: 0px 4.66667px 24px 3px #78dec6;
    }
    50%{
        background: rgba(66, 165, 178, 0.4);
        box-shadow: 0px 4.6667px 24px 3px rgba(66, 144, 178, 0.2);
    }
}
@keyframes flash-2{
    0%,
  100% {
    background: #78dec6;
    box-shadow: 0px 4.66667px 24px 3px #78dec6;
  }
  50% {
    background: rgba(66, 165, 178, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(66, 144, 178, 0.2);
  }
}
@-webkit-keyframes flash-3{
    0%,
    100%{
        background: #f1c22e;
        box-shadow: 0px 4.6667px 24px 3px #f1c22e;
    }
    50%{
        background: rgba(255, 255, 0, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(245, 255, 0, 0.2);
    }
    
}
@keyframes flash-3{
       0%,
    100%{
        background: #f1c22e;
        box-shadow: 0px 4.6667px 24px 3px #f1c22e;
    }
    50%{
        background: rgba(255, 255, 0, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(245, 255, 0, 0.2);
    }
}