@font-face {
	font-family: HeliosCond;
	src: url('../fonts/HeliosCond.eot') format('embedded-opentype'),  
		 url('../fonts/HeliosCond.otf')  format('opentype'),
	     url('../fonts/HeliosCond.woff') format('woff'), 
	     url('../fonts/HeliosCond.ttf')  format('truetype'), 
	     url('../fonts/HeliosCond.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: HeliosCondLight;
	src: url('../fonts/HeliosCondLight.eot') format('embedded-opentype'),  
		 url('../fonts/HeliosCondLight.otf')  format('opentype'),
	     url('../fonts/HeliosCondLight.woff') format('woff'), 
	     url('../fonts/HeliosCondLight.ttf')  format('truetype'), 
	     url('../fonts/HeliosCondLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: HeliosCondBold;
	src: url('../fonts/HeliosCond-Bold.eot') format('embedded-opentype'),  
		 url('../fonts/HeliosCond-Bold.otf')  format('opentype'),
	     url('../fonts/HeliosCond-Bold.woff') format('woff'), 
	     url('../fonts/HeliosCond-Bold.ttf')  format('truetype'), 
	     url('../fonts/HeliosCond-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTCYR-Light';
  	src: url('../fonts/HelveticaNeueLTCYR-Light.eot?#iefix') format('embedded-opentype'),  
  		 url('../fonts/HelveticaNeueLTCYR-Light.woff') format('woff'), 
  		 url('../fonts/HelveticaNeueLTCYR-Light.ttf')  format('truetype'), 
  		 url('../fonts/HelveticaNeueLTCYR-Light.svg#HelveticaNeueLTCYR-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLTCYR-Medium';
  	src: url('../fonts/HelveticaNeueLTCYR-Medium.eot?#iefix') format('embedded-opentype'),  
  		 url('../fonts/HelveticaNeueLTCYR-Medium.woff') format('woff'), 
  		 url('../fonts/HelveticaNeueLTCYR-Medium.ttf')  format('truetype'),
  		 url('../fonts/HelveticaNeueLTCYR-Medium.svg#HelveticaNeueLTCYR-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* ---- Global Styles ---- */


:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

body {font-family: 'HelveticaNeueLTCYR-Light'; background: #e7e7e7;}
h1,h2, h3, h4, h5, .title {font-family: 'HeliosCondBold';}
p {
    line-height: 1.3em;
    letter-spacing: 0.5px;
    font-size: 1.2em;
}

.t_center {text-align:center;} 
.t_italic {font-style: italic;}

body .content a, 
.item__modal a,
.footer a {
    color: black;
    text-decoration: none;
    border-bottom: 4px solid #f69faa;
    padding: 5px 2px 0px 2px;
    transition: 0.2s;
    margin: 0 -1px;
}

body a:hover, 
.item__modal a:hover,
.footer a:hover {
    background: #000000;
    transition: 0.4s;
    border-color: #000000;
    color: white;
}

.title {    font-size: 3em;}

nav ul {
    font-family: 'HeliosCond';
    letter-spacing: 0.7px;
    padding: 0;
    color: #8d8d8e;
}
nav ul li {
    display: inline-block;
}
nav ul li.active, nav ul li a:hover {
    border-bottom: 5px solid;
    transition: 0.2s;
    background: none;
    color: black;
}
nav ul a {
    color: black;
    text-decoration: none;
    transition: 0.2s;
    border-bottom: 0px solid;
    color: #8d8d8d;
}





img {max-width:100%}


h2.subhead {
    position: relative;
    display: inline-block;
    z-index: 1;
}

h2.subhead:before {
    content: "";
    width: calc(100% + 25px);
    height: 30%;
    background: rgba(238, 67, 85, 0.5);
    position: absolute;
    left: -10px;
    top: 20px;
    z-index: -1;
}


.wrapper {

}
.container {
	background: white;
    padding: 0px;
    box-shadow: 0px 0px 40px #aaaaaacf;
}

.content {
    margin: 10px auto;
    padding: 60px 0px 80px 0px;
    max-width: 700px;
}


.cover {
    width: 100%;
    height: 450px;
    color: white;
    padding: 200px 90px 0 90px;
}

.cover_main {
	background-image: url(../img/cover.jpg);
    background-size: cover;
}

.cover_1 {
	background-image: url(../img/1/cover.jpg);
    background-size: cover;	
}
.cover_2 {
	background-image: url(../img/2/cover.jpg);
    background-size: cover;	
}
.cover_3 {
	background-image: url(../img/3/cover.jpg);
    background-size: cover;	
}
.cover_4 {
	background-image: url(../img/4/cover.jpg);
    background-size: cover;	
}
.cover_5 {
	background-image: url(../img/5/cover.jpg);
    background-size: cover;	
}

.cover_noimg {
	background-image: none !important;
    background: #ee4355;
}

.cover h1 {
    margin: 5px 0 15px 0;
    font-size: 2.5em;
    border-left: 10px solid;
    padding: 0 0 0 15px;
}
.cover p {
    margin: 0 0 0 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 10px;
}

.lead {
	font-weight: 600;
    font-size: 1.2em;
}




.blockin_right {
	display: inline-block;
    float: right;
    margin: 0 -160px 0 20px;
    max-width: 330px;
}
.blockin_left {
    float: left;
    margin: 0 40px 0 -160px;
    max-width: 270px;
}
.blockin_full_width {
	width: 100%;
}
.blockin_full_width img {
    display: block;
	margin: 0 auto;
}

.blockin p {
	margin: 5px 10px 8px 10px;
    font-size: 12px;
}



.card {
    background: #54b3ff;
    padding: 0 20px;
}




blockquote {
    background: whitesmoke;
    padding: 10px 30px;
    margin: 0px 0px;
    font-size: 0.9em;
	position: relative;
}

blockquote:before {
    content: "«";
    position: absolute;
    font-family: "HeliosCondBold";
    font-size: 10em;
    left: -60px;
    top: -100px;
    opacity: 0.5;
    color: #f69faa;
}

blockquote:after {
    content: "»";
    color: #f69faa;
    position: absolute;
    font-family: "HeliosCondBold";
    font-size: 10em;
    right: -60px;
    bottom: -70px;
    opacity: 0.5;
}



/* cards */

.person_cards .item {
    padding: 5px 10px;
    margin: 15px 20px;
    text-align: center;
    background: whitesmoke;
    border-radius: 5px;
    transition: ease-out 0.3s;
    cursor: pointer;
}

.person_cards .item:hover {
    box-shadow: 0px 10px 24px #aaaaaa;
    transition: cubic-bezier(0.4, 0, 1, 1) 0.3s;
}


/* modal */

.item__modal.fancybox-content , .item__modal {
  display: none;
  width: 100%;
  max-width: 600px;
}

.item__modal.fancybox-content > div {
  max-height: calc(100vh - 100px);
  overflow: auto;
}

.item__modal h4 {
    font-size: 1.6em;
    margin: 10px 0px 0px 0px;
}




/* tooltip */

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
    background: white;
    box-shadow: 0px 10px 40px #b4b4b4;
    border-radius: 0 5px 5px 0;
    border-left: 3px solid #03A9F4;
    display: none;
}
body .ui-tooltip {
	border-width: 2px;
}



/* lists */ 


.summary ol {
	counter-reset:myCounter;
	margin-left:0;
	padding-left:5px;
}

.summary ol li {
	position: relative;
	padding-left: 3em;
	margin: 0.45em 0;
	list-style: none;
	line-height: 1.3em;
	letter-spacing: 0.5px;
	font-size: 1.2em;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.summary ol li:hover {
	color: rgb(0,0,0);
}

.summary ol li:before {
	content:counter(myCounter);
	counter-increment:myCounter;
	position:absolute;
	top:0;
	left:0;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
	padding:0px;
	color:#fff;
	background:#ee4355;
	font-weight:bold;
	text-align:center;
	border-radius: .9em;
	z-index: 1;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.summary ol li:hover:before {
	background-color: #e91e63;
}

.summary ol li li:before{
	background-color: #e91e63;
}

.summary ol li:after {
	position: absolute;
	top: 2.1em;
	left: 0.9em;
	width: 2px;
	height: calc(100% - 2em);
	content: '';
	background-color: rgb(203, 203, 203);
	z-index: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.summary ol li:hover:after {
	background-color: #e91e63;
}

.summary ol li li {
	font-size: 0.8em;
}


.summary ul {
	margin-left:0;
	padding-left:5px;
}

.summary ul li {
	position: relative;
	padding-left: 3em;
	margin: 0.45em 0;
	list-style: none;
	line-height: 1.3em;
	letter-spacing: 0.5px;
	font-size: 1.2em;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.summary ul li:hover {
	color: rgb(0,0,0);
}

.summary ul li:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
	padding:0px;
	color:#fff;
	background:#ee4355;
	font-weight:bold;
	text-align:center;
	border-radius: .9em;
	z-index: 1;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.summary ul li:hover:before {
	background-color: #e91e63;
}

.summary ul li li:before{
	background-color: #e91e63;
}

.summary ul li:after {
	position: absolute;
	top: 2.1em;
	left: 0.9em;
	width: 2px;
	height: calc(100% - 2em);
	content: '';
	background-color: rgb(203, 203, 203);
	z-index: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.summary ul li:hover:after {
	background-color: #e91e63;
}

.summary ul li li {
	font-size: 0.8em;
}




/*footer*/
.footer {
	height: 200px;
    background: white;
    position: relative;
}

.footer .f__logo img {
    width: 150px;
    margin: 80px auto 20px auto;
    display: block;
}

.footer .f__donate {
    border-radius: 2px;
    background-color: #ed1f68;
    color: white;
    display: block;
    width: 200px;
    margin: 35px auto;
    font-family: "HeliosCond";
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: 4.7px;
    text-align: center;
    text-transform: uppercase;
    padding: 17px 23px 17px 34px;
    cursor: pointer;
}

.footer .socials {
    display: block;
    margin: 1px auto;
    width: 190px;
}
.socials div {
    display: inline-block;
    margin: 0px 10px;
}

.footer .socials .yt {
    background: url(../img/yt.png);
    background-size: contain;
    background-position: 0 18px;
    width: 26px;
    height: 18px;
    cursor: pointer;
    transition: 0.0s;
}
.footer .socials .yt:hover {
	background-position: 0 0;
	transition: 0.4s;
}

.footer .socials .fb {
	background: url(../img/fb.png);
    background-size: contain;
    background-position: 0 24px;
    width: 13px;
    height: 24px;
    cursor: pointer;
    transition: 0.0s;
}
.footer .socials .fb:hover {
	background-position: 0 0;
	transition: 0.4s;
}

.footer .socials .tw {
	background: url(../img/tw.png);
    background-size: contain;
    background-position: 0 20px;
    width: 26px;
    height: 20px;
    cursor: pointer;
    transition: 0.0s;
}
.footer .socials .tw:hover {
	background-position: 0 0;
	transition: 0.4s;
}

.footer .socials .vk {
	background: url(../img/vk.png);
    background-size: contain;
    background-position: 0 17px;
    width: 29px;
    height: 17px;
    cursor: pointer;
    transition: 0.0s;
}
.footer .socials .vk:hover {
	background-position: 0 0;
	transition: 0.4s;
}




.footer .f__donate:hover {
    background: #000000;
    color: white;
}

.footer .txt_1 {
    font-family: "HelveticaNeueLTCYR-Light";
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000;
    margin: 35px 0 10px 0;
}

.footer .txt_1 span{
    font-family: "HelveticaNeueLTCYR-Medium";
}

.footer .txt_3 {
    font-family: "HelveticaNeueLTCYR-Light";
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #a8a8a8;
    width: 190px;
    margin: 35px 0;
}

.ta_right{
    text-align: right;
}

.taright{
    font-size: 0.9em;
    text-align: right;
    font-style: italic;
}

.tirSummary{
    background-color: #f69faa;
    padding: 20px;
    font-weight: bold;
    color: #333;
}

@media only screen and (max-width: 992px) {
	.footer .txt_1 {text-align:center;}
	.footer .txt_3 {width: 100%; text-align:center;}
}



.donate-mobile-bottom {
  background: #eb1d5d !important;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  padding: 1px 5px 1px 5px !important;
  display: inline-block;
  list-style: none !important;
  border-bottom: none;
  color: white !important;

}

.donate-mobile-bottom:hover {
  background: #009ed2 !important;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}





.vrezka {
    padding: 10px 30px;
    margin: 30px 0px 30px -10px;
    font-size: 0.9em;
    position: relative;
    border-left: 10px solid rgb(182, 231, 251);	
}

.vrezka h3 {
	font-family: 'HeliosCond';
    font-size: 1.8em;
}








@media only screen and (max-width: 576px) {

}

@media only screen and (max-width: 768px) {
	.blockin_right {
	    display: block;
	    margin: 0 auto;
	    max-width: 100%;
	}
	.likely {
	    text-align: center;
	}
	blockquote {
	    margin: 0px 20px;
	}
	.title {font-size:2em}
	.cover {
	    padding: 190px 20px 0 20px;
	}

	.cover h1 {
	    font-size: 1.4em;
	    font-family: "HeliosCondLight";
	    border: none;
	    padding: 0px;
	}
	.cover p {
	    margin: 0 0 0 0;
	    letter-spacing: 2px;
	    text-transform: uppercase;
	    font-size: 0.5em;
	}
	.content {
	    padding: 60px 30px 80px 30px;
	}
	blockquote:before {
	    left: -32px;
	}
	blockquote:after {
	    right: -32px;
	}
	.likely {
	    display: inline-block;
	}
}

@media only screen and (max-width: 992px) and (min-width: 767px) {
	.blockin_right {
	    margin: 0 -40px 0 20px;
	}
	.cover {
	    padding: 170px 90px 0 90px;
	}
	.cover h1 {
	    font-size: 2em;
	}
	.content {
	    padding: 60px 30px 80px 30px;
	}
	blockquote:before {
	    left: -38px;
	}
	blockquote:after {
	    right: -38px;
	}

}

@media only screen and (max-width: 1200px) and (min-width: 991px) {
	.blockin_right {
	    margin: 0 -130px 0 20px;
	}
}


.likely-big .likely__widget:hover{
    background-color: black !important;
}