/*************BASE*********/
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, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/*******/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
 ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
input, select, textarea, button{	outline: none;}
input:focus, textarea:focus {   outline: none;}
::-moz-selection{ background: #fff2a8;color:#000; text-shadow: none; }
::selection { background: #fff2a8; color:#000; text-shadow: none; }
/*a:link { -webkit-tap-highlight-color: #FF5E99; }*/

html, body {
  margin: 0; padding: 0;
  height: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight : lighter;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: -0.01em;
}
/*********FULL_STYLE***********/
.section{background-size: cover;text-align:center;padding: 0 0 0 0;}
	.slide{background-size: cover;text-align:center;padding: 0 0 0 0;}
	.intro{color: #fff; width:100%;
	max-width: 1176px;
	min-width: 290px;
	margin:0px auto 0px auto;
	position:relative;}
	.intro h1{
	font-family: 'Oswald', sans-serif;
	font-size : 50px;
	line-height : 48px;
	margin-bottom : 30px;
	text-shadow: 0px 3px 33px rgba(0, 0, 0, .8);
}
	.intro h2{
	font-family: 'Oswald', sans-serif;
	font-size : 40px;
	line-height : 38px;
	margin-bottom : 30px;
	text-shadow: 0px 3px 33px rgba(0, 0, 0, .8);
}
	.top_nav{z-index:666;position:absolute; top:0px; left:0px; width:100%; min-height: 110px;	background-color: rgba(0, 0, 0, 0.65);	padding : 0px 0;color:#fff;}
	.top_nav_container{
	width:100%;
	max-width: 1000px;
	min-width: 290px;
	margin:0px auto 0px auto;
	position:relative;
}
.logo-small{
	background: url('/img/logo_small.png') no-repeat;
	background-position:0px 0px;
	display : block;
	width : 77px;
	height : 80px;
	position:absolute; top:15px; left:0px; 
}
@media screen and (max-width: 990px) {.top_nav_container{width:98%;}}
@media screen and (max-width: 600px) {	.intro h1{	font-size : 40px;	line-height : 38px;}}

div.separator{
	clear : both;
	line-height : 0px;
	font-size : 0px;
	width : 100%;
}
.sep1{height : 1px;}
.sep5{height : 5px;}
.sep10{height : 10px;}
.sep20{height : 20px;}
.sep30{height : 30px;}
.sep40{height : 40px;}
.sep50{height : 50px;}
.sep60{height : 60px;}
.sep70{height : 70px;}
.sep90{height : 90px;}
.sep160{height : 160px;}
.sep200{height : 200px;}
.trans{
   -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}
.responsive{
	display : block;
	width : 100%;
	height : auto;
}
.oswald{	font-family: 'Oswald', sans-serif;}

/******LOGO*******/
.logo-big{
	margin:50px auto 35px auto;
	width : 100%;
	max-width:350px;
	min-width:150px;
	height : auto;
}
.welcome{
	font-size : 45px;
	font-weight : normal;
	line-height : 50px;
}
/*************BASE_MENU*******/
.base-item-menu{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	width : 100%;
	margin: 40px auto 0px auto;
}
.item-menu{
	width : 21%;
	margin-top : 30px;
	margin-bottom : 0px;
}

.item-menu span{
	display : block;
	margin-top : 15px;
	font-size : 18px;
	font-family: 'Oswald', sans-serif;
	line-height : 25px;
}
.item-menu a, .item-menu a:visited{
	color : #cdcdcc;
	text-decoration : none;
}
.item-menu a:hover{
	color : White;
	text-decoration : none;
}
@media screen and (max-width: 770px) {.item-menu img{	width : 120px;	height : auto;}}
@media screen and (max-width: 570px) {
.welcome{	font-size : 40px;	line-height : 45px;}
.item-menu{	width : 48%;}
.item-menu img{	width : 140px;	height : auto;}
}
@media screen and (max-width: 415px) {
.logo-big{	width:220px;margin-bottom:30px;}
.welcome{	font-size : 30px;	line-height : 35px;}
.item-menu img{	width : 100px;	height : auto;}
}
@media screen and (max-width: 340px) {
.logo-big{	width:200px;margin-bottom:30px;}
.welcome{	font-size : 25px;	line-height : 30px;}
.item-menu span{	font-size : 17px;	line-height : 23px;}
}

/*********RAZDEL***********/
.top_menu{
	font-size : 40px;
	line-height : 38px;
	padding-top : 35px;
}
.top_menu a, .top_menu a:visited{
	color : White;
	text-decoration : none;
	margin : 0px 25px;
}
.top_menu a:hover, .top_menu a.act{
	color : #f4ce34;
}
@media screen and (max-width: 640px) {	.top_menu{	font-size : 30px;	line-height : 28px;	padding-top : 40px;}}
@media screen and (max-width: 500px) {	.top_menu{	font-size : 25px;	padding-top : 40px;	}.top_menu a{margin : 0px 15px;}}
@media screen and (max-width: 415px) {	.top_menu a{margin : 0px 10px;}}
@media screen and (max-width: 390px) {	
.top_menu{	font-size : 20px;	line-height : 20px;	padding-top : 5px;	text-transform : uppercase;}
.top_menu a{	display : block;	margin-top : 10px;}
}

.division-base{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	padding-bottom: 25px;
}
.division-item{
	width : 33%;
	text-align : center;
	margin-top : 35px;
}
.division-item p{
	display : block;
	margin-top : 20px;
	font-size : 21px;
	line-height : 22px;
	text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.7);
}
.division-item:hover p{	text-shadow: 0px 3px 13px rgba(0, 0, 0, 1);}


.ih-item {
	position: relative;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	margin : 0 auto;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.circle.effect19 {
  position: relative;
  width: 210px;
  height: 210px;
  border-radius: 50%;
}
.ih-item.circle.effect19 .img {
  position: relative;
  width: 210px;
  height: 210px;
  border-radius: 50%;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

/*****/
.ih-item.circle.effect10 {
  position: relative;
  width: 180px;
  height: 180px;
  border-radius: 50%;
}
.ih-item.circle.effect10 .img {
  position: relative;
  width: 180px;
  height: 180px;
  border-radius: 50%;
}

/****/


.ih-item.circle .img img {
  border-radius: 50%;
}
.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.circle.effect19.colored .info, .ih-item.circle.effect10.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect19 .info, .ih-item.circle.effect10 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
  
}
.ih-item.circle.effect19 .info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	margin: 0 30px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
	line-height : 24px;
}
.ih-item.circle.effect10 .info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
	margin: 0 30px;
	text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
	line-height : 22px;
}

.ih-item.circle.effect19 a:hover .info, .ih-item.circle.effect10 a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@media screen and (max-width: 770px) {
.ih-item.circle {  width: 180px;  height: 180px;}
.ih-item.circle .img {  width: 180px;  height: 180px;}
}

@media screen and (max-width: 600px) {
.division-item{	width : 48%;}
.ih-item.circle.effect19 {  width: 220px;  height: 220px;}
.ih-item.circle.effect19 .img {  width: 220px;  height: 220px;}
}
@media screen and (max-width: 420px) {
.ih-item.circle.effect19 {  width: 180px;  height: 180px;}
.ih-item.circle.effect19 .img {  width: 180px;  height: 180px;}
}
@media screen and (max-width: 400px) {
.ih-item.circle.effect10 {  width: 160px;  height: 160px;}
.ih-item.circle.effect10 .img {  width: 160px;  height: 160px;}
}
@media screen and (max-width: 380px) {
.division-item{	width : 98%;}
.ih-item.circle.effect19 {  width: 220px;  height: 220px;}
.ih-item.circle.effect19 .img {  width: 220px;  height: 220px;}
}
@media screen and (max-width: 320px) {
.ih-item.circle.effect10 {  width: 152px;  height: 152px;}
.ih-item.circle.effect10 .img {  width: 152px;  height: 152px;}
}


/***********ITEM*********/
.dividers {
	background-image:url(/img/divider.png);    
	background-position: center center;    
	width:100%;
	max-width:300px;
	min-width:280px;	
	height:35px;
	display:block;
	margin:60px auto;
}
.dividers_2 {
	background-image:url(/img/divider.png);    
	background-position: center center;    
	width:100%;
	max-width:300px;
	min-width:280px;	
	height:35px;
	display:block;
	margin:60px auto 40px auto;
}

.item_text{
	margin-left : 40px;
	margin-right : 40px;
	font-size : 22px;
	line-height : 28px;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.7);
}
.button-block{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
.button-block-box{
	margin : 10px;
}

a.glo{
 color:#fff;
 padding: 15px 0px;
 text-transform: uppercase;
 width:250px;
 text-decoration:none;
 text-align:center;
 margin:0px 0;
 display: block;
 background-image: linear-gradient(to left,transparent,transparent 50%,#fff 50%,#fff);
 background-position: 100% 0;
 background-size: 200% 100%;
 transition: all .25s ease-in;
 font: 400 18px tahoma;
 border: 1px solid #FFF;
 font-family: 'Oswald', sans-serif;
}
a.glo:hover {
background-position: 0 0;
color:#000;
}
@media screen and (max-width: 800px) {
.button-block{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
.button-block-box{
	text-align : center;
}
a.glo{ width:290px;}
}


/***************/
.box-page{
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:100;
	width: 450px;
	background-color: rgba(0, 0, 0, 0.70);
	margin : 0px auto;
	font-size : 18px;
	line-height : 27px;
	text-align : left;
}
.box-page h4{
	font-size : 27px;
	margin-bottom : 25px;
	color : #f4ce34;
}
.box-page a, .box-page a:visited{	color : White;}
.box-page a:hover{color : #f4ce34;}

.super{	background:url(/img/icon.png) no-repeat;	display : block;	height : 30px;	width: 30px;	opacity: 1!important;	position:absolute; 	top:0px;	right:0px;}
.super:hover, .super:focus{/*opacity: 1!important;*/}
 .close {background-position:0 0px;	}
 .openn {	background-position:0 -30px;}
 .closen:hover {background-position:-30px 0px;}
 .openn:hover {	background-position:-30px -30px;}
 
.boxx{	top:0px;	overflow: hidden;	padding:15px 20px 20px 20px;	color:#fff;	text-transform : none;}

@media screen and (max-width: 680px) {
.box-page{	top: 45%;	left: 50%;	transform: translate(-50%, -50%);}
}
@media screen and (max-width: 490px) {
.box-page{	width: 360px;}
}
@media screen and (max-width: 360px) {
.box-page{	width: 290px;font-size : 14px;	line-height : 23px;}
.box-page h4{	font-size : 24px;	margin-bottom : 22px;}

}