body {
	margin: 0;
	padding: 0;
	background: radial-gradient(#BFD6E2 1px, rgba(255,255,255,0) 2px);
	background-size: 10px 10px;
	/* background: #FFCC99;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #3B3B3B;
}

/* Page */ 
#page {
	overflow: hidden;
	width: 1200px;
	margin: 0px auto;
	padding: 10px 0px;
}

/* Content */
#content {	
	margin:0 150px 0 150px;
	width: 540px;
}

#content2 {
	float: left;
	margin:0 auto;
	width: 880px;
}

#banner {
	width: 1200px;
	padding: 0;
	margin: 10px auto 0px;	
}

#banner img
{
	border-radius: 8px;
}




/* Sidebar */

#sidebar3{
	float: right;
	width: 250px;
	margin-right: 5px;
	padding: 5px 5px 0px 5px;
	border: 2px solid #E7DFD7;
	border-radius: 8px;
	background: #F8F8F8;
}

#sidebar2{
	float: left;
	width: 230px;
	margin-right: 15px;
	padding: 15px 30px 0px 30px;
	border: 2px solid #E7DFD7;
	border-radius: 8px;
	background: #F8F8F8;
}


#sidebar {
	float: left;
	width: 230px;
	margin-right: 15px;
	padding: 15px 30px 0px 30px;
	color: #787878;
	border: 2px solid #E7DFD7;
	border-radius: 8px;
	background: #F8F8F8;
	/*display: inline-block;
	transition-duration: 1s;  продолжительность переходного эффекта */
	}





/* imges_ flex*/
.imges {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
  }
  
.contejner  {
	text-align: center;
	margin-bottom: 15px;
	padding: 2px 5px;
	border: 2px solid #E7DFD7;
	border-radius: 8px;
	background: #F8F8F8;
	}
	
/* clock */ 
	#clock {
	top: 70px; /* Расстояние от верхнего края 
    left: 985px;*/
	background-color: #2F4F4F;
	color: #00FF7F;
	font-size: 35px;
	border:4px outset #FFA500; 
	padding:10px 45px;
    margin: 10 auto;	
 } 
  
  
 /* Calendar */ 
.look-calendar {
    width: auto;
	background: #ECF5E4;
	top: 0px; /* Расстояние от верхнего края 
    left: 985px;*/
    border:1px solid #c0c0c0;
    padding:6px;
    margin: 0 auto;    
  }
  #calendar {
    width: 100%;
    line-height: 1.2em;
    font-size: 15px;
    text-align: center;
    border-spacing:0px;
  }
  #calendar tr.dn td {
    font-size: 15px;
  }
  #calendar thead tr:last-child {
    font-size: small;
    color: #555555;
  }
  #calendar thead tr:nth-child(1) td:nth-child(2) {
    color: #323232;
  }
  #calendar thead tr:nth-child(1) td:nth-child(1):hover,
  #calendar thead tr:nth-child(1) td:nth-child(3):hover {
    cursor: pointer;
  }
  #calendar tbody td {
    color: #2c567a;
  }
  #calendar tbody td:nth-child(n+6),
  #calendar .holiday {
    color: #e78c5c;
  }
  #calendar tbody td.today {
    background: #dc0000;
    color: #fff;
  }


.snow {
  --animation-name: snowfall;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

.snow__flake {
  position: relative;
  top: -1.5em;
  color: #c1dcec;
  animation-name: var(--animation-name);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  will-change: transform;
}

@keyframes snowfall {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(calc(100vh + 1.5em));
  }
}



/* Menu_ навигация*/

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav a{
  display: block;
  text-decoration: none;
  outline: none;
  transition: .4s ease-in-out;
}
.topmenu {
  backface-visibility: hidden;
  background: rgba(255,255,255,.8);
}
.topmenu > li {
  display: inline-block;
  position: relative;
}
.topmenu > li > a {
  font-family: Times New Roman; /*  'Exo 2', sans-serif; */
  height: 70px;
  line-height: 70px;
  padding: 0 10px;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: -1px;
  color: #007710;
  text-transform: uppercase;
}


.topmenu  .current_page_item  a{ color: #E6855F; }
.topmenu li a:hover { color: #E6855F; }
.submenu {
  background: white;
  border: 2px solid #003559;
  position: absolute;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
  width: 150px;
  transform: perspective(300px) rotateX(-90deg);
  transform-origin: 0% 0%;
  transition: .6s ease-in-out;
}
.topmenu > li:hover .submenu{
  visibility: visible;
  opacity: 1;
  transform: perspective(600px) rotateX(0deg);
}
.submenu li a {
  color: #007710;
  font-size: 13px;
  line-height: 36px;
  padding: 0 25px;
  font-family: 'Kurale', serif;
}

/* Menu_ навигация_2*/
/*
.floatTip {

	position: absolute;
	
    border: 1px solid #333; padding: 2px;
    font-family: sans-serif; font-size: 9pt;
    color: #333;
	background: #F8F8F8;    
   /* opacity: 0.7;  Прозрачность слоя 
   }*/

.floatNav  ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.floatNav a{
  display: block;
  text-decoration: none;
  outline: none;
  transition: .4s ease-in-out;
}

.topmenu_2 {
  backface-visibility: hidden;
  background: rgba(255,255,255,.8);
  cursor: pointer;
}
.topmenu_2 > li {
  display: inline-block;
  position: relative;
}
.topmenu_2 > li > a {
	font-family: 'Arvo', serif; /*  'Exo 2', sans-serif; */
  height: 70px;
  line-height: 70px;
  padding: 0 10px;
  font-weight: bold;
  font-size: 16px;
 /* letter-spacing: -1px;*/
  color: #A0A0A0;
  text-transform: uppercase;
}
.topmenu_2  .current_page_item  a{ color: #E6855F; }
.topmenu_2 li a:hover { color: #E6855F; }
 /*.submenu_2 {
  background: white;
  border: 2px solid #003559;
  position: absolute;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
  width: 160px;
  transform: perspective(600px) rotateX(-90deg);
  transform-origin: 0% 0%;
  transition: .6s ease-in-out;
}
.topmenu_2 > li:hover .submenu{
  visibility: visible;
  opacity: 1;
  transform: perspective(600px) rotateX(0deg);
}
.submenu_2 li a {
  color: #007710;
  font-size: 12px;
  line-height: 36px;
  padding: 0 25px;
  font-family: 'Kurale', serif;
}*/




/* Фотогаллерея*/

#gallery  ul {
  display: flex;
 /* gap: 10px;*/
  flex-wrap: wrap;

}

#gallery li {
  height: 40vh;
  flex-grow: 1;
}

#gallery li:last-child {
  /* There's no science in using "10" here. In all my testing, this delivered the best results.*/
  flex-grow: 10;
}

#gallery li img {
  max-height: 100%;
  min-width: 100%;
  object-fit: cover;
  vertical-align: bottom;
  border:4px solid #c0c0c0; 
}

/* ADVANCED*/

/* Portrait*/

@media (max-aspect-ratio: 1/1) {
 #gallery li {
    height: 30vh;
  }
}

/* Short screens*/

@media (max-height: 480px) {
  #gallery li {
    height: 80vh;
  }
}

/* Smaller screens in portrait*/

@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
  #gallery ul {
    flex-direction: row;
  }

  #gallery li {
    height: auto;
    width: 100%;
  }
  #gallery li img {
    width: 100%;
    max-height: 75vh;
    min-width: 0;
  }
}




div # img {transition: 0.2s;
		}
# img:hover {
transform: scale(2); /* масштабируем элемент при наведении */
}	
		

	
/*	
#sidebar:hover {
	width: 230px;
}*/

#sidebar ul, #sidebar2 ul, #sidebar3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li, #sidebar2 li, #sidebar3 li  {
	margin: 0;
	padding: 0;
}

#sidebar li ul, #sidebar2 li ul , #sidebar3 li ul {
	margin: 0px 0px;
	padding-bottom: 50px;
}

#sidebar li li, #sidebar2 li li, #sidebar3 li li  {
	border-bottom: 1px solid #E7DFD7;
	margin: 0px 0px;
	padding: 10px 0px;
	border-left: none;
}

#sidebar li li a, #sidebar2 li li a, #sidebar3 li li a  {
	color: #3B3B3B;
}

#sidebar li li span, #sidebar2 li li span, #sidebar3 li li span  {
	display: block;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2, #sidebar2 h2, #sidebar3 h2  {
	padding-bottom: 20px;
	font-size: 1.8em;
	color: #107710;
}

#sidebar p, #sidebar2 p, #sidebar3 p  {
	margin: 0px 0px 40px 0px;
	padding: 0px;
	text-align: justify;
}

#sidebar a, #sidebar2 a, #sidebar3 a {
	border: none;
}

#sidebar a:hover, #sidebar2 a:hover, #sidebar3 a:hover  {
	text-decoration: underline;
}

#sidebar .sowet, #sidebar2  .sowet, #sidebar3 .sowet {

  max-width: 20em; /* блок занимает ширину родителя, max-width её ограничивает */
  min-height: 2em;
  margin-left: auto;
  margin-right: 0;
 
}


h1, h2, h3 , h4{
	margin: 0px;
	padding: 0px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-family: 'Candara', serif;
	font-weight: normal;
	color: #007710;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}



a {
	text-decoration: none;
	color: #107710;
}



a:hover {
}



/* Header */
#header{
	clear: both;
	height: 50px;
	width: 1200px;
	margin: 0px auto;
	
}

/* Logo */
#logo {
	margin: 0px;
	padding: 1px 0px;
	color: #660033;	
	text-shadow: 2px 2px 2px #000;	
}


#logo h1 {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 2.8em;
	color: #660033;
}

#logo h1 span {
	color: #107710;
}

#logo p {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-family: 'Candara', serif;
	color: #3B3B3B;
}

#logo p a {
	color: #3B3B3B;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #323030;
}


/*	
#Галлерея*/

#gall {
  position: relative;
  z-index: 9;  
  padding-top: 50%;
  -moz-user-select: none; user-select: none;
}
#gall img {
  position: absolute;

  top: 25%;
  left: 12.5%;
  max-width: 24.5%;
  max-height: 49.5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: zoom-in;
  transition: .2s;
}
#gall img:nth-child(4n-2) {left: 37.5%;}
#gall img:nth-child(4n-1) {left: 62.5%;}
#gall img:nth-child(4n) {left: 87.5%;}
#gall img:nth-child(n+5) {top: 75%;}

#gall img:focus {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
}
#gall img:focus ~ div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  cursor: zoom-out;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
 
article {
    overflow: hidden;
	max-height: 90%;
	margin-bottom: 15px;
	padding: 2px 5px;
	border: 2px solid #E7DFD7;
	border-radius: 8px;
	background: #F8F8F8;
}

article img {
	margin: 0 15px 15px 15px;
	float: left;
}

article .title {
	height: 38px;
	margin-bottom: 10px;
	padding: 12px 0 0 0px;
	font-size: 32px;
}

article .title a {
	border: none;
	color: #107710;
}

article .meta {
	margin-bottom: 30px;
	padding: 5px 0px 15px 0px;
	text-align: left;
	font-weight: normal;
}

article .meta .date {
	float: left;
	color: #107710;
}

article .meta .articleed {
	float: right;
}

article .meta a {
} 

article .entry {
	margin: 0;
	padding: 0px 0px 0px 0px;
	padding-bottom: 20px;
	text-align: justify;
	color: #000000;
}
article .sowet{

  max-width: 30em; /* блок занимает ширину родителя, max-width её ограничивает */
  min-height: 2em;
  margin-left: auto;
  margin-right: 0;
 
}

.links {
	display: inline-block;
	height: 30px;
	padding: 30px 0px 0px 0px;
	font-size: 14px;
	font-weight: normal;
	color: #1C1C1C;
}

.button
{
	padding: 10px 25px;
	background: #107710;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 12px;
	color: #FFFFFF;
}

/* pointer */
.pointer {
		position: fixed; 
		right: 9px;
		bottom: 60px;
		width: 2,0%; /* Ширина блока */
		color: #FFF;
		padding: 5px;
		border: 1px solid #E7DFD7;
		border-radius: 5px;
		background: #FF6347;
		/*box-shadow: 10px 10px 10px #777;*/
		box-shadow:0 0 10px green;
		
}

.pointer.hover {
		background: FFA500
}	


.tab {
	background: #F8F8F8;;

	}
table, th, td { border: 1px solid black; 
}
	 table { margin: 5px auto; 
	 }
	 th, td { padding: 1px; 
	 } 
	 th, td { vertical-align: bottom;
	 }
	 td { text-align: center; 
	 }
	 td { font-size: 150%; 
	 }
	 
	 tr:nth-child(odd) { background-color: #EAF2D3; 
	 }
	 tr:hover { background-color: #E0E0FF; 
	 }
	
	
.letter_1 { 
	 color: #00756d; /* цвет символов */ 
	 font-size: 200%; /* Размер шрифта в процентах */ 
	 font-family: serif; /* Шрифт с засечками */ 
	 position: relative; /* Относительное позиционирование */ 
	 top: 10px; /* Сдвиг сверху */ 
	}
.letter_2 { 
	 color: ##000087; /* цвет символов */ 
	 font-size: 150%; /* Размер шрифта в процентах */ 
	 font-family: serif; /* Шрифт с засечками */ 
	 position: relative; /* Относительное позиционирование */ 
	 top: 10px; /* Сдвиг сверху */ 
	}

.turn:hover {	
	transform: scale(4);

}

/*Развертка текста поста*/
.details {
  position: relative;
  display: block;
  max-width: 880px;
  margin: 0 auto 10px;
  background: rgba(255,255,255,0.5);
  border-radius: 5px;
  transition: 0.5s;
  overflow: hidden;
}

.details::after {
  position: absolute;
  right: 24px;
  top: 15px;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-right: 3px solid #425995;
  border-bottom: 3px solid #425995;
  transform: rotate(-45deg);
  transform-origin: center;
  transition: .5s;
}

.details[open]::after {
  transform: rotate(45deg);
}

.details[open] {
  padding-bottom: 10px;
}

.details[open] .details__title {
  margin-bottom: 32px;
}

.details__title {
  background: #fff;
  border-radius: 5px;
  padding: 12px 24px;
  font-size: 16px;
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  transition: .3s;
}

.details__title::-webkit-details-marker {
  display: none;
}

.details__content {
  padding: 0 32px;
  font-size: 14px;
  margin-bottom: -10px;
    background: #fff;
}

.details__content p:last-child {
  margin-bottom: 0;
}
.details__content p:first-child {
  margin-top: 0;
}


/* Footer */

footer {
	/*height: 80px;*/
	width: 1200px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	background: #F8F8F8;
	border-top: 5px solid #E7DFD7;
	font-family: 'Arvo', serif;
}

footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	color: #A0A0A0;
}

footer a {
	color: #8A8A8A;
}




#center-img {
  display: block;
  margin: 0 auto;
}


#imga 
{
	margin-left: 20px;
	top: 70px;
	position: fixed;
}
 
   
   

/*** Стили относящиеся к модальному окну и содержанию ***/
.popup h1,
.popup h2,
.popup h3 {
color: #008000;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font-weight: normal;
}
.popup h1 { /* заголовок 1 */
font-size:24px;
}
.popup h2 { /* заголовок 2 */
font-size: 1.5em;
}
.popup h3 { /* заголовок 3 */
font-size: 1.2em;
}
/* Базовые стили слоя затемнения и модального окна  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
visibility: hidden;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсара */
}
.overlay:target {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}

/* стили модального окна */
.popup {
top: 0;
right: 0;
left: 50%;
font-size: 14px;
font-family: 'Tahoma', Arial, sans-serif;
z-index: 10000;
margin: 0 auto;
width: 100%;
min-width: 320px;
max-width: 820px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 15px;
border: 1px solid #383838;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color: #FFFFFF;
/* внешняя тень */
-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-o-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
/* трансформация */
-webkit-transform: translate(-50%, -150%);
-ms-transform: translate(-50%, -150%);
-o-transform: translate(-50%, -150%);
transform: translate(-50%, -150%);
}
/* активируем мод. окно */
.overlay:target+.popup {
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/* анимируем трансформацию */
-webkit-transition: transform 0.6s ease-out;
-moz-transition: transform 0.6s ease-out;
-ms-transition: transform 0.6s ease-out;
-o-transition: transform 0.6s ease-out;
transition: transform 0.6s ease-out;
}
/* формируем кнопку закрытия */
.close {
position: absolute;
padding: 0;
top: -10px;
right: -10px;
width: 22px;
height: 22px;
border: 2px solid #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: rgba(61, 61, 61, 0.8);
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 20px;
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
 -o-transition: all ease .8s;
 transition: all ease .8s;
}
.close:before {
color: rgba(255, 255, 255, 0.9);
content: '\2715';
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}
.close:hover {
background-color: rgba(252, 20, 0, 0.8);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.popup p {
	margin: 0;
	padding: 10px;
}
/* планшет */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.popup {
		width: 95%;
	}
}
/* смарт */
@media only screen and (min-width: 320px) and (max-width: 767px) {
.popup {
	width:85%;
	}
}
/* изображения внутри окна */
.popup img {
	display: block;
	border: none;
	width: 50%;
	height: auto;
}
/* миниатюры слева/справа */
.pic-left, 
.pic-right {
	width: 25%;
	height: auto;
}
.pic-left {
	float: left;
	margin: 5px 15px 5px 0;
}
.pic-right {
	float: right;
	margin: 5px 0 5px 15px;
}
/* встроенные элементы м-медиа, фреймы */
/* адаптивный блок видео */
.video { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow:hidden; 
} 
.video iframe, 
.video object, 
.video embed {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%;
	height: 100%; 
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}

.fa-home:before {
  content: "\f015";


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}