:root {
  --main-color: #c40a00;
  --main-color-hov: #e42a20;
  --yellow-color: #ffc000;
  --grey-color: #E0E0E0;
  --radius : 8px; 
}

@font-face {
	font-family: 'ITC-normal';
	font-style: normal;
	font-weight: normal;
	src: local('Crimson Text'),
		url('/assets/fonts/itc-franklin-gothic_book.woff') format('woff'),
		url('/assets/fonts/itc-franklin-gothic_book.ttf') format('ttf'),
		url('/assets/fonts/itc-franklin-gothic_book.eot') format('eot');
}

@font-face {
	font-family: 'ITC-normal';
	font-style: normal;
	font-weight: bold;
	src: local('Crimson Text'),
		url('/assets/fonts/itc-franklin-gothic_book.woff') format('woff'),
		url('/assets/fonts/itc-franklin-gothic_book.ttf') format('ttf'),
		url('/assets/fonts/itc-franklin-gothic_book.eot') format('eot');
}

@font-face {
	font-family: 'ITC-bold';
	font-style: normal;
	font-weight: normal;
	src: local('Crimson Text'),
		url('/assets/fonts/itc-franklin-gothic_demi.woff') format('woff'),
		url('/assets/fonts/itc-franklin-gothic_demi.ttf') format('ttf'),
		url('/assets/fonts/itc-franklin-gothic_demi.eot') format('eot');
}

@font-face {
	font-family: 'ITC-bold';
	font-style: normal;
	font-weight: bold;
	src: local('Crimson Text'),
		url('/assets/fonts/itc-franklin-gothic_demi.woff') format('woff'),
		url('/assets/fonts/itc-franklin-gothic_demi.ttf') format('ttf'),
		url('/assets/fonts/itc-franklin-gothic_demi.eot') format('eot');
}

body {
	font-family : "ITC-normal";
}

a, a:hover {
	transition: all 0.4s ease-out 0s;
}

strong {
	font-family : "ITC-bold";
}

.header-row {

}

.header_area {
	background : var(--main-color);
}

img.top-logo {
	height : 70px;
	width : auto;
	filter : brightness(0) invert(1);
	padding-top : 10px;
	padding-bottom : 10px;
}

.header-right, .top-icos {
	display : flex;
	align-items: center;
	justify-content: flex-end;	
}

.header-left {
	display : flex;
	align-items: center;
	justify-content: flex-start;	
}

.top-menu-item-wrap {
	display : block;
	line-height : 70px;
	padding-right : 15px;
	padding-left : 15px;
	position : relative;
}

.top-menu-item {
	color : #FFF;
	font-size : 20px;
	white-space : nowrap;
	padding-right : 15px;
	padding-left : 15px;
	display : inline-block;
	border-radius : var(--radius);
	line-height: 40px;
}

.top-menu-item:hover {
	transition: all 0.4s ease-out 0s;
	color : #FFF;
	background : var(--main-color-hov);
}

.top-menu-item-wrap-1::after, .top-menu-item-wrap-2::after {
	content : "";
	display : block;
	position : absolute;
	width : 1px;
	top : 25px;
	bottom : 25px;
	background : #ccc;
	right : 0px;
}

.top-menu-item-wrap-1 {
	padding-left : 0px;
}

.top-ico-mail {
	display: block;
	white-space: normal;
	color: #FFF;
	font-size: 20px;
	line-height: 70px;
	margin-left : 0px;
}

.top-ico-mail:hover {
	color: #ccc;
}

.top-ico-vk img, .top-ico-tg img, .top-ico-mail img, .top-ico-mail-mob img, .top-ico-ok img {
	height : 30px;
	width : auto;
	filter : brightness(0) invert(1);
	transition: all 0.4s ease-out 0s;
	margin-left : 30px;
}

.top-ico-vk img:hover, .top-ico-tg:hover img, .top-ico-ok:hover img {
	filter : brightness(0) invert(0.85);
	transition: all 0.4s ease-out 0s;
}

.topimg_area {
	margin : 30px 0 60px;
	transition: all 0.4s ease-out 0s;
}

.top-img-text {
	border-radius : var(--radius) var(--radius) 0px 0px;
	color : #FFF;
	font-family : "ITC-bold";
	padding : 10px 0;
	text-align : left;
	font-size : 38px;
	padding : 15px;
	background: var(--main-color);
}

.top-img-text-img img {
	max-height : 140px;
	padding-left: 65px;
}

.top-img-text-text {
	padding-left: 80px;
}

.top-img-text-wrap {
	min-height : 100px;
	display : flex;
	align-items : center;
}

.top-img-text span {
	display : inline-block;
	margin : 0 30px;
}

.top-img-wrap {
	position : relative;
	overflow: hidden;
}

.top-img-wrap img.top-img-main {
	transition: all 0.4s ease-out 0s;
	border-radius : 0px 0px var(--radius) var(--radius);
}

.top-img-over {
	position : absolute;
	left : 0;
	right : 0;
	bottom : 0;
	background : rgba(0,0,0,0.4);
	color : #FFF;
	border-radius : 0px 0px var(--radius) var(--radius);
	margin-left : 0px;
	margin-right : 0px;
}

.top-img-over-item {
	padding-top : 20px;
	padding-bottom : 15px;
	font-size : 22px;
}

.top-img-over-item span {
	display : none;
}

.top-img-over-item-1 {
	margin-left : 0px;
	text-align: center;
}

.top-img-over-item-2 {

}

.top-img-over-item-3 {

}

.top-img-over-item-4 {
	margin-right : 0px;
}

.top-img-over-item strong {
	font-size : 20px;
	display : block;
}

.top-img-over-item-1 img {
	filter : brightness(0) invert(1);
	height : 63px;
	width : auto;
}

.top-img-after-text {
	margin-top : 60px;
	text-align: center;
}

#tiat {
	color : #222;
	font-size : 40px;
	line-height : 40px;
	text-align : center;
	position : relative;
	display : inline-block;
	--line-width: 10%;
	color : var(--main-color);
}

#tiat::after {
	position: absolute;
	content: '';
	left: 0;
	/* right: 30px; */
	bottom: -10px;
	display: block;
	width: var(--line-width);
	max-width : 80%;
	height: 4px;
	background: #444;
	border-radius : 2px;
	transition: 0.8s;
	left: 50%;
	transform: translateX(-50%);
}

/* .top-img-after-text-offc::after { */
	/* width: 80%; */
	/* transform: translateX(-50%); */
	/* transition: 0.8s; */
	/* left: 50%; */
/* } */

.top-img-after-text-offc::after, .top-img-after-text-offc:hover:after {
	width: 80%;
	transform: translateX(-50%);
	transition: 0.8s;
	left: 50%;
}

#program {
	background-color: #F9F9F9;
}

.section_title {
	color: var(--main-color);
}

.section_title p {
	font-size : 22px;
}

.single_features {
	padding : 30px 15px 30px 10px;
}

.single_features h4 {
	
}

.single_features p {
	font-size : 18px;
	color : #444;
}

.wide_single_features {
	background : #f0f0f0;
	display : flex;
	align-items : center;
	border-radius : var(--radius);
	text-align: center;
	padding-left : 30px;
	padding-right : 30px;
}

.pblock {
	background : #f0f0f0;
	border-radius : var(--radius);
	color : #444;
	text-align : center;
	font-size : 22px;
	line-height : 30px;
	font-family : "ITC-bold";
	padding : 30px;
	position: relative;
	--border-size: 10px;
	--background : #f0f0f0;
}

.pblock-wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: var(--border-size) solid var(--main-color);
	transition: transform 0.2s;
	transform: scale(0.9);
	display : flex;
	align-items : center;
	padding : 0 30px;
}

.pblock-wrap.top:before {
  content: '';
  position: absolute;
  left: 15%;
  width: 70%;
  top: calc(-2 * var(--border-size));
  bottom: calc(-2 * var(--border-size));
  border-top: calc(4 * var(--border-size)) solid var(--background);
  border-bottom: calc(4 * var(--border-size)) solid var(--background);
}

.pblock-wrap.side:after {
  content: '';
  position: absolute;
  top: 15%;
  height: 70%;
  left: calc(-2 * var(--border-size));
  right: calc(-2 * var(--border-size));
  border-left: calc(4 * var(--border-size)) solid var(--background);
  border-right: calc(4 * var(--border-size)) solid var(--background);
}

.wide_single_features h4 {
	color : #444;
	font-size : 24px;
}

.wide_single_features h4.features_title {
	color : #444;
	position : relative;
	display : inline-block;
	min-height : auto;
	font-size : 30px;
}

.wide_single_features h4.features_title::after {
	position: absolute;
	content: '';
	bottom: -10px;
	display: block;
	width: 70%;
	max-width : 80%;
	height: 4px;
	background: var(--main-color);
	border-radius : 2px;
	transition: 0.8s;
	left: 50%;
	transform: translateX(-50%);
}

.wide_single_features h3 {
	color: var(--main-color);
	margin : 30px auto 30px;
	font-size : 36px;
}

#results h5, #petition h5 {
	color: var(--main-color);
	text-transform : uppercase;
	font-size: 20px;
}

#results .main-text p, #petition .main-text p {
	font-size: 18px;
	margin-bottom : 10px;
	line-height: 26px;
}

.color-black {
	color : #000;
	font-family : "ITC-bold";
	display: inline;
}

.color-red {
	color : var(--main-color);
	font-family : "ITC-bold";
	display: inline;
}

#petition .section_title p {
	font-size: 22px;
	line-height : 30px;
}

.back-to-top img {
	filter : brightness(0) invert(1);
	width: 60%;
}

.footer_wrapper {
	color : #FFF;
	font-size : 16px;
}

.bot-icos {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.bot-icos .top-ico-mail {
	margin-left : 0px;
}

.mobile-nav {
	display : none;
	position : fixed;
	bottom : 20px;
	left : 20px;
}

.mobile-nav-icos a {
	margin : 0 10px;
}

.mobile-nav-icos .top-ico-ok img, .mobile-nav-icos .top-ico-mail img, .mobile-nav-icos .top-ico-vk img, .mobile-nav-icos .top-ico-tg img {
	height: 40px;
	width: auto;
	filter: brightness(0) invert(1);
	transition: all 0.4s ease-out 0s;
	margin: 0px;
	filter: invert(12%) sepia(73%) saturate(7498%) hue-rotate(14deg) brightness(82%) contrast(110%);
	border-radius: 5px;
}

.mobile-nav-icos .top-ico-ok, .mobile-nav-icos .top-ico-mail, .mobile-nav-icos .top-ico-vk, .mobile-nav-icos .top-ico-tg {
	color: #FFF;
	display : inline-block;
	width : 40px;
	height : 40px;
	border-radius: 5px;
	background-color : #FFF;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	line-height: 1;
	border : 0px solid #FFF;
}

.mobile-number {
	display : none;
}

.top-ico-mail-mob {
	display : none;
}

.mobile-nav-menu {
	display : none;
}

.program-row {
	background : #FFF;
	margin-bottom : 30px;
	align-items : center;
	border-radius : var(--radius);
}

.program-row img {
	border-radius : var(--radius);
	margin: 15px 0 15px 0px;
}

.row-invert .col-xxl-4 {
	order : 2;
}

.row-invert .col-xxl-8 {
	order : 1;
}

.single_features p {
	margin-top: 0px;
	margin-bottom: 15px;
}

.single_features .features_title {
	margin-bottom : 15px;
}

.row-program-bot {
	justify-content: center;
}

.bulletin-row {
	background: #f0f0f0;
	border-radius: var(--radius);
	color: #444;
	padding: 45px 30px 30px;
	
}

.bulletin-row p {
	font-family : "ITC-bold";
	margin : 0px 0px 15px;
	padding : 0px;
	font-size : 24px;
	color: #444;
}

.bulletin-row .col-xxl-8 {
	
}

p.number-p {
	padding-left: 55px;
	background: url("/images/checked-n.png") center left no-repeat;
	color: var(--main-color);
	min-height: 40px;
	padding-top: 8px;
}

.top-img-text i {
	display : none;
}




@media (max-width: 1410px) {
	.top-icos .top-ico-mail {
		margin-left: 0px; 
	}
	.single_features {
		
	}	
	.top-img-text {
		font-size: 32px;
	}	
	.wide_single_features h4.features_title {
		font-size: 22px;
	}	
	.wide_single_features h4 {
		font-size: 20px;
	}
	.wide_single_features h3 {
		margin: 20px auto 20px;
		font-size: 26px;
	}	
	.program-row {
		align-items : flex-start;
	}	
	.single_features .features_title {
		font-size: 20px;	
	}
	.single_features {
	  padding: 30px 15px 20px 20px;
	}	
}

@media (max-width: 1220px) {
	.top-icos .top-ico-mail {
		display : none;
	}
	.single_features {
	  padding: 15px 15px 15px 15px;
	}	
	.top-img-text span {
		margin: 0 15px;
	}	
	.top-img-text {
		font-size: 26px;
	}	
	.top-img-over-item, .top-img-over-item strong {
		font-size: 18px;
	}
	#tiat {
		font-size: 30px;
		line-height: 36px;
	}
	.top-img-after-text {
		margin-top: 40px;
	}	
	.topimg_area {
		margin: 30px 0 40px;
	}	
	.pt-60#program, .pt-60#results {
		padding-top: 40px;
	}
	
	.pb-60#program, .pb-60#results {
		padding-bottom: 40px;
	}
}

@media (max-width: 991px) {
	.top-menu-item {
		text-transform : capitalize;
	}
	.program-row img {
		margin: 15px auto 15px;
		max-width : 60%;
		width : 300px;
		display : block;
	}	
	.top-img-text-text {
		padding-left: 40px;
	}	
	.top-img-text-img img {
		padding-left: 25px;
	}	
	.top-img-text i {
		display : block;
	}	
	.row-invert .col-xxl-4, .bulletin-row .col-xxl-4 {
		order : 1;
	}
	.bulletin-img {
		margin : 0 auto 30px;
		display : block;
		max-width: 70%;
	}
	.row-invert .col-xxl-8, .bulletin-row .col-xxl-8 {
		order : 2;
	}
	.single_features .features_title {
		text-align : center;
	}
	.top-menu-item span {
		display : none;
	}
	.top-icos {
		display : none;
	}
	.mobile-nav {
		display : block;
	}
	.top-img-text {
		font-size: 28px; 
	}	
	.top-img-over-item-1 {
		display : none;
	}
	.top-img-over-item-2, .top-img-over-item-3, .top-img-over-item-4 {
		text-align : center;
		width : 33%!important;
	}
	.mobile-number {
		display : block;
		position : absolute;
		top : 15px;
		right : 15px;
	}
	.mobile-number img {
		filter : brightness(0) invert(1);
		height : 30px;
		width : auto;
	}
	.single_features .features_title {
		font-size: 22px;
	}
	.single_features {
		
	}	
	.section_title .title {
		font-size: 30px;
	}
	.pblock {
		min-height: 200px;
		margin-bottom: 30px;
	}
	.wide_single_features {
		padding-top : 30px;
		padding-bottom : 30px;
	}
	#results h5, #petition h5 {
		font-size: 20px;
		text-align : center;
		padding-left: 0px;
	}
	.header-left {
		justify-content: center;
	}	
}

@media (max-width: 768px) {
	.top-menu-item-wrap, .mobile-nav {
		display : none;
	}
	.top-img-text-wrap {
		min-height: auto;
		display: block;
		text-align : center;
	}	
	.top-img-text-img img {
		padding-left: 0px;
		margin-bottom : 15px;
		max-height: 150px;
		height: 150px;
	}	
	.top-img-text-text {
		padding-left: 0px;
	}
	#petition {
		margin-bottom : 0px;
		padding-bottom : 0px;
	}
	.bulletin-row, .pblock, .wide_single_features, .program-row {
		border-radius : 0px;
	}
	.bulletin-img {
		max-width: 90%;
	}
	.row-invert .col-xxl-4 {
		order : 1;
	}
	.row-invert .col-xxl-8 {
		order : 2;
	}	
	.top-icos {
		display: flex;
		padding: 10px;
		justify-content: center;
	}
  .bulletin-row p {
		font-size: 20px;
	}	
	.top-ico-ok img,.top-ico-vk img, .top-ico-tg img, .top-ico-mail-mob img {
		height: 30px;
		margin-left: 20px;
	}
	.top-ico-mail-mob img {
		margin-left: 0px;
	}	
	.top-img-over-item-2 {
		order : 3;
	}
	.top-img-over-item-3 {
		order : 1;
	}
	.top-img-over-item-4 {
		order : 2;
	}
	.top-ico-mail-mob {
		display : inline-block;
	}
	.header-row .col-sm-6 {
		width : 50%;
	}
	.top-img-text {
		font-size: 23px;
	}
	.top-img-text span {
		clear: both;
		display: block;
		font-size: 0px;
		margin: 0;
	}
	.top-img-wrap img.top-img-main {
		border-radius: 0px;
	}
	.top-img-over {
		position: relative;
		background: #f0f0f0;
		color: #444;
		border-radius: 0px 0px var(--radius) var(--radius);
	}
	.top-img-over-item-2, .top-img-over-item-3, .top-img-over-item-4 {
		text-align: center;
		width: 100%!important;
	}
	.top-img-over-item-2, .top-img-over-item-3, .top-img-over-item-4 {

	}
	.mobile-number img {
		height: 20px;
	}	
	.mobile-number {
		top: 5px;
		right: 5px;
	}
	.top-img-over-item span, .top-img-over-item strong {
		display : inline;
	}
	.top-img-over-item-3 {
		padding-top: 15px;
		padding-bottom: 10px;		
	}
	.top-img-over-item-4 {
		padding-top: 0px;
		padding-bottom: 10px;		
	}
	.top-img-over-item-2 {
		padding-top: 0px;
		padding-bottom: 15px;		
	}
	#tiat {
		font-size: 26px;
		line-height: 32px;
	}
	.single_features {
		min-height: auto;
	}	
	.pb-60#program, .pb-60#results {
		padding-bottom: 30px;
	}
	#results h5, #petition h5 {
		font-size: 18px;
		padding-left: 0px;
		text-align : center;
	}
	.pblock-bot {
		min-height: 320px;
		margin-top: 15px;
		margin-bottom: 0px;
	}
	.section_title .title {
		font-size: 26px;
	}
	.single_features .features_title {
		font-size: 20px;
	}
	.pblock {
		font-size: 20px;
	}
	.mobile-nav-menu {
		display : block;
		position: fixed;
		bottom: 20px;
		left: 20px;		
	}
	.bot-menu-item {
		color: #FFF;
		display: inline-block;
		height: 40px;
		border-radius: 5px;
		background-color: var(--main-color);
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
		line-height: 40px;
		border: 0px solid #FFF;
		font-size : 13px;
		text-transform : uppercase;
		padding-left : 7px;
		padding-right : 7px;
	}
	.bot-menu-item:hover, .bot-menu-item:active, .bot-menu-item:focus {
		color: #eee;
	} 
	.bot-menu-item img {
		display : none;
	}
	#petition .pl-40 {
		padding-left : 15px;
	}
	.footer_area {
		padding-bottom: 60px;
	}


}