
* {margin:0; padding:0;}
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {height:100%; overflow-y:auto; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust: 100%;	}

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, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea {border:0; font-family:inherit; font-size:100%; font-weight:normal; margin:0; padding:0; outline:0; vertical-align:baseline;}

body {background:#ffffff; color:#14172d; font-family: 'LatoRegular'; font-size:16px; font-style:normal; height:100%; line-height:26px}

/* headers
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {display:block; font-weight:normal; font-style:normal; line-height:normal; margin:0; padding:0}

h1 {color:#020202; font-family: 'LatoBold'; font-size:30px; line-height:45px; padding:0 0 50px 0}
h2 {color:#14172d; font-family: 'LatoBold'; font-size:22px; line-height:28px; padding:0 0 20px 0}
h3 {color:#fefeff; font-family: 'LatoBold'; font-size:20px; line-height:37px; margin:0 0 20px 0; padding:0 10px}
h4 {color:#14172d; font-family: 'LatoBold'; font-size:21px; line-height:28px; padding:10px 0 20px 0}
h5 {color:#14172d; font-family: 'LatoBold'; font-size:18px; line-height:28px; padding:0 0 20px 0}



/* links
-----------------------------------------------*/
a {color:inherit; cursor:pointer; margin:0; padding:0; font-size:100%; outline:0; text-decoration:none; text-transform:inherit;}
	a:hover {text-decoration: underline}

/* paragraphs
-----------------------------------------------*/
p, address {color:#14172d; display:block; font-family: 'LatoRegular'; font-size:16px; font-style:normal; line-height:26px; margin:0; padding:0 0 20px 0}

strong, b {font-family: 'LatoBold'; font-weight:normal}




/* general
-----------------------------------------------*/

.clear:before, .clear:after {content:""; display:table; }
.clear:after {clear:both;}
.clear {zoom:1;}

img {vertical-align: middle;}

.rwdimg {display: block !important; position:relative; width:100%; z-index:1}

.caption {display:block; position:absolute; left:0; top: 45%; transform: translateY(-45%); text-align:center; width:100%; z-index:88}

.selectBox {background:#ffffff; border:1px solid #b2b2b2; color:#807f7f; font-family: 'LatoBold'; font-size:18px; font-weight:normal; height:36px; margin:0 0 0 0; padding:0 0 0 15px !important; -webkit-box-shadow:0 0 0 0 #cfcfcf; box-shadow:0 0 0 0 #cfcfcf;}
.selectBox-label {color:#807f7f; font-size:16px; font-family: 'LatoBold'; font-weight:normal; line-height:34px; margin:0; padding:0}
.selectBox-dropdown {min-width: 1px !important; height: 36px; width: 100% !important}
.selectBox-dropdown .selectBox-arrow {border-left:1px solid #b2b2b2; padding: 0; width:25px}

.fld {border: 1px solid #b2b2b2; display: block; font-family: 'LatoBold'; font-style: 18px; line-height: 47px; height: 47px; margin: 0; padding: 0 15px; width: 100%; position: relative; -webkit-border-radius:5px; border-radius:5px;}

.fld-error {border:1px solid #f00 !important}

::-webkit-input-placeholder {color:#807f7f;}
::-moz-placeholder {color:#807f7f;}
:-ms-input-placeholder {color:#807f7f;}
:-moz-placeholder { color:#807f7f;}

label {color:#020202; display: block; font-family: 'LatoBold'; font-size:20px; line-height:34px; margin: 0; padding: 0 0 10px 0 }






.wrapper {clear: both; display: block; margin: 0 auto; min-height: 82px; position: relative; width: 860px}

@media (max-width: 859px){

	.wrapper {padding:0 15px; width: 100%}

}


#header {background:#e5e7eb; clear:both; display:block; min-height: 82px; overflow: hidden; padding: 10px 0 15px 0; position:relative; width:100%; z-index:999}

	.logo, .home .sticky_header .logo {background:url("../images/logo.svg") no-repeat 0 0; background-size: 100% 100%; display:block; font-size: 0; height: 82px; left: 0; line-height: 0; margin:0; overflow: hidden; position: absolute; text-indent: -9999em; top:0; width:175px; z-index: 999}


@media (max-width: 859px){

.logo {background-size:150px 70px; height:70px; left:15px; top:5px; width:150px}

}

@media (max-width: 767px){

#header {background:#e5e7eb !important; padding:0; position: relative !important}

	.logo {left:50%; margin-left:-75px; top:50px}

	.home .logo {background:url("../images/logo.svg") no-repeat 0 0 !important; background-size:150px 70px !important; height:70px;}

}

#bar {clear:both; display: block; overflow: hidden; padding: 8px 0; width: 100%}

	.bar_menu {float: right; margin: 0; padding: 0; width: auto; white-space: nowrap}
	.bar_menu li {color:#000000; float: left; font-size: 14px; line-height: 24px; list-style: none; margin: 0; padding: 0 0 0 10px}
	.bar_menu a {border: 1px solid #9f9fa2; color:#000000; display: block; line-height: 22px; overflow: hidden; padding: 0 15px; text-decoration: none}
	.bar_menu a:hover {border:1px solid #000000}

@media (max-width: 767px){

#bar {padding:10px 0}
#bar .bar_menu li {color: #000000}
#bar .bar_menu a {border:1px solid #9f9fa2; color: #000000}

}


#nav {clear:both; display: block; overflow: hidden; padding:5px 0 0 0; position:relative; width: 100%}

	.menu-link {background:url("../images/menu-link-dark.png") no-repeat 0 0; display:none; height:20px; overflow:hidden; position:absolute; right:0; text-indent:-9999em; top:50px; width:25px; z-index:9999; text-decoration:none}

	.nav_menu {float: right; margin: 0; padding: 0; width: auto; white-space: nowrap}
	.nav_menu li {color:#000000; float: left; font-size: 16px; line-height: 36px; list-style: none; margin: 0; padding: 0 0 0 20px}
	.nav_menu a {color:#000000; display: block; line-height:36px; overflow: hidden; padding:0}


@media (max-width: 767px){

#nav {padding:90px 0 0 0}
	.menu-link {display:block}
	.nav_menu {clear:both; display:none; float:none; padding-bottom:10px; width:100%}
	#nav .nav_menu li {border-top:1px solid #ccc; color:#000000; clear:both; display:block; float:none; line-height:24px; overflow:hidden; padding:0; text-align:right}
	#nav .nav_menu a {color:#000000; line-height:24px; padding:5px 0}

}



.home #header {background:none; left: 0; position:absolute; top: 0; width: 100%}
.home .bar_menu li {color: #ffffff}
.home .bar_menu a {border:1px solid #ffffff; color: #ffffff}
.home .nav_menu li, .home .nav_menu li a {color: #ffffff}
.home .logo {background:url("../images/logo-white.png") no-repeat 0 0; background-size: 211px 98px; height: 98px; width: 211px}




.sticky_header {background:#e5e7eb !important; left:0; position: fixed !important; top:0}
.sticky_header .bar_menu li {color: #000000}
.sticky_header .bar_menu a {border:1px solid #9f9fa2; color: #000000}
.sticky_header .nav_menu li, .sticky_header .nav_menu li a {color: #000000}


@media (max-width: 767px){

.home {padding-top:134px}

.home #header {position:absolute !important; top:0}


}


#hero {clear:both; display:block; overflow:hidden; padding:0; width:100%; z-index:9}

	.hero_area {clear:both; display:block; overflow:hidden; position:relative; width:100%}

	.hero_img {float:left; width:100%}

	.hero_caption {height:100%; display:block; left:50%; margin-left:-350px; position:absolute; text-align:center; top:0; width:700px; z-index:999}
	.hero_caption {display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center;}

	#hero h1, #hero h2, #hero p, #hero a {color: #ffffff}

	#hero h1 {font-family: 'LatoRegular'; font-size: 20px; line-height: 40px; padding: 0 0 30px 0}
	#hero h2 {font-family: 'LatoSemiBold'; font-size: 32px; line-height: 40px; padding: 0 0 50px 0}

	.hero_links {clear:both; display: block; margin: 0; padding: 0}
	.hero_links li {float: left; list-style: none; margin: 0; padding: 0 15px; width:240px }

	.hero_btn {border:2px solid #ffffff; color: #ffffff; display: block; font-family: 'LatoSemiBold'; font-size: 18px; line-height: 40px; margin:0; text-transform: uppercase; text-align: center}
	.hero_btn:hover {opacity:0.7; text-decoration: none}




@media (max-width: 992px){

	#hero h1 {font-size: 20px; line-height: 30px; padding: 60px 0 10px 0}
	#hero h2 {font-size: 30px; line-height: 40px; padding: 0 0 20px 0}

	.hero_btn {font-size: 18px; line-height: 32px}

}

@media (max-width: 767px){

#hero h1 {font-size: 16px; line-height: 22px; padding: 60px 0 10px 0}
#hero h2 {font-size: 24px; line-height: 30px; padding: 0 0 20px 0}

.hero_caption {left:auto; margin: 0; width: 100%}

.hero_btn {font-size: 16px; line-height: 32px}

}

@media (max-width: 567px){

#hero h1, #hero h2, #hero p, #hero a {color: #000000}

#hero h1 {padding:0 0 10px 0}
#hero h2 {padding:0 0 20px 0}

.hero_links {margin: 0 auto; overflow: hidden; padding: 0; width: 290px}
.hero_links li {float: left; list-style: none; margin: 0; padding: 0 15px; width:145px }

.hero_btn {border:2px solid #000000}

.hero_area { background: #ebebeb; display: block; position: relative}
.hero_caption {clear:both; display: block; overflow: hidden; padding: 25px 0; position: relative}

}




#main {clear:both; display:block; min-height:700px; overflow:hidden; padding-bottom: 0; width:100%}


@media (min-height: 700px) and (max-height: 1200px), (max-height: 1200px) {
	#main {min-height:800px; padding-bottom: 100px; }
}

.txt_center {text-align:center}

.media {display:block; position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; margin:15px 0 }
.media iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.content_page {clear:both; display:block; overflow:hidden; padding:50px 0; width:100%}

.content {clear:both; display:block; overflow:hidden; padding:0 10px 20px 10px; width:auto}

	.content h1, .content h2, .content h4, .content h5, .content p {padding-left:10px; padding-right:10px}
	.content h1 {text-align:center}

@media (max-width: 767px){

.content {padding:0 0 25px 0}

.content h1, .content h2, .content h4, .content h5, .content p {padding-left:0; padding-right:0}

}


.content_row {clear:both; display:block; overflow:hidden; padding:10px 0 50px 0; width:100%}

	.content_row h4 {font-size: 20px; line-height: 26px; padding: 0}
	.content_row p {padding-left: 0; padding-right: 0}

	.content_col {float: right; width: 45%}
	.content_col:first-child {float: left}


@media (max-width: 567px){

.content_row {padding: 0}

.content_col {clear:both; display:block; overflow:hidden; float: none; width: 100%}
.content_col:first-child {float: none}

}


.table_block {clear:both; display:block; overflow:hidden; padding:10px 10px 40px 10px; width:100%}

@media (max-width: 767px){

.table_block {padding-left:0; padding-right:0}

}

table {border:0; border-collapse:collapse; margin:0; padding:0; text-align:left; width:100%}
table tr {border:0; margin:0; padding:0}
table th {border:0; color:#14172d; font-family: 'LatoBold'; font-size:16px; line-height:28px; margin:0; padding:0 10px 10px 10px}
table td {border:0; color:#14172d; font-size:15px; line-height:20px; margin:0; padding:5px 10px}
table a {color:#e11b22; font-family: 'LatoBold'; }

.table_block_blue h3, .txt_bar_blue {background:#1a2a70}
.table_block_red h3, .txt_bar_red {background:#af0000}
.table_block_green h3, .txt_bar_green {background:#398c00}

.table_block_blue table tr:nth-child(2n+2) {background:#e8e9f0}
.table_block_red table tr:nth-child(2n+2) {background:#f7e5e5}
.table_block_green table tr:nth-child(2n+2) {background:#ebf3e5}



.accordion {border:0; clear:both; display:block; padding:40px 0; -webkit-border-radius:0; border-radius:0;}
	.accordion .ui-accordion-header {background:#737373; border:0; clear:both; display:block; color:#ffffff; line-height:37px; margin:0 0 20px 0; overflow:hidden; padding:0 10px; text-transform:uppercase; -webkit-border-radius:0; border-radius:0;}
	.accordion .ui-accordion-header a { background:url("../images/arrow-up_20x10.png") no-repeat center right; color:#ffffff; display:block; min-height:1px; line-height:37px; padding:0}
	.accordion .ui-accordion-header .ui-icon {display:none !important}

	.accordion .ui-state-active {background:#737373; color:#ffffff}
	.accordion .ui-state-active a {background:url("../images/arrow-down_20x10.png") no-repeat center right; color:#ffffff}

	.accordion .ui-accordion-content {background:none; border:0; clear:both; display:block; margin:0; overflow:hidden; padding:10px 0; -webkit-border-radius:0; border-radius:0;}



.tabs_block {float:left; padding-bottom: 50px; position:relative; width:100%}
	.tabs_block ul {float:left; margin:0; padding:0; width:100%}
	.tabs_block ul li {float:left; font-family: 'LatoBold'; font-size:16px; line-height:40px; list-style:none; margin:0; padding:0; width:25%}
	.tabs_block ul a {color:#ffffff; display:block; font-family: 'LatoBold'; font-size:16px; line-height:40px; overflow:hidden; text-align:center; text-decoration:none}
	.tabs_block ul a:hover {opacity: 0.7}

		.tabs_block .tab-1 {background:#7a7474}
		.tabs_block .tab-2 {background:#2f8f00}
		.tabs_block .tab-3 {background:#1b2672}
		.tabs_block .tab-4 {background:#b30000}

	.tabs_bar_lhs {background:#7a7474; display:block; font-size:0; height:40px; right:860px;  line-height:0; position:absolute; top:0; width:2000px}
	.tabs_bar_rhs {background:#b30000; display:block; font-size:0; height:40px; left:860px; line-height:0; position:absolute; top:0; width:2000px}

.home .tabs_block {padding-bottom: 25px}

@media (max-width: 767px){

.tabs_bar_lhs, .tabs_bar_rhs {display: none}

	.tabs_block ul li {font-size: 14px; width: 50%}
	.tabs_block ul a {font-size: 14px;}

}


.filter_block {float:left; padding-bottom: 40px; width: 100%}

	.filter_block h1 {float: left; line-height: 42px; padding: 0}

	.filter_type {float:right; margin-left: 10px; width: 180px}

	.filter_type .selectBox {border:1px solid #373737; color: #010101; -webkit-border-radius: 0; border-radius: 0;}
	.filter_type .selectBox-label {color:#010101}
	.filter_type .selectBox-dropdown .selectBox-arrow {border-left:1px solid #373737}

@media (max-width: 767px){

.filter_block h1 {clear: both; display: block; float: none; overflow: hidden; padding-bottom: 25px}

.filter_type {clear: both; display: block; float: none; overflow: hidden; padding-bottom: 25px; width: 75%}


}


.events_block {float:left; margin-left: -5px; padding-bottom: 40px; width:870px}

	.event_box {float:left; padding: 5px; width: 25%}

	.event_box_link {clear:both; display: block; overflow: hidden; text-decoration: none; width: 100%}
	.event_box_link:hover {opacity:0.7; text-decoration: none}

	.event_box_head {clear:both; display: block; overflow: hidden; padding: 10px; width: 100%}
	.event_box_head span {clear:both; color: #fcfbfb; display: block; padding: 0 0 5px 0; text-transform: uppercase}
	.event_box_head .event_box_date {font-size: 11px; line-height: 11px}
	.event_box_head .event_box_type {font-family: 'LatoSemiBold'; font-size: 11px; line-height: 12px; padding: 5px 0 5px 0;}
	.event_box_head .event_box_place {font-size: 11px; line-height: 13px}

	.event_box_place {text-overflow:ellipsis;overflow:hidden;max-height:3em;min-height:3em}

	.event_box_wrap {border:1px solid #918d8c; border-width: 0 1px; display: block; overflow: hidden; padding: 20px 10px; width: 100%}

	.event_box_content {clear: both; color: #4e4b4b; display: block; font-family: 'LatoMedium'; font-size: 12px; line-height: 18px; min-height: 90px; max-height: 90px; overflow: hidden; width: 100%}
	.event_box_avail {clear: both; color: #4e4b4b; display: block; font-family: 'LatoMedium'; font-size: 11px; line-height: 11px; overflow: hidden; width: 100%}

	.event_box_more { background: #918d8c; color: #ffffff; display: block; font-family: 'LatoBold'; font-size: 12px; line-height: 27px; overflow: hidden; padding:0; text-align: center; text-transform: uppercase; width: 100%}

	.event_box_cert { background: #fff; border:1px solid #918d8c; border-width:1px 1px 0 1px; color: #b30000; display: block; font-family: 'LatoBold'; font-size: 12px; line-height: 27px; overflow: hidden; padding:0; text-align: center; text-transform: uppercase; width: 100%}


	.event_box_blue .event_box_head {background:#1a2a70}
	.event_box_red .event_box_head {background:#af0000}
	.event_box_green .event_box_head {background:#398c00}

	.events_block_row {clear:both; display: block; overflow: hidden; padding: 35px 0 0 0; width: 100%}

	.events_block_btn {border:2px solid #464646; color: #010101; display: block; font-family: 'LatoSemiBold'; font-size: 12px; line-height: 32px; margin: 0 auto; text-transform: uppercase; text-align: center; width: 155px}
	.events_block_btn:hover {opacity:0.7; text-decoration: none}


@media (max-width: 870px){

.events_block {margin: 0; width: 100%}

}

@media (max-width: 767px){

	.event_box {width: 33%}

}

@media (max-width: 567px){

	.event_box {width: 50%}

}


.intro_events {clear: both; display: block; overflow: hidden; padding: 65px 0; width: 100%}
.intro_events h1 {text-align: center}

.our_partners { background: #eeeeee; clear: both; display: block; overflow: hidden; padding: 90px 0 120px 0; text-align: center; width: 100%}
.our_partners h1 {text-align: center}


.our_partners_block {clear: both; display:block; overflow: hidden; position:relative; margin:0; padding:25px 0 0 0; width: 100%; z-index:1}

.our_partners_list {display: flex; flex-direction: row; align-items: center; justify-content: center;}
.our_partners_list li {list-style: none; margin: 0; padding: 0 30px}
.our_partners_list img {float: left; width: 100%}


@media (max-width: 767px){

.our_partners {padding:60px 0}
.our_partners_block {padding: 0}

}





#footer {background:#000000; clear:both; display:block; overflow:hidden; padding:20px 0; text-align:center; width:100%}

	#footer .wrapper {min-height: 41px}

	#footer h6 {color: #ffffff; float: left; font-size: 14px; line-height: 41px; margin: 0; padding: 0}

	.footer_widget {display:block; float:right; margin: 0; padding: 0; white-space: nowrap}

	.footer_menu {display:block; float: right; margin: 0; padding: 12px 0 0 0; white-space: nowrap}
	.footer_menu li {border-left:1px solid #ffffff; float:left; font-size: 14px; line-height: 16px; list-style:none; margin:0 0 0 5px; padding:0 0 0 5px;}
	.footer_menu li:first-child {border:0}
	.footer_menu a {color: #ffffff; display: block; font-size: 14px; line-height: 17px;}

	.footer_social {clear:both; display:block; left:50%; margin-left: -51px; overflow:hidden; padding:0; position: absolute; top:0; width:102px}
	.footer_social li {float:left; list-style:none; margin:0; padding:0 5px;}
	.footer_social a {display:block; font-size: 0; height: 41px; line-height: 0; overflow:hidden; text-decoration: none; text-indent: -9999em; width:41px}
	.footer_social a:hover {opacity: 0.7; text-decoration: none}

		.footer_social .twitter {background:url("../images/icon-twitter.png") no-repeat 0 0; }
		.footer_social .facebook {background:url("../images/icon-fb.png") no-repeat 0 0; }

@media (max-width: 767px){

#footer {padding-top:25px}

	#footer h6 {float:none; text-align:center}

	.footer_widget {float:none; text-align:center; padding-bottom:15px}

	.footer_menu {float:none; display:inline-block}

	.footer_social {left:auto; margin:0 auto; padding-bottom:15px; position:relative}

}

.popup-block {background: #ffffff; display: block; margin: 0 auto; overflow: hidden; position: relative; width: 800px}

	.popup-modal-dismiss {background:url("../images/close24x24.png") no-repeat 0 0; display: block; font-size:0; height: 24px; line-height: 0; overflow: hidden; position: absolute; right: 15px; top: 15px; text-indent: -9999em; width: 24px}

	.popup_wrapper {clear:both; display: block; overflow: hidden; padding:60px 60px 40px 60px}

	.popup_head {clear:both; display: block; overflow: hidden; padding: 0 0 35px 0; text-align: center; width: 100%}

	.popup-block h1 {line-height: 36px; margin: 0; padding: 0}
	.popup-block h2 {color:#807f7f; font-size: 19px; line-height: 36px; margin: 0; padding: 0; text-align: center}
	.popup-block h2 a {color:#e71c23}

	.popup_row {clear:both; display: block; overflow: hidden; padding:0 0 20px 0; width: 100%}
	.popup_row h2 {padding-top: 20px}

	.popup_cols {clear:both; display: block; overflow: hidden; padding:0; width: 100%}
	.popup_cols .fld {float:right; width: 49%}
	.popup_cols .fld:first-child {float:left}

	.popup_btn {background:#eb1c24; color: #fefefe; display: block; font-family: 'LatoBold'; font-size: 23px; line-height: 57px; text-align: center; width: 100%; position: relative; -webkit-border-radius:5px; border-radius:5px;}
	.popup_btn:hover {text-decoration: none; opacity: 0.7}

	.popup_content {clear:both; display: block; overflow: hidden; padding:0 10px}
	.popup_content h5 {color: #14172d; font-family: 'LatoRegular'; font-size: 18px; line-height: 28px}
	.popup_content h5 a {color:#f00000; font-family: 'LatoSemiBold'; }

	.popup_content p {color: #020202; font-family: 'LatoMedium'; font-size: 14px; line-height: 20px}
	.popup_content p a {color:#020202; font-family: 'LatoSemiBold'; }

	.form-group {border:1px solid #c5c6c9; display: block; overflow: hidden; padding: 8px; position: relative; -webkit-border-radius:5px; border-radius:5px;}
	.form-group .popup_btn {float: right; line-height: 47px; width: 110px}
	.form-group .fld {border: 0; float:left; width: 65%}


@media (max-width: 800px){

.popup-block {width: 100%}

.popup_wrapper {padding: 40px 20px}

.form-group .popup_btn {float: right; line-height: 37px; width: 100px}
.form-group .fld {border: 0; float:left; line-height: 37px; width: 55%}

.popup_content {padding: 0}



}

@media (max-width: 567px){

.popup_cols .fld {float:none; width: 100%}
.popup_cols .fld:first-child {float:none; margin-bottom: 15px}

}

.cookie_notice_active {
	margin-top:75px;
}
