@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;
}

html {
  scroll-behavior: smooth;
}

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;
}
}
ul, ol{
	list-style-position: inside;
	list-style-image:url('../images/circle.png');
}

a {
  color:  #108591;
  text-decoration: none;
}

a:hover{
  color: #04626c;
  text-decoration: underline;
}
a:focus {
  color: #04626c;
  text-decoration: none;
}
img {
  max-width: 100%;
}

.white{
	background:#fff;		
}

.dark{
	background:#555555;		
}

.dark-red{
	background:#bb3701;
}
.gray{
	background:#F2F2F2;
}
.blue{
	background:#1d93c2;
}
.blue-light{
	background:#59c3db;
}
.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 img {
	max-height:110px;
	float:left;
	margin-right:10px;
}
.logo a{
	font-size:1rem;
	color:#108591;
}
.logo a:hover{
	text-decoration:none;		
	color:#108591;
}
.logo a span{
	font-size:2.2rem;
	font-weight:bold;
}

.number-phone {
	font-size: 1rem;
	color: #108591;
}
.number-phone i {
	font-size: .9rem;
	color:#ccc;
	margin-right:7px;
}
.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;
}
.moduletable-lang{
	text-align:center;
}
.moduletable-lang ul{
	display:inline;
	list-style:none;
	padding-left:0;
}
.moduletable-lang ul li{
	display:inline;
	margin:7px;	
}
.moduletable-lang ul li a{
	background:#ddd;
	padding:5px 10px;
	border-radius:7px;
	color:#108591;
}
.moduletable-lang ul li a:hover, .moduletable-lang  li.lang-active a{
	text-decoration:none;
	background:#f0f0f0;
	color:#888;
}
.navbar-brand {
	display: inline;
	white-space: normal;
	margin-right:0;
}
.navbar-brand a{
	display:flex;
	align-items: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:1200px){	
	.sitename {
		font-size: 2rem;
	}
	.text-logo{
	padding: 0px 20px 10px 20px;
	}
}
@media (max-width:992px){	
	header{
		background:none;
	}
	.number-phone{
		font-size:1.3rem;
	}
	.header-block{
		margin-top: 64px;
	}
}


@media (max-width:768px){	
	.top-text{	
		font-size:.6rem;
		padding-top:5px;
		padding-bottom: 5px;
	}
	.number-phone{
		font-size:1.1rem;
	}
	.top-left {
		padding-right: 0px;
		padding-left: 0px;
		text-align:center;
	}
	.header-block {
		margin-top: 65px;
		height: 55px;
	}
}
@media (max-width:578px){	
	.logo a span{
		font-size:1.6rem;
	}
}

@media (max-width:450px){	
	.tagline{
	font-size:.5rem;
	}
	
}
.moduletable-search .btn-info {
	background-color: #37b34a;
	border-color: #37b34a;
	padding:.5px .3rem;
	margin-left:5px;
}
.moduletable-search .btn-info:hover {
	background-color: #00aad1;
	border-color: #00aad1;
}

.button-call{
	border:2px solid #70cef3;
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
	font-size:1rem;
	background:#10bbe9;
    font-family: 'Kelson Sans';
}
.button-call:hover{	
	background:#1b9fda;
	color:#fff;
}
.button-form{
	background:#0890cc;
	border:none;
}
.button-form:hover{
	background:#65b5f9;	
}
/**/


	
/*меню*/
.top-menu{
	background:#59c3db;
	}
.menu a{
	padding: 5px 15px;
	color:#fff;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight:700;
	transition:.3s;
}
.menu  a:hover {
	color: #ffe726;
	text-decoration:none;
}
.menu  li.active a{
	color:#ffe726;	
}

.fa-bars{
	color:#fff;
}


.dropdown-toggle::after {		
	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;
}


@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;
	min-width:16rem;
	margin:0;
	margin-top:8px;
}
.menu .dropdown-menu li {
	font-size:.8rem;
	margin:0;
	font-weight:600;	
	background:#fff;
	border-radius: 5px;
}
.menu .dropdown-menu li a {
	padding: 8px 18px;
	display:block;
	color:#45455a;
	font-size:.9rem;
	transition:.2s;
}
.menu  .dropdown-menu li:hover {
	background:rgba(0,0,0,.6);
}

.menu  .dropdown-menu li:hover a, .menu  .dropdown-menu li.active a{
	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 #0ebf22;
}

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

 @media (max-width:992px){
	 .modal-body .menu{
		 display:block;		 
	 }
	 
	 .modal-body .menu li{
		 margin:5px 0;
	 }
	 
	.moduletable-search .btn-info {
		padding: 2px .3rem;
	}
 }
 @media (max-width:578px){
	 .moduletable-search .form-control{
		 display:inline-block;
		 width:auto;
	 }
 }
 
 
/**/





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

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

.blog .fields-container .field-entry{
	text-align:center;
}
.readmore .btn, .readmore-link{
	background: #4f4f4f;
	border-radius: 0;
	color: #fff;
	padding: 10px 20px;
	text-transform: uppercase;
	width: 100%;
	font-weight:600;
	font-family:'PT Sans';
	border-top:3px solid #108591;
}
.readmore .btn:hover, .readmore-link:hover{
	background:#108591;
	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:#59c3db;
	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:#59c3db;
	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%;
	}	 

 }
/**/

/*Контент*/
.content{
	padding:2rem;
	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.4rem;
	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 p{
	font-size:1.1rem;
	line-height:1.3;
}
.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;
}

@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:#057391;
	position:relative;
}
.bottom{	
	padding-top:3rem;
	padding-bottom:1rem;
	color:#fff;
}


.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;
	}	
}
@media (max-width:500px){
	.bottom .title-module{
		margin-bottom:0;
	}

}

.f1{
	color: #fff;
	font-size:1.1rem;
}
.f3{	
	color: #fff;
	font-size:1.1rem;
}
.f5{
	line-height: 13px;
	font-size:.9rem;
	letter-spacing: 0px;
	color: #ccc;
	font-weight: 300;
}
.footer .f2{	
	color: #fff;
	font-size:1.1rem;
}
.footer .f4{
	font-weight: 100;
}
.footer a{
	color:#fff;
	text-decoration:underline;
}
.footer a:hover, .footer a:focus
{
	color:#aaa;
	text-decoration:none;
}
.copyryting{
	color:#aaa;
	font-size:16px;
}
.foot-menu{	
	padding-top:15px;
	font-size:16px;
	color:#C9CF00;
}


#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;
}
.footer-yellow, a.footer-yellow{
	color:#FEC76C;
	font-size: 1.4rem;
	margin-bottom:2rem;
	text-decoration:none;
}
.footer-white, a.footer-white{
	color:#fff;
text-decoration:none;
font-style: normal;
font-weight: 500;
}


.soc-icon img{
	height:25px;
	padding-right:5px;
}
a.footer-silk{
	border-bottom:2px dashed #fff;
	color:#fff;
	font-weight:bold;
	font-size:1rem;
	text-decoration:none;
	margin-bottom:1rem;
}
a.footer-silk:hover{
	border-bottom:2px dashed #aaa;
	}
/**/

/*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-5, .block-1, .block-2, .block-3, .block-4{
	padding:3rem 0;
}
.position-5{
	margin:1vw 0 0;
}
.position-5 .blue{
	background: url('../images/button-background.png') repeat #1d93c2;
}
.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: #59c3db;
	margin: 15px 0px;
	padding: 10px;
	border-radius: 11px;
	border: 1px solid #59c3db;
}
.bt-cs .bt-center {
	margin: -11px;
	margin-bottom: 10px;
}
.bt-cs .bt-inner .bt-title {
	clear: both;
	color: #fff;
	font-weight: 500;
	text-transform: none;
	font-size: 1.1rem;
	height: 40px !important;
	line-height: 20px;
	overflow: hidden;
	display: block;
	transition: 0.1s;
	text-transform: uppercase;
}
.bt-cs .bt-inner img {
	outline: none;
	border: none;
	width: 100%;
	max-width: 100%;
	margin: 0px 0px;
	transition: all 0.3s ease 0s;
	border-radius: 10px 10px 0px 0px;
}
.bt-cs .bt-extra {
	clear: both;
	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;
}

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

.breadcrumb a{
	color:#00aad1;
	}
.breadcrumb-item + .breadcrumb-item::before {
	color: #00aad1;
	content: "»";
}
@media (max-width:540px){	  
.breadcrumb li{
	font-size:.8rem;
}
.layers-title {
	padding-left: 30px;
}
#back-top a{display:none;}
}

.slide{
	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;
}
/*end nav carousel*/

 
.title-module{
	color: #4a4a4a;
	font-size: 1.8rem;
	line-height: 2.1rem;
	margin-bottom:0;
	font-weight:700;
	text-transform:uppercase;
}
.module-title-line{
	width: 100px;
	height: 2px;
	background-color:#59c3db;
}

.moduletable-banners a{
	margin:0 1rem;
}
.moduletable-banners a img{
	margin:.5rem 0;
}

@media (max-width:480px){
.feature-box h4 {
	font-size: .7rem;
}
}
 /**/