@font-face {
    font-family: 'Kelson Sans';
    src: local('Kelson Sans Light RU'), local('KelsonSans-LightRU'), url('../fonts/kelsonsanslightru.woff2') format('woff2'), url('../fonts/kelsonsanslightru.woff') format('woff'), url('../fonts/kelsonsanslightru.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Kelson Sans';
    src: local('Kelson Sans Regular RU'), local('KelsonSans-RegularRU'), url('../fonts/kelsonsansregularru.woff2') format('woff2'), url('../fonts/kelsonsansregularru.woff') format('woff'), url('../fonts/kelsonsansregularru.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Kelson Sans';
    src: local('Kelson Sans Bold RU'), local('KelsonSans-BoldRU'), url('../fonts/kelsonsansboldru.woff2') format('woff2'), url('../fonts/kelsonsansboldru.woff') format('woff'), url('../fonts/kelsonsansboldru.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/*Технический язык*/
@font-face {
    font-family: 'SAO';
    src: local('SAOUI-Regular'), local('SAOUI-Regular'), url('../fonts/SAOUI-Regular.woff2') format('woff2'), url('../fonts/SAOUI-Regular.woff') format('woff'), url('../fonts/SAOUI-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

html {
  scroll-behavior: smooth;
}
header{
	background: #85b1d7;
}
body{
	background:#fff;
	font-family:  'Roboto Condensed', open-sans, sans-serif;
	color:#575757;
	font-size:1.1rem;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
}
.h1 {
	font-size: 7rem;
	font-weight: 700;
}
.h2 {
	font-size: 2rem;
	font-weight: 700;
}
.h3, h3 {
	font-size: 1.2rem;
	font-weight: 600;
}
h4, .h4 {
  font-size: 1.3rem;
  text-transform:uppercase;
	font-weight: 700;
}

@media (max-width:992px){	
.h4 {
  font-size: 1.1rem;
}
}

a {
  color:  #47757e;
  text-decoration: none;
}

a:hover{
  color: #66a0ab ;
  text-decoration: underline;
}
img {
  max-width: 100%;
}

.white{
	background:#fff;		
}

.dark{
	background:#555555;		
}

.dark-red{
	background:#bb3701;
}
.gray{
	background:#F2F2F2;
}
.blue{
	background:#1d93c2;
}
.blue-light{
	background:#4b8dc4;
}
.font-dark{
	color:#333333 !important;
}
.strong{
	font-weight:bolder;
}
.underline{
	text-decoration:underline;
}
.uppercase{
	text-transform: uppercase;
}
.small{
	font-size:.9rem !important;
}
.moduletable .norm{
	font-size:1rem;
	font-weight:normal;
	text-transform:none;
	text-align:left;
	line-height:1.4;
}
	
/*header*/
.logo{
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-image: url(/images/logo.jpg);
	background-size: 100% 500px;
	height: 500px;
}
.logo img {
	max-height:250px;
	float:left;
	margin:5px 10px;
	border: 5px solid #ffffffb0;
  border-radius: 10px;
}
.logo a{
	font-size:2.5rem;
	color:#fff;
	background: #00000094;
	padding: 0 40px;
}
.logo a:hover{
	text-decoration:none;		
}

.logo .txt-logo{
	text-decoration:none;		
}

.lang-datebox {
	height: 35px;
	background: #002a4c;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center; 
	font-size: 16px;
	color: #fff;
	box-shadow:0px 0px 10px rgb(102 160 171 / 50%);
}
.lang-datebox i {
	margin:0 7px;
}
.form-inline .form-control{
	width: 200px;
	height: 30px;
}
.datebox-search{
	display: flex;
	align-items: center;
}
.search{
	font-family: 'SAO';
}
.lang-datebox .moduletable{
	padding:0 20px;
}
.search label{
	display: none;
}
.moduletable-search .form-control{
	text-transform:uppercase;
	color:#4b4a4a;
	font-size:.8rem;
	height:calc(1.5rem + 2px);
	padding:.1rem .2rem;
	box-shadow: 0 0 0 .1rem #37b34a;
	border-radius:.1rem;
	border-bottom:2px solid #fff;
}
.mod-languages{
	text-align:center;
}
.mod-languages ul{
	display:inline;
	list-style:none;
	padding-left:0;
}
.mod-languages ul li{
	display:inline;
	margin:7px;	
}
.mod-languages ul li a{
	background:#ddd;
	padding:5px 10px;
	border-radius:7px;
	color:#193e72;
}
.mod-languages ul li a:hover, .mod-languages  li.lang-active a{
	text-decoration:none;
	background:#f0f0f0;
	color:#888;
}
.navbar{
	padding: 0;
}
.navbar-brand {
	display: inline;
	white-space: normal;
	margin-right:0;
}
.navbar-brand a{
	display:flex;
	align-items:center;
	justify-content: center;
}
.search .button {
	background: url("../images/icon-search.png") no-repeat scroll center center rgba(0,0,0,0.2);
	background-size: 60% auto;
	border: none;
	text-indent: -999em;
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin: 0;
	padding: 0;
	border-radius: 0px 4px 4px 0px;
	transition: all 0.3s ease 0s;
}

@media (max-width:992px){	
	.form-inline .form-control {
    width: 150px;
  }

  .logo img {
		max-height:150px;
		}
	.logo a{
		font-size:1.5rem;
	}
}


@media (max-width:768px){	
	.top-text{	
		font-size:.6rem;
		padding-top:5px;
		padding-bottom: 5px;
	}
	.top-left {
		padding-right: 0px;
		padding-left: 0px;
		text-align:center;
	}
	.header-block {
		margin-top: 65px;
		height: 55px;
	}
	.logo{
		flex-direction:column;
		align-items:center;
	}
}
@media (max-width: 610px){
	.navbar-brand a {
		flex-direction: column;
	}
}
@media (max-width:578px){	
	main{
		padding: 0 15px
	}
	.form-inline .form-control {
    width: 90px;
  }
  #datebox{
  	display: none;
  }
  .logo img{
  	margin-left: 0;
  	margin-bottom: 10px;
  }

  .logo img {
		max-height:100px;
		}
	.logo a{
		font-size:1rem;
	}
}
/**/

.ornament{
	width: 100%;
	height: 20px;
	background: url(../images/ornament.png) repeat-x center bottom;
}
	
/*меню*/
.top-menu .menu a,.top-menu .menu span{
	display: block;
  text-decoration: none;
  color: #ffffff;
  text-shadow: none;
  font-size: 1.2rem;
  padding: 5px 15px;
  cursor: pointer;
	transition:.3s;
}
.top-menu .menu>li>a,.top-menu .menu>li>span{
	margin: 3px;
	border:1px solid transparent;
}
.top-menu .menu>li:hover>a,.top-menu .menu li.active>a,.top-menu .menu>li:hover>span{
	background: #47757e;
	border-top:1px solid #1a4149;
	border-bottom: 1px solid #95eeff;  
	border-left: 1px solid #5897a4;
	border-right: 1px solid #5897a4;
	border-radius: 10px;
	text-shadow: 0 0 3px black;
}

.left .menu a,.left .menu .dropdown-menu a,.left .menu span,.left .menu .dropdown-menu span{
	display: block;
  text-decoration: none;
  color: #ffffff;
  text-shadow: none;
  font-size: 16px;
  padding: 4px 3px 5px 8px;
  cursor: pointer;
	transition:.3s;
}
.left .nav{
	flex-wrap: wrap;
	flex-direction: column;
	min-width: 100%; 
}
.left ul.menu li{
	background: #66a0ab;
  list-style-type: none;
  position: relative;
  border-bottom: 1px #47757e solid;
  padding-left: 20px;
  transition: .3s;
}
.left ul.menu li:hover,.left ul.menu li.active{
	background: #47757e;
	padding-left: 0;
	padding-right: 20px;
}

.modal ul.menu li.active a{
	background: #084c59;
}

.dropdown-menu .dropdown-menu{
  left: 100%;
  top: -1px;
}
.dropdown-toggle::after {/*Если нужна "стрелочка" для подменю, то удалить display: none;*/
	display: none;
	margin-left: .38em;
	vertical-align: .08em;
	border-left: .3em solid;
	border-top: .3em solid transparent;
	border-right: 0;
	border-bottom: .3em solid transparent;
}
.dropdown-toggle:focus::after, .dropdown-toggle:active::after , li:hover>.dropdown-toggle::after, .active .dropdown-toggle::after {	
	margin-left: .1em;
	vertical-align: .255em;
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}
.left .menu .dropdown-toggle::after{
	display: none;
}
.left .menu .dropdown-menu {
  position: absolute;
  left: 100%;
  top: 0;
  min-width: 100%;
}
.left ul.menu li::before{
	content: ' ';
	background: url(../images/moduletable.png) no-repeat;
	background-size: 20px; 
	display: block;
  position: absolute;
  left: 0;
  height: 36px;
  width: 25px;
}
.left ul.menu li:hover::before,.left ul.menu li.active::before{
	left:90%;
	transform: rotate(180deg);
	top: -2px;
}
.left ul.menu li.dropdown:hover::before,.left ul.menu li.active::before{
	transform: none;
	top: 0;
}
.nav li:hover ul {
  display:block;
}
 @media (min-width:768px/*992px*/){
	ul.menu>li.dropdown>ul, li.dropdown>ul{
		opacity: 0;
		visibility: hidden;
		display: block;
		transform: translateY(-50%);
		transition: all 0.5s ease;
	}
	ul.menu>li.dropdown:hover>ul, li.dropdown:hover>ul{
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	.left ul.menu>li.dropdown>ul, li.dropdown>ul{
		transform: translateX(-20%);
		width: 250px;
	}
	.left ul.menu>li.dropdown:hover>ul, li.dropdown:hover>ul{
		transform: translateX(0);
	}
	.navbar-expand-md .navbar-collapse{
		justify-content:center;
	}
}
@media (max-width:992px){	
	.dropdown-toggle::after {		
		border: none;
	}
	.dropdown-toggle:focus::after, .dropdown-toggle:active::after , li:hover>.dropdown-toggle::after, .active .dropdown-toggle::after {	
		border: none;	
		margin-left: .38em;
	}
}
.dropdown-menu {
	text-align: left;
	border: none;
	border-radius: 5px;
	-webkit-box-shadow: 1px 2px 7px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 2px 7px -4px rgba(0,0,0,0.75);
	box-shadow: 1px 2px 7px -4px rgba(0,0,0,0.75);
	padding:0;
	margin:0;
}
.menu .dropdown-menu li {
	margin:0;
	border-radius: 5px;
}
.menu .dropdown-menu li a,.menu .dropdown-menu li span {
	padding: 8px 18px;
	display:block;
	color:#45455a;
	font-size:.9rem;
	transition:.2s;
}
.menu  .dropdown-menu li:hover {
	background:rgba(0,0,0,.6);
}

.dropdown-menu li:hover>a,.dropdown-menu li.active>a,.dropdown-menu li:hover>span{
	color:#ffb91d;
}
.menu .menu .dropdown-menu li:active{	
	background:#bd4609;
	color:#ffaa00;
	border-radius: 5px;
}
.mobile-menu{
	color:#fff;
	text-align:center;
}
.mobile-menu:hover, .mobile-menu:hover .fa-bars{
	color:#ffb91d !important;
}

.modal-header {
	padding: .3rem 1rem;
	color:#ffe726;
	border-bottom:1px dashed #66a0ab;
}

.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} 

@media (max-width:992px){
	.modal-body .menu{
		display:block;		 
	}
	.modal-content .nav .parent ul {
		display: none;
	}
	.modal-body .menu li{
		margin:5px 0;
	} 
} 
/**/





/*Страница новости*/

.blog .span6  {
  float: left;
  padding:  1%;
  width: 48%;
}

.blog .fields-container .field-entry{
	text-align:center;
}
.readmore .btn, .readmore-link{
	text-transform: uppercase;
	width: 100%;
	font-weight:600;
	font-family:'PT Sans';
}
.readmore .btn:hover, .readmore-link:hover{
	background:#47757e;
	color:#fff;
	text-decoration:none;
}
 
.pull-left.item-image {
	text-align:center;
}
 
.column-1 .pull-left.item-image img,  .column-2 .pull-left.item-image img{
	width:100%;
}
.pull-left.item-image img{
	overflow:hidden;
	position:relative;
	width:70%;
}
.published{
	color: #aaa;
	font-size: 0.9rem;
}
.pagination {
	margin-top: 1rem;
	margin-bottom: 2rem;
	clear: left;
	flex-direction: column;
	text-align:center;
}
.content p {
	font-size: 1.1rem;
	line-height: 1.3;
}
.pagination ul {
	padding-left: 0;
	list-style: none;
}
.pagination ul li {
	display: inline;
}
.pagination .pagination-start, .pagination .pagination-prev, .pagination .pagination-next, .pagination .pagination-end {
	display: none;
}
.pagination li span {
	font-size: 1rem;
	padding: 5px 10px;
	background:#66a0ab;
	color: #fff;
}
.pagination li a {
	font-size: 1rem;
	background: #ccc;
	padding: 5px 10px;
	margin: 1px;
	color: #333;
}
.pagination li a:hover {
	text-decoration: none;
	background:#66a0ab;
	color: #fff;
}


@media (max-width:992px){		 
	.blog .span6  {
	  padding:  1%;
	  width: 49%;
	}	 
}
@media (max-width:768px){	  
	.blog .span6  {
	  padding:  1%;
	  width: 100%;
	}	 
} 
@media (max-width:550px){	  
	.blog .span6  {
	  padding:  1% 0;
	  width: 100%;
	}	 
}
/**/




/*Контент*/
.poslanie{
  background: url(../images/poslanie.jpg) center center;
  background-size: cover;
  color: #ffffff;
}
.poslanie-ottenok{
  background: rgba(0, 0, 0, 0.4);
  padding-top: 50px;
  padding-bottom: 50px;
}
.poslanie-button{
  margin: 10px 20px 10px 0px;
  display: inline-block;
  color: #ffffff;
  font-size: 1.25rem;
  text-shadow: 0px 0px 10px rgb(0 0 0 / 80%);
}
.poslanie-button a{
  background: none;
  border-radius: 4px;
  border: 1px solid #ffffff;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 8px 25px 10px;
  font-size: 1.25rem;
  color: #ffffff;
  font-weight: 300;
  text-decoration: none;
  transition: all 0.4s ease;
}
.poslanie-button a:hover{
  background: #006dbe;
  border: 1px solid #006dbe;
  color: #ffffff;
}
/* html код для послание
ru
<div class="poslanie-button"><a href="https://www.akorda.kz/ru/addresses" target="_blank" rel="noopener noreferrer">Послание Президента</a></div>
<div class="poslanie-button"><a href="http://www.akorda.kz/ru/state_symbols/about_state_symbols" target="_blank" rel="noopener noreferrer">Государственные символы</a></div>

kz
<div class="poslanie-button"><a href="https://www.akorda.kz/kz/addresses" target="_blank" rel="noopener noreferrer">Президенттің Жолдауы</a></div>
<div class="poslanie-button"><a href="http://www.akorda.kz/kz/state_symbols/about_state_symbols" target="_blank" rel="noopener noreferrer">Мемлекеттiк рәмiздер</a></div>
*/
.content{
	padding:2rem 0;
	min-height:400px;
}
.content .item-page  .page-header h2, .item-title{
	text-transform: uppercase;
	color: #4a4a4a;
	text-align: center;
	font-size: 1.8rem;
	line-height: 34px;
	font-weight: 700;
}
.content  .page-header h2{
	text-transform: uppercase;
	color: #00a6c9;
	font-size: 1.2rem;
	line-height: 34px;
	font-weight: 600;
}
.content-category h1{
	text-transform: uppercase;
	color: #333333;
	text-align: center;
	font-size: 28px;
	line-height: 34px;
	font-weight: 700;
}
.content-category .form-inline{	
	margin-top:1rem;
}
.content .item-page h2{
	font-weight:700;
	font-size:1.2rem;
}
.list-title a{
	font-weight:700;
}
.button {
	background-color: #ffb91d;
	text-align: center;
	text-transform:uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 1.1rem;
	padding:6px 35px;
	display:inline-block;
  font-family: 'Kelson Sans';
	border-radius:3px;
	transition:.3s;
}
a.button {
	text-decoration:none;
}
.button:hover{
	background-color: #f67e40;
	color: #FFF;
}
.font-small{
	font-size:.8rem;
}
.blue  .font-small{
	color:#fff;
}
.media-body:hover i{
	color:#37b349;
}
.title-news a {
	font-size: 1rem;
	font-weight: 400;
	color:#575757;
}
.div-galereya{
	background: #66a0ab;
	padding-bottom: 5px;
}
.galereya-bottom{
	font-size: 20px;
  border-radius: 5px;
  margin-bottom: 5px;
  text-align: center;
}
.galereya-bottom a{
	color: #fff;
}
@media (min-width:1300px){
	.container.content{
		max-width:95%;
	}
}

@media (max-width:992px){	
	.button {
		font-size: .9rem;
		padding:5px 15px;
	}
}
@media (max-width:768px){	
	.content .item-page  .page-header h2, .item-title{
		font-size: 1.4rem;
	}
}

/**/




/*footer*/
footer{	
	background:#376169;
	position:relative;
}
.f5{
	font-size: 1rem;
}
.bottom{	
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	color:#fff;	
	background: #f2f2f2;
}
.fon-caption .title-module{
	color:#fff;
}
.footer{
	padding-bottom: 20px;
	padding-top: 10px;
	color:#fff;
}
.footer p{
	padding:5px 0;
}

.footer hr{
	border-color:#ccc;
}

@media (max-width:768px){
	footer{	
		background-size:cover;
	}	
}
.footer a{
	color:#fff;
	text-decoration:underline;
}
.footer a:hover, .footer a:focus{
	color:#aaa;
	text-decoration:none;
}
#back-top {
	position: fixed; bottom: 30px; right: 1%;
	padding:1px;
}
#back-top a { 
	display: block;
	text-align: center; 
	font: bold 26px Arial; 
	text-transform: uppercase; 
	text-decoration: none; 
	color: #0d8b9f;		
	-webkit-transition: 1s; 
	-moz-transition: 1s; 
	transition: 1s;
}
#back-top a:hover {	
	text-decoration: none;
}
#back-top:hover {	
	border:1px solid #0d8b9f;
	padding:0;
	border-radius:4px;
}
#back-top span { 
	width: 38px; 
	height: 45px; 
	display: block; 
	margin-bottom: -14px;	
	-webkit-transition: 1s; 
	-moz-transition: 1s; transition: 1s;
}
.title-footer{
	line-height: 1.2rem;
	font-size: 1.1rem;
	color: #75e686;
	font-weight: 700;
	margin:1.6rem 0 .8rem 0;
}

i.fab{
	font-size: 1.4rem;
}
/**/




/*animated*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; 
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; 
}   
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; 
  }
  to {
    opacity: 1; 
  } 
}
@keyframes fadeIn {
  from {
    opacity: 0; 
  }
  to {
    opacity: 1; 
  } 
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; 
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); 
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  } 
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }
  
  @-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

  
  
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }
 
 /**/
 
 
/*Модули*/
 .position-2, .position-3, .position-4{
	padding:3rem 0;
}

.position-4{
	margin-bottom: 3rem;
	padding: 0;
}
.moduletable  .p{	
  font-size: 1rem;
  text-align:left;
  line-height:1.5;
  font-weight:500;
  margin:0;
  text-transform:none;
}
.moduletable{
	margin:1vw 0;
}

.moduletable h2,   .title-page{
	text-transform: uppercase;
	color: #333333;
	text-align: center;
	font-size: 1.7rem;
	line-height: 2.1rem;
	font-weight: 700;	
	margin-bottom:.5rem;
}

.excerpt{
	padding:1rem;
	border-width:3px !important;
	margin: .4rem 0;
}
.excerpt i{
	font-size:3rem;
	transition:.3s;
}
.excerpt:hover i{
	color:#ffb91d;
}
.bt-cs .bt-row {
	padding-left: 5px;
	padding-right: 5px;
}
.bt-cs .bt-inner {
	background: #fff;
	margin: 15px 0px;
	padding: 10px;
	border-radius: 11px;
	border: 1px solid #7ec1ce;
}
.bt-cs .bt-center {
	margin: -11px;
	margin-bottom: 10px;
}
.bt-cs .bt-inner .bt-title {
	clear: both;
	font-weight: 500;
	text-transform: none;
  font-size: 16px;
	height: 60px !important;
	line-height: 20px;
	overflow: hidden;
	transition: 0.1s;
}
.bt-cs .bt-inner img {
	outline: none;
	border: none;
	width: 100%!important;
	max-width: 100%;
	margin: 0px 0px;
	transition: all 0.3s ease 0s;
	border-radius: 10px;
	opacity: 1!important;
	filter: grayscale(0.4);
}

 .bt-cs .bt-row:hover .bt-inner img{
	filter: grayscale(0);
}
.bt-cs .bt-extra {
	clear: none;
	margin: 0px;
}
.bt-cs .bt-date, .bt-cs .bt-author, .bt-cs .bt-inner .bt-category {
	font-weight: normal;
	font-size: 0.9rem;
	color: #ffffff;
}
.bt_handles_num li.current a {
	background: #59c3db;
}
.bt-row-separate{
	margin-bottom: 0; 
}

@media (max-width:400px){
	.moduletable h2,  .title-page{
		font-size: 1.5rem;
	}
}
.breadcrumb{
	border-radius:0;
	background:none;
	font-size:.8rem;
	}

.breadcrumb a{
	color:#193c72;
	}
.breadcrumb-item + .breadcrumb-item::before {
	color: #193c72;
	content: "»";
}
@media (max-width:540px){	  
.breadcrumb li{
	font-size:.8rem;
}
.layers-title {
	padding-left: 30px;
}
#back-top a{display:none;}
.bt-cs .bt-row{
	padding: 0;
}
}
.slide-image {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 500px;
	background-position: left top;	
}

.title-slide{
	position: absolute;
	top: 6rem;
	right:10rem;
	background:rgba(255,255,255,.8);
	padding:15px;
	width:30%;
}

@media (max-width:700px){	

.slide-image {	
	height: 300px;
}

.title-slide{	
	width:50%;
	top: 4rem;
	right:5rem;
}
}



/*nav carousel*/
.owl-theme .owl-nav {
  position: absolute;
  width: 100%;
  height: 0px;
  top: 230px;
  z-index: 999;
}

.owl-theme.doc-carousel .owl-nav {
  top: 40%;	
}
.owl-theme .owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  top: -25px;
  width: 30px;
  height: 50px;
  transition: all 0.2s;
  outline:0;
}
.owl-theme .owl-nav   .owl-prev{
	margin-left:2rem;
}
.owl-theme .owl-nav  .owl-next{
	margin-right:2rem;
}
.owl-theme .owl-nav .owl-next {
  position: absolute;
  right: 0px;
  top: -25px;
  width: 30px;
  height: 50px;
  transition: all 0.2s;
  outline:0;
}
.owl-theme .owl-nav .owl-prev:hover,
.owl-theme .owl-nav .owl-next:hover{
	background:none;	
}
.owl-theme .owl-nav .owl-prev span,
.owl-theme .owl-nav .owl-next span{
	font-size:2.4rem;
	line-height:16px;
	color:#fff;
	font-weight: bold;
}
.owl-theme .owl-nav .owl-prev:hover span,
.owl-theme .owl-nav .owl-next:hover span{
	color:#676767;	
}
.owl-theme .owl-dots{
	padding-top:10px;
}
.owl-carousel .owl-item img{
	height: 100px;
	width: auto;
	padding: 0 10px;
	margin-right: auto;
	margin-left: auto;
}
.div-galereya .owl-carousel .owl-item img{
		height: auto;
}

/*
Баннеры
<div id="owl-demo" class="owl-carousel wow slider-carousel">
<div class="item"><a href="..." target="_blank" rel="noopener"><img src="images/banners/..." alt="" /></a></div>
</div>

Галерея
<div class="div-galereya">
<div class="galereya-bottom"><a href="...">Фотогалерея</a></div>
<div id="owl-demo" class="owl-carousel galereya-carousel">
<div class="item"><img src="images/galereya/..." alt="" /></div>
</div>
</div>
*/
/*end nav carousel*/


/*carousel-color*/

/*Первый слайд*/
.carousel-color-text .ctxt{
	color:#f00;
	transition:color .5s linear;
}
/*Количество slide-img = количество carousel-item - 1 */
.carousel-color-text.slide-img-1 .ctxt{
	color:#653535;
}
.carousel-color-text.slide-img-2 .ctxt{
	color:#7ec1ce;
}
.carousel-color-text.slide-img-3 .ctxt{
	color:#0c5563;
}
.carousel-color-text.slide-img-4 .ctxt{
	color:#3cee2b;
}
.carousel-color-text.slide-img-5 .ctxt{
	color:#ae9a54;
}
.carousel-color-text.slide-img-6 .ctxt{
	color:#6311b0;
}

#carousel-color .carousel-item img{
	height: 300px;
}

/*carousel-color-img
<div id="carousel-color" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active"><img src="images/banners/..." alt="" /></div>
<div class="carousel-item"><img src="images/banners/..." alt="" /></div>
<div class="carousel-item"><img src="images/banners/..." alt="" /></div>
</div>
</div>
*/

/*end carousel-color*/


.director-title {
	font-size: 1.6rem;
	color: #f92b06;
	margin-bottom: 15px;
}
.director-director {
	font-size: 1.25rem;
	color: #000000;
	font-weight: 400;
	margin-bottom: 15px;
}
.director-txt {
	font-size: 1.1rem;
	font-weight: 400;
	color: #444444;
}
.kontakt-title {
	margin-top: 0px;
	margin-bottom: 25px;
	font-size: 1.8rem;
	color: #252525;
	font-weight: 400;
}
.geomap{
  width: 400px;
  height: 240px;
}
 /**/
 
 




#pacman {
  width: 0px;
  height: 0px;
  border-right: 60px solid transparent;
  border-top: 60px solid gold;
  border-left: 60px solid gold;
  border-bottom: 60px solid gold;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}