/*
Theme Name: apcourt
Theme URI: http://www.apcourtkiev.gov.ua/
Author:  Студия Фотобашня
Author URI: http://fotobashnya.com.ua 
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apcourtkiev
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

acsu is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

body {
    background: #9dd1ff;
    color: #063462;
    font-family: 'PT Sans', sans-serif;
    line-height: 1.4em;
}

p, div, span, a, intut, li, a:hover, a:visited, a:link, a:active, select, h1, h1 a, h1 a:link, h2, h2 a, h3, h4  {
    color:#063462!important;
}

#header {
    position: fixed;
    background: #9dd1ff!important;
    border-bottom:2px solid #063462;
}

#header-intro {
    position: sticky;
    background: #9dd1ff!important;
    border-bottom:2px solid #063462;
}

.emerald {    
    border-top: 1px solid #063462;  
    border-bottom: 1px solid #063462;  
    margin-bottom: 15px;
    background: #9dd1ff;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a {
    background: transparent!important;
}

#header select, #header-intro select  {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;  
  background-image: none;
  float: right;
  font-size:24px;
  padding: 0 5px 15px 5px;
  border:1px solid #063462;
  width: 100%;
  height: 100%; 
  margin-top: -2px;
}

#header select:hover, .icon-search:hover {
    cursor: pointer;
}

 
.index a [class^="icon-"], .index a [class*=" icon-"] {
    display: inline;
    font-size: 25px;
    padding: 0 5px;   
}
.bottom {
    vertical-align: bottom;
}

/*megamenu*/

.mega-sub-menu {
    background: url("../flat-theme/assets/images/fon.png") top left!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a 
{color: #063462!important;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a:hover
{color: #063462!important;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a {
color: #063462!important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a:hover
{color: #063462!important;}

body > section,
#boxed > section {
	/*padding: 150px 0 20px 0;*/
	height: 100%;
}


#boxed{
  margin: 0 auto;
  max-width: 1200px;
  padding: 0px;
}

#boxed #header{
  left: auto;
  min-width: 1200px;
  right: auto;
}

.center {
  text-align: center;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}


/* Headings */


.btn {
  font-weight: 300;
}

.btn-transparent {
  border: 3px solid #063462;
  background: transparent;
}

.btn-transparent:hover {
  border-color: #063462;
}

.btn-xlg {
  padding: 24px 48px;
}

.btn-xlg [class^="icon-"],
.btn-xlg [class*=" icon-"] {
  margin-right: 10px;
}
/* Anchor Link */



a{
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

a:hover,
a:focus {
  text-decoration: underline;
  outline: none;
}
/* iFrame */

.iframe-container {
  position: relative;
  padding-bottom: 40%;
  height: 0;
  overflow: hidden;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */

  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}

.iframe-container iframe,
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Edit button */

.post-edit-link {
  opacity: 0;
}

.post:hover .post-edit-link,
.page:hover .post-edit-link {
  opacity: 1;
}

/* =WordPress Core

-------------------------------------------------------------- */

.sticky{}
.bypostauthor{}
.alignnone {
  margin: 10px 0 20px;
}

.aligncenter,
div.aligncenter {

  display: block;
  margin: 20px auto;
}

.alignright {
  float: right;
  margin: 20px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 20px 20px 20px 0;
}

.wp-caption {
  border: 1px solid #9dd1ff;
  padding: 5px;
  text-align: center;
  max-width: 100%;
}
.wp-caption p.wp-caption-text {
    line-height: 15px;
    margin: 0;
    padding: 5px 0 0;
    margin: 10px 0;   
    font-weight: 700;
}

.entry-caption {
  margin-top: 15px;
}

.gallery {
  margin-bottom: 20px;
}



.gallery-item {
  float: left;
  margin: 0 4px 4px 0;
  overflow: hidden;
  position: relative;
}



.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
  display: table;
}



.gallery-columns-1 .gallery-item {
  max-width: 100%;
}



.gallery-columns-2 .gallery-item {
  max-width: 48%;
  max-width: -webkit-calc(46%);
  max-width: calc(46%);
  text-align: center;
}



.gallery-columns-3 .gallery-item {
  max-width: 31%;
  max-width: -webkit-calc(29.299999999999997%);
  max-width: calc(29.299999999999997%);
  text-align: center;
  }



.gallery-columns-4 .gallery-item {



  max-width: 23%;
  max-width: -webkit-calc(21%);
  max-width: calc(21%);
}



.gallery-columns-5 .gallery-item {
  max-width: 19%;
  max-width: -webkit-calc(16%);
  max-width: calc(16%);
}



.gallery-columns-6 .gallery-item {

  max-width: 15%;
  max-width: -webkit-calc(12.7%);
  max-width: calc(12.7%);
}



.gallery-columns-7 .gallery-item {
  max-width: 13%;
  max-width: -webkit-calc(10.28%);
  max-width: calc(10.28%);
}



.gallery-columns-8 .gallery-item {



  max-width: 11%;



  max-width: -webkit-calc(8.5%);



  max-width: calc(8.5%);



}



.gallery-columns-9 .gallery-item {



  max-width: 9%;



  max-width: -webkit-calc(7.1%);



  max-width: calc(7.1%);



}



.gallery-columns-1 .gallery-item:nth-of-type(1n),



.gallery-columns-2 .gallery-item:nth-of-type(2n),



.gallery-columns-3 .gallery-item:nth-of-type(3n),



.gallery-columns-4 .gallery-item:nth-of-type(4n),



.gallery-columns-5 .gallery-item:nth-of-type(5n),



.gallery-columns-6 .gallery-item:nth-of-type(6n),



.gallery-columns-7 .gallery-item:nth-of-type(7n),



.gallery-columns-8 .gallery-item:nth-of-type(8n),



.gallery-columns-9 .gallery-item:nth-of-type(9n) {



  margin-right: 0;



}



.gallery-caption {  
  box-sizing: border-box;
  line-height: 1.3;
  margin: 0;
  max-height: 50%;
  opacity: 0;
  padding: 2px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  width: 100%;
}

.gallery-caption:before { 
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

.navbar {
  margin-bottom: 0;
  border: none;
}

.navbar .navbar-main {
  margin-top: 15px;
  /*margin-bottom: 15px;*/
  margin-left: auto;
  margin-right: auto;
}
.navbar .navbar-main > li {
  margin-left: 5px;
}

.navbar .navbar-main > li > a {
  padding-top: 12px;
  padding-bottom: 17px; 
}


.navbar .navbar-main .dropdown-menu {
  border: 0;
  padding: 0;
  margin-top: -3px;
  padding-bottom: 15px;
  border-bottom: 3px solid #063462;
}



.navbar .navbar-main .dropdown-menu > li > a {
    padding: 10px 15px;
    line-height: 12px;
    border-bottom: 1px solid #063462;
    width: 50%;
    display: block;
}

.navbar .navbar-main .dropdown-menu > li:hover > a,
.navbar .navbar-main .dropdown-menu > li:focus > a,
.navbar .navbar-main .dropdown-menu > li.active > a 
{
  background-color: #063462;
}

.navbar .navbar-main .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}
.navbar .navbar-main .dropdown-menu > li.divider {
  background-color: #063462;
}

.navbar .navbar-main li.dropdown:hover > ul.dropdown-menu {
  display: block;
  -webkit-animation: fadeInUp 300ms;
  -moz-animation: fadeInUp 300ms;
  -ms-animation: fadeInUp 300ms;
  -o-animation: fadeInUp 300ms;
  animation: fadeInUp 300ms;
}

.navbar .navbar-main .sub-menu .dropdown-menu {
  left: 100%;
  top: 0;
  margin-top: 0;
}

ul li span.menu-toggler i {
  display: block;
  line-height: 40px;
}

ul li span.menu-toggler .icon-angle-right,
ul li span.menu-toggler.collapsed .icon-angle-down {
  display: none;
}

ul li span.menu-toggler .icon-angle-down,
ul li span.menu-toggler.collapsed .icon-angle-right {
  display: block;
}


ul {
  padding-left: 20px;
}


.emerald {  
    border-bottom: 1px solid #063462;   
    margin-bottom: 15px;
}

.wet-asphalt { 
min-height: 600px;
max-height: 1200px;
background: #9dd1ff;
border-bottom:2px solid #063462;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
    padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#main-slider {
  position: relative;
}

#main-slider .carousel h1 {
  text-transform: uppercase;
  display: block;
  /*width: 55%;
  margin: 0 auto*/
}

#main-slider .carousel .btn {
  border: 3px solid #063462;
  border-radius: 0;
  margin-top: 5px;
}



#main-slider .carousel .boxed {
  padding: 10px 15px;  
  display: inline-block;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 600px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
   height: 80vh;
   min-height: 650px;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -25px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}

#main-slider .prev:hover,

#main-slider .next:hover { 
  border-radius: 10px;
}

#main-slider .prev {
  left: 10px;
}

#main-slider .next {
  right: 10px;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}



#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}

#services .media:hover .icon-md {
  border-radius: 10px;
}

/* Portfolio */

#recent-works {
  padding: 90px 0;
}

#recent-works .item-inner {
  position: relative;
  margin: 0;
}

.portfolio-items,
.portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0 -20px 20px 0;
}
.portfolio-filter > li {
  display: inline-block;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.portfolio-items.col-2 > li {
  width: 50%;
}
.portfolio-items.col-3 > li {
  width: 33%;
}
.portfolio-items.col-4 > li {
  width: 25%;
}
.portfolio-items.col-5 > li {
  width: 20%;
}
.portfolio-items.col-6 > li {
  width: 16%;
}
.portfolio-item {
  padding: 0;
  margin: 0;
}
.portfolio-item .item-inner {
  padding: 5px 5px 0;
 /* margin: 0 20px 20px 0;*/
  position: relative;
}
.portfolio-item img {
  width: 100%;
}
.portfolio-item h5 {
  margin: 0;
  padding: 10px 0;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-style: italic;
}
.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}

.portfolio-item .overlay .preview {

  position: relative;
  top: 60%;
  display: inline-block;
  /*margin-top: -20px;*/
}

.portfolio-item:hover .overlay {
  opacity: 1;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}


.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


/**** Isotope CSS3 transitions ****/


.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}


.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition 
{
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}



/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {
  -webkit-transition: none;
    -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}



/* Pricing Table */

.pricing-tables .plan {
  border-radius: 4px;
  list-style: none;
  margin: 0 0 20px;
  text-align: center;
  padding: 30px 0;
}

.pricing-tables .plan li {
  padding: 5px 0;
}

.pricing-tables .plan li ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pricing-tables .plan li.plan-name {
  line-height: 24px;
}

.pricing-tables .plan li.plan-name h3 {
  margin: 0;
}

.pricing-tables .plan li.plan-price {
  margin-bottom: 10px;
}

.pricing-tables .plan li.plan-price > div {
  display: inline-block;
  padding: 10px;
  border-radius: 100%;
  width: 70px;
  height: 70px;
}

.pricing-tables .plan li.plan-price > div sup {
  line-height: 10px;
}

.pricing-tables .plan li.plan-price > div > small {
  display: block;
}

.pricing-tables .plan li.plan-action {
  margin-top: 10px;
  border-top: 0;
}

/* Title */
#title h1 {
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  font-weight: 700;
  padding: 20px 0;
}



/* Meet The Team */

#meet-the-team .designation {
  margin-top: 5px;
  display: block;
}

.img-thumbnail {
  border: 0;
}

.progress,
.progress .bar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 30px;
  line-height: 30px;
}

.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
}


/* Breadcrumb */
.breadcrumbs {
	margin: 20px 10px 20px 0;
	display: block;
    width: 100%;
    font-size:14px;
    text-align: center;
    font-weight: 200;
}

.breadcrumbs hr, hr {    
    border:1px solid #063462!important;
}
hr:last-child {
    display: none;
}

.breadcrumbs a {
	text-decoration: underline;
}

ul.tag-cloud {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.tag-cloud li {
  display: inline-block;
  margin: 0 0 2px 0;
}

.btn-social {
  border: 0;
  border-radius: 100%;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  padding: 0;
}


#social {
  text-align: center;
}

.icon-social {
    font-size: 48px;
    height: 108px;
    width: 108px;
    line-height: 108px;
    margin: 10px;
    text-align: center;
    display: inline-block !important;
    border-radius: 100%;
}

.icon-lg {
  font-size: 48px;
  height: 108px;
  width: 108px;
  line-height: 108px;
  margin: 10px;
  text-align: center;
  display: inline-block !important;
  border-radius: 100%;
}

.icon-md {
  font-size: 36px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  margin-right: 10px;
  text-align: center;
  display: block;
  border-radius: 100%;
  -webkit-transition: 500ms;
    -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}

.modal {
  border: 0;
}
.modal#loginForm {
  width: 600px;
  margin-left: -300px;
}
.modal .modal-header {
  border: 0;
  padding: 20px 20px 0;
}

.modal .modal-header > h4 {
  font-weight: 300;
  text-transform: uppercase;
  margin: 0;
}

.modal .modal-body {
  padding: 20px;
}

.modal input[type="text"],
.modal input[type="password"] {
  padding: 5px 10px;
  min-height: 30px;
  width: 130px;
  margin-right: 10px;
}

.modal .icon-remove {
  position: absolute;
  right: -5px;
  top: -5px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}

.modal button {
  margin-left: 10px;
  border: 0;
}

.gap {
  margin-bottom: 50px;
}

.big-gap {
  margin-bottom: 100px;
}

.no-margin {
  margin: 0;
  padding: 0;
}

.registration-form {
  border: 0;
  padding: 20px;
  display: inline-block;
}

#bottom h4 {
  margin-top: 0;
  margin-bottom: 15px;
}

#bottom .media-heading {
  display: block;
  font-weight: 400;
}

ul.unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*Unordered Lists*/
ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
  font-family: FontAwesome;
  font-size: 11px;
}

ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
  margin-right: 5px;
}

ul.arrow li::before {
  content: "\f105";
}

ul.arrow-double li::before {
  content: "\f101";
}

ul.tick li::before {
  content: "\f00c";
}

ul.cross li::before {
  content: "\f00d";
}

ul.star li::before {
  content: "\f006";
}

ul.rss li::before {
  content: "\f09e";
}

ul.social {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: inline-block;
}

ul.social > li {
  display: inline-block;
  margin: 0 5px;
}


.accordion-group {  
  border-top: 1px solid #063462;
}

.accordion-heading .accordion-toggle {
  font-weight: bold;
}

.accordion-inner {
  border-top: 0;
}
.entry-content p{
    font-size:16px;
    line-height: 1.4;
}
.post,
article.attachment {
  border-radius: 5px;
  margin-bottom: 20px;
  /*padding: 20px;*/
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.post .entry-thumbnail,
article.attachment .entry-thumbnail {
  /*margin: -20px -20px 20px;*/
  margin: 0 5px 15px 0;
}

.post .entry-thumbnail
{max-height: 200px; overflow: hidden;}

.post .entry-thumbnail img,
article.attachment .entry-thumbnail img {
  width: 100%;
}

.post h2.entry-title,
article.attachment h2.entry-title {
  margin-top: 0;
}

.post .entry-meta,
article.attachment .entry-meta {
  margin-bottom: 20px;
}
.post .entry-meta ul,
article.attachment .entry-meta ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.post .entry-meta ul li,
article.attachment .entry-meta ul li {
    display: inline-block;
    margin-right: 10px;
    border-top: 1px solid #063462;
    padding-top: 10px;
    margin-top:10px;
}



.pagination > li > span {
  position: relative;
  float: left;
  padding: 10px 15px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #9dd1ff!important;
  font-size:18px;
  text-decoration: none;
  background-color: #063462;
  border: 2px solid #063462;
}

.pagination > li:hover {
    background: #9dd1ff;
}


.pagination > li > a {
  position: relative;
  float: left;
  padding: 10px 15px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #063462;
  font-size:18px;
  text-decoration: none;
  background-color: #9dd1ff;
  border: 1px solid #9dd1ff!important;
}

textarea#message {
  padding: 10px 15px;
  height: 219px;
}

.widget {
  margin-bottom: 30px;
}

.timeline {
  position: relative;
  margin-bottom: -3px !important;
}

.timeline .timeline-bar-wrapper {
  position: static;
}

.timeline .timeline-bar {
  text-align: center;
}
.timeline .timeline-bar:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  left: 50%;
  margin-left: -4px;
  border-radius: 3px;
}

.timeline .timeline-bar h2 {
  margin: 20px 0;
  position: relative;
  z-index: 1;
  font-weight: 700;
}


.time .entry-date {
    font-size: 12px;
}


.timeline i {
  display: inline-block;
  margin: 10px 0;
  border: 5px solid #063462;
  padding: 0;
  line-height: 22px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.timeline .timeline-item-box {
  position: relative;
  z-index: 2;
}

.timeline .timeline-item-box.odd {
  margin-top: 70px;
}

.timeline .timeline-item-box.odd:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-left-color: #063462;
  border-width: 10px;
  top: 30%;
  margin-top: -15px;
}

.timeline .timeline-item-box.even {
  margin-top: 120px;
}

.timeline .timeline-item-box.even:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-right-color: #063462;
  border-width: 10px;
  top: 30%;
  margin-top: -15px;
}

.box {
  padding: 20px;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
}

.rounded {
  border-radius: 3px;
}

#error {
  text-align: center;
  margin-top: 150px;
  margin-bottom: 150px;
}

#footer {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #9dd1ff;
    border-top: 2px solid #063462;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
  width: 100%;
}

#footer ul > li {
  display: block;
  margin-left: 15px;
  padding: 3px 0;
  border-bottom: 1px solid #063462;
}

.tab-content {
  padding: 15px;
  border: 1px solid #ddd;
  border-top: 0;
}

.nav-tabs > li > a {
  cursor: pointer;
  border: 1px solid #063462;
  border-bottom-color: transparent;
}

.nav-tabs > li > a:hover {
  border-color: #063462;
}

a.accordion-toggle {
  display: block;
}

div.pp_default .pp_description {
  margin-top: 13px;
}

/*shortcode*/
.dropcap {
  overflow: hidden;
}
.dropcap:first-letter {
  display: block;
  float: left;
  font-size: 50px;
  line-height: 40px;
  padding: 4px 8px 0 0;
}

/*block*/

.block.rounded{
    border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    border-style: solid;  
}


.block.border-solid {
    border-style: solid; 
}
.block.border-dashed{
    border-style: dashed; 
}
.block.border-dotted{
    border-style: dotted; 
}


/* Block number */

.blocknumber { 
     position: relative;
     min-height: 45px;
     padding:10px 0 5px 60px;
 }

.blocknumber span{

        font-weight:bold;  
        width:48px;
        height:48px;
        line-height:48px;
        display:block;
        text-align:center;
        position: absolute;
        top: 0;
        left: 0;
    }
} 
/*core*/



code{
    display: inline-block;
    white-space: inherit;
    margin: 10px 0 5px;
}


/*right side widget area*/



.widget-area ul{
    list-style: none;
    padding: 0;
}

.widget-area ul li{
    padding: 5px 0;
}

/*search*/

.widget-area #searchform{
    margin-bottom: 30px;
}

/*calender*/

.widget-area #calendar_wrap table{
    width: 100%;
}

.widget-area #calendar_wrap th{
    text-align: center;
}

.widget-area #calendar_wrap td{
    text-align: center;
}

.widget-area #calendar_wrap tr{
    border-bottom: 1px solid #9dd1ff;
    line-height: 25px;
}

.widget-area #calendar_wrap #prev{
    text-align: left;
}

.widget-area #calendar_wrap #next{
    text-align: right;
}

/*tag clound*/


.widget-area .tagcloud a{
    font-size: 14px !important;
    border-color: #063462;
    padding: 1px 5px;
    margin-bottom: 2px;
    display: inline-block;
    border-radius: 3px;
}


.widget-area ul li{
    padding: 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.widget-area ul li a{
   margin-left: 10px;
}

.widget-area ul li:before{
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
}

.widget-area ul.children{
    margin-top: 10px;
}

.widget-area ul.children li{
    margin-left: 15px;
}

.widget-area select{
    width: 100%;
    margin: 10px 0;
    height: 34px;
    padding: 6px 12px;
}

.widget-area img{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.wp-smiley{
    display: inline-block;
}
.rsswidget{
    display: inline-block;
}
.textwidget img{
    margin-top: 10px;
}

table{
    width: 100%;
}
tr{
    border-bottom: 1px solid #063462;
}

td,th{
    padding: 8px 0;
}

/*caption*/
.wp-caption img{
    max-width: 100%;
}
.wp-caption p.wp-caption-text{
    padding: 3px;
}

#respond code{
    white-space: normal;
    display: inline-block;
    margin-bottom: 20px;
}




/*paser paginaton,breadcrumbs*/
.pager .previous>a,
.pager .next>a{
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
ul.breadcrumb {
    width: 100%;
    text-align: center;
}
ul.breadcrumb > li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
}


/*divider*/



.divider-default{
    margin-bottom: 5px;
}

.divider-lg{
    margin-bottom: 100px;
}



.divider-md{
    margin-bottom: 50px;
}



.divider-sm{
    margin-bottom: 20px;
}



.divider-xs{
    margin-bottom: 10px;
}


/*faq*/

li.faq span.number{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 20px;
    text-align: center;
    font-size: 24px;
}
.faq h4{
    margin-top: 0;
}

ul li.faq{
    margin-top: 30px;
}



/*services page*/

.media.services{
    margin-bottom: 30px;
}


/*logo*/

a.navbar-brand img{
    display: inline-block;

}

/*download btn*/



/*responsive menu*/



#mobile-menu .navbar-collapse{
    border-top:0;
    box-shadow:none;
}

.navbar-inverse .navbar-nav>li a{
    display: block;
	text-transform: uppercase;
	font-size: 1.2em;
	font-family: Times New Roman, serife;
}


/*responsive menu*/

.navbar-toggle {
  margin-top: 25px;
}


/*bottom*/

ul#menu-company-menu {
   padding-left: 0;
}

ul#menu-company-menu li{
  list-style: none;
  position: relative;
}

ul#menu-company-menu li:before{
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 5px;
}


.block {     
    border-radius:3px; 
    font-size: 18px; 
    text-align: left;     
    margin: 0 0 5px 0; 
    font-weight: 300;
    line-height: 1em;
    padding:20px; 
    width: 100%;   
    transition:  all 0.4s ease;   
    background-position: center right -70px;
    background:#9dd1ff;
    border:2px solid #063462
}

.block:hover {     
    border-radius:3px; 
    font-size: 18px; 
    text-align: left;     
    margin: 0 0 5px 0; 
    font-weight: 300;
    line-height: 1em;
    padding:20px; 
    width: 100%;   
    transition:  all 0.4s ease;   
    background-position: center right -70px;
    background:#9dd1ff;
    border:2px solid #063462
}



.museumblock {
    border: 1px solid #063462;
    border-radius:4px;
    padding: 15px 10px;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.2;
}




@media(max-width:400px) {   
    
	img.gerb	{
		width: 50px;
		position: relative;
		z-index: 1000000!important;
		margin-left: auto;
		margin-right: auto;
	}
}

@media(max-width:600px) {   
    .statblock .numer {
        font-size:2em;
}
	img.gerb	{

		width: 80px;
		position: relative;
		z-index: 1000000!important;
		margin-left: auto;
		margin-right: auto;
	}
}


.animtd
{
 -webkit-animation: fadeInUp 300ms linear 300ms both;
 -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}



.masonry { /* Masonry container */
    column-count: 4;
    column-gap: 1em;
}

.item { /* Masonry bricks or child elements */
   
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}
.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
}

.item {
    display: inline-block;
   
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 transparent;
}

@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 700px) {
    
       
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}

@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}






@media only screen and (min-width: 300px) {



    .masonry {



        -moz-column-count: 1;



        -webkit-column-count: 1;



        column-count: 1;



    }



	#footer li



	{



	display: block;



	clear: both;



	}



	



}











@media only screen and (min-width: 500px) {



    .masonry {

        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}


@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

}







@media only screen and (min-width: 1100px) {



    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }

}







@media only screen and (min-width: 1500px) {



    .masonry {



        -moz-column-count: 4;



        -webkit-column-count: 4;



        column-count: 4;



    }



}



@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}

.datetimen {
    font-size: 1.5em;
    border-right: 3px solid #063462;
    text-align: center;
}

.datetimen1 {
    font-size: 1.1em;
    border-right: 3px solid #063462;
    text-transform: lowercase;
    text-align: center;
}

ul.lang {	
	font-size: 1.1em;	
	position: absolute;
	z-index: 100;
	right: 5%;
	top:0px;
	list-style: none;
	height: 30px;
	text-align: center;
}

ul.lang li { 
    padding: 6px;
    float: left;
    border: 1px solid #063462;
    margin: 1px;
}

.main_block_zbir {
    background: url("../flat-theme/assets/images/fon.png") top left; 
    z-index: 100; 
    padding: 8px 0 8px 10px;
    text-align: left; 
    margin: 1px; 
    font-size: 18px; 
    cursor: pointer;
}


.zbir_txt {
      background: url("../flat-theme/assets/images/zbir.png") center left no-repeat; 
      background-size: 55px;
      height: 50px;
      padding-left: 70px;
      padding-top: 15px;
}

.zbir_txt
{
      background: url("../flat-theme/assets/images/zbir.png") center left no-repeat; 
      background-size: 55px;
      /* z-index: 100; */
      height: 50px;
      padding-left: 70px;
      padding-top: 15px;
}

.crh_txt {
      background: url("../flat-theme/assets/images/srch.png") center left no-repeat;
      background-size: 55px;
      /* z-index: 100; */
      height: 50px;
      padding-left: 70px;
      padding-top: 15px;
}

.clnd_txt {
      background: url("../flat-theme/assets/images/calend.png") center left no-repeat;
      background-size: 55px;
      /* z-index: 100; */
      height: 50px;
      padding-left: 70px;
      padding-top: 15px;
}


.main_block_srh {
    text-align: left; 
    z-index: 100;  
    padding: 6px 0 6px 10px;
    margin: 1px; 
    font-size: 18px; 
    cursor: pointer;
}

.transition-translate { 
  position: relative;
  top: 0;
  z-index: 2;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  max-width: 500px;
  font-size: 20px;
  border: 4px ridge black;
  cursor: pointer;
  transition: 3s linear;
}

.transition-translate:hover {
    top: 50px;
}

/*main news*/

.title {
    font-size: 1.3em;
    padding-top: 10px;
    font-weight: 300;
}

.picturies
{
    text-align: center;
    max-height: 350px;
    overflow: hidden;
    border-radius: 4px;
}

.time { padding-top: 10px;}

.title_art {
    font-size: 1.1em;
    padding-top: 10px;
    font-weight: 300;
    line-height: 1.1em;
}
.picturies_art {
text-align: center;
max-height: 100px;
overflow: hidden;
}

.column_art {
	height: 220px;
}



.sh_logo_btn {
    display: none!important;
    width: 1px;
    height: 1px;
}

.sh_btn {
  z-index: 999999;
  font-size: 14px;
  position: fixed;
  cursor: pointer;
  box-shadow: none!important;
  background: url("../flat-theme/assets/images/fon_red.png") top left!important;
  border: 0px solid #b61f1f!important;
  padding: 5px!important;
}



.sh_btn_left .sh_title_text, .sh_btn_right .sh_title_text {
    cursor: pointer;
    overflow: hidden;
    border-top: 0px solid red!important;
    padding: 10px 0;
}



.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}

.descript {
    font-style: italic;
    padding: 10px 0 0 0;
    font-size: 1.3em;
    font-weight: 500;
}

.prntcat {width: 100%; text-align: center;}

#addnav ul {text-align: center;}

#addsnav li {
  list-style: none!important;
  /* height: 100px; */
  /* display: table-cell; */
  /* overflow-y: hidden; */
  margin: 2px;
  border-radius: 4px;
  /* padding: 20px; */
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  line-height: 1em;
}

#addsnav li a {
  vertical-align: middle;
  /* list-style: none!important; */
  height: 100px;
  width: 100%;
  border-radius: 4px;
  padding: 20px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  /* vertical-align: top; */
  line-height: 1em;
}
#addsnav li a:hover {background: #2980b9;}

#wp-calendar caption {    
    padding: 20px 20px 20px 0;
    font-size: 24px;
    margin: -45px 0 20px 0;
    background: #9dd1ff!important;
    color:#063462;
    border-bottom: 2px solid #063462;
}

#wp-calendar a {
	font-weight: bold;
}

#calendar_wrap {
    margin-bottom: 20px;
    border-bottom: 0px solid red;
}

.widget-area #calendar_wrap tr {
   border-bottom: 1px solid #063462; 
    line-height: 20px!important; 
}

.widget-area #calendar_wrap td, th {
  padding: 4px 0; 
}

input.es_textbox_class {
    width: 100%;
    border: 1px solid #063462;
    background: #9dd1ff;
    height: 35px;   
    padding: 0 0 0 10px;
}

.es_textbox_button { 
    border: 1px solid #063462;
    background: #063462;
    padding: 10px 15px;
    margin-bottom: 20px;
    color:#9dd1ff;
}

#main {
    height: 100%!important; 
    /*margin-top: -100px;*/
}

.name, .name a, .name a:hover {
    font-family: Times New Roman;
    font-size: 1.4em;
    margin: 10px 0;
    text-transform: uppercase;
    line-height: 1em;
    text-align: center;
}

.bann li { 
    list-style: none;
    display: block;
    float: left;
    margin: 0 5px;
    width: 15%;
}

div.bx-viewport {
	height: inherit !important;
}

.bx-wrapper .bx-viewport {
	  background: inherit !important;
	  -webkit-box-shadow: none !important;
	  box-shadow: none !important;
	  border: none !important;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	border: 2px #063462 solid !important;
	background: #9dd1ff !important;
}

.bx-pager.bx-default-pager a.active {
  width: 15px !important;
  height: 15px !important;
  border-radius: 8px !important;
}

div.bx-pager-item{
  	vertical-align: middle !important;
}

.bxslider img{
	float:left !important;
}

div.president{
	text-transform:  uppercase !important;
	display: table-cell !important;
    vertical-align: middle !important;
	padding: 0px 10px 0px 10px !important;
    font-family: 'Roboto Condensed', sans-serif;
    color: #717171;
    font-weight: 700;
    line-height: 1em;
}

div.blink {
	clear:both !important;
	/*text-align:center !important;*/
	width:151px !important;
	padding-top: 6px;
	font-style: italic;
}


.bxitem {
	display: table !important; 
}

@media only screen and (max-width: 1100px) {
  div.navbar-header {
    display: none;
  }
}

#lang_choice_polylang-3 {
	height: 28px;
}

.ac-container input[type="text"], .ac-container select, .ac-container input[type="date"], .ac-container select[multiple] {
	background: transparent!important;
	border: 1px solid #c7dae8;
	width: 95%;
	font-size: 14px;
	padding: 7px;
	margin:5px;
}

.ac-container select option

{  background: #2980b9!important;}


.ac-container{
	/*width: 100%; */
	margin: 7px auto 7px -10px;
	text-align: left;
	background: url("../flat-theme/assets/images/fon.png") top left!important;
}

.ac-container label {	
	/*padding: 15px 5px 0 60px;*/
	font-weight: 300;
	height: 40px;
    padding: 0 0 0 20px;
	font-size: 1em;
	text-transform: uppercase;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
	color: #fbfbfb;
	/*background: url("../flat-theme/assets/images/srch.png") center left no-repeat; */
	/*line-height: 33px;*/ 	
}

.ac-container label:hover{
	/*background: #9dd1ff;*/
}
.ac-container input[type=checkbox]:checked + label,
.ac-container input[type=checkbox]:checked + label:hover{
	/*background: #e0f47d;*/
	color: #fbfbfb;
}
.ac-container label:hover:after,
.ac-container input[type=checkbox]:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 34px;
	height: 34px;
	right: 13px;
	top: 0;
	background:  transparent  url("../flat-theme/assets/images/up.png") no-repeat center center;	
}
.ac-container input[type=checkbox]:checked + label:hover:after{
	background:  transparent  url("../flat-theme/assets/images/in.png") no-repeat center center;
}
.ac-container input[type=checkbox]{
	display: none;
}
.ac-container article{
	
	margin-top: -56px;
	overflow: hidden;
	height: 0px;
	width:100%;
	position: relative;
	z-index: 10;
	-webkit-transition: all 1s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: all 1s ease-in-out, box-shadow 0.6s linear;
	-o-transition: all 1s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: all 1s ease-in-out, box-shadow 0.6s linear;
	transition: all 1s ease-in-out, box-shadow 0.6s linear;
	background: url("../flat-theme/assets/images/fon.png") top left!important;
 
}
.ac-container article p{
	font-style: italic;
	color: #fbfbfb;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	
}
.ac-container input[type=checkbox]:checked ~ article{
	-webkit-transition: all 1s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: all 1s ease-in-out, box-shadow 0.1s linear;
	-o-transition: all 1s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: all 1s ease-in-out, box-shadow 0.1s linear;
	transition: all 1s ease-in-out, box-shadow 0.1s linear;
	}

.ac-container input[type=checkbox]:checked ~ article.ac-small{
	height: 270px;
	margin-top: -328px;
	width: 150%;

}
 .main_block_srh {
    background: url("../flat-theme/assets/images/fon.png") top left!important;
    height: 70px;
}

.title img {
	margin-top: 15px;
	width: 100px;
}


.comment {
	padding: 20px 0;
	font-style: italic;
	margin: 0 0 0 20px;
}
.comment div {
	padding: 7px 0 0 0;
}

.calculator_content th {
	background: #063462;
	color:#9dd1ff;
	font-weight: normal;
	text-align: center;
	padding: 17px;
	border-right: 1px solid #9dd1ff;
	width: 50%;
}

.new th
{
	background: #063462;
	color:#9dd1ff;
	font-weight: normal;
	text-align: center!important;
	padding: 17px;
	border-right: 1px solid #9dd1ff;
	width: 7%;
}

.calculator {
	text-align: center; margin: 0 auto;
}

 table.calculator_content, table.cases {
	border-bottom: 5px solid #063462;
}

.calculator_content tr {	
	background: #9dd1ff; 
	border-bottom: 1px solid #063462;
}

.calculator_content td {
	padding: 8px 10px;
}

.calculator_content tr:hover {
	background: #063462;
	color: #9dd1ff;
	cursor: pointer;
	 transition-duration: 0.8s; 
}

.new tr:hover {
	background: #9dd1ff;
	color: #063462;
	transition-duration: 0.8s; 
	cursor:pointer;
}

.calculator_content tr.none:hover {
	background: #9dd1ff;
	color: #063462;
	cursor: default;
	transition-duration: none;
}

ul.menuzee  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	font-family: Times New Roman;	
	font-size: 1.4em;
}
ul.menuzee li
{
	float: left;
	padding: 10px;
	list-style: none;
	text-align: center;
}
@media(max-width:768px){
ul.menuzee li {
	float: none;
	padding: 0px;
	list-style: none;
	text-align: center;
}
}
@media(max-width: 480px){
.one input[type="text"] ,
.one input[type="date"] {
	border: 1px solid #063462;
	background: #9dd1ff;
	color: #063462;
	margin: 2px;
	padding: 3px;
	max-width: 150px;
}
    .name a {
        font-size:18px; 
        line-height:18px;
        color:#9dd1ff;
    }  
}

ul.menuzee li:hover {
	background: #2980b9;
	cursor:pointer;
}
.nav {
	font-style: italic;
	text-align: center;
	padding: 20px 0;
	color: #8d8d8d;
}
.one {
	width: 100%;	
	border: 0px solid red;
	background: #dbebf5;
	
}
.one td {
	border: 1px solid #fbfbfb;
	width: 50%;
	padding: 8px 15px;
}

.gray
{
	text-align: right;
	font-weight: 500;
}

.quote
{
	margin: 20px 20px 60px 40px;
	border-left: 5px solid #063462;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.2em;
}

.stavka
{
	font-style: italic;
	padding: 10px 40px;
	font-size: 1.2em;
	text-align: center;
}

.border {
	border-top: 1px solid #063462;
}

/*tooltip*/

div.tooltips {
  position: relative;
  display: inline;
}
div.tooltips span {
  position: absolute;
  width:220px;
  color: #FBFBFB;
  background: #0d354e;
  height: 70px;  
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  line-height: 1em;
  padding: 15px;
}
div.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #0d354e;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
div:hover.tooltips span {
  visibility: visible;
  opacity: 0.9;
  bottom: 50px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}
/*tooltip*/
.cl
{
position: absolute;
bottom:0;
right: 0;
}
.srch
{
font-weight: 500;
color: #2980b9;
}

.one input[type="text"] ,
.one input[type="date"] 

{
	border: 1px solid #2980b9;
	background: #dbebf5;
	color: #063462;
	margin: 2px;
	padding: 3px;
	width: 90%;
}

.one input[type="submit"] 
{
	background: #0d354e;
	border: 1px solid #0d354e;
	color: #fbfbfb;
	padding: 10px 20px;
	margin: 5px 0;
}

.podija th
{
	background: #969696;
	font-size: 1.2em;
	width:20%;
	color: #fbfbfb;
	text-align: center;
	
}
.podija tr
{
	border-bottom: 1px solid #cecece;	
}
.podija td
{
	padding: 10px 0 10px 15px;
}

.podija tr:hover
{
	background: #f1f2f2;
	cursor: pointer;
	border-bottom: 1px solid #f1f2f2;
	transition: all 0.5s ;
}
/**/

.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

/*.container {	
	min-height: 100%;
}*/

.md-modal {
	position: fixed;
	top: 25%;
	left: 50%;	
	max-width: 900px;
	min-width: 320px;
	height: 280px;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
@media(max-width:767px)
{
.md-modal {
position: fixed;
	top: 32%;
	left: 50%;
	width: 90%;
	height: auto;
	font-size:100%;
	}
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fbfbfb;
	background: #2980b9;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.cases .md-content {
	color: #063462;
	background: #fbfbfb!important;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
	color: #fbfbfb;
}

.cases .md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
	color: #063462;
}

.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

.md-content input[type="text"] ,
.md-content input[type="date"] 

{
border: 1px solid #0d354e;
background: #2980b9;
color: #fefefe;
margin: 2px;
padding: 3px;
max-width: 600px;
	min-width: 300px;
}

.md-content input[type="submit"] 
{
background: #0d354e;
border: 1px solid #0d354e;
color: #fbfbfb;
padding: 10px 20px;
margin: 5px 0;
}

.md-close
{cursor: pointer;}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg); 
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}

.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background: #e74c3c;
} 

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(180,46,32,0.5);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}	

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% { 
		-webkit-transform: rotateX(10deg); 
		-webkit-animation-timing-function: ease-out; 
	}
}

@-moz-keyframes OpenTop {
	50% { 
		-moz-transform: rotateX(10deg); 
		-moz-animation-timing-function: ease-out; 
	}
}

@keyframes OpenTop {
	50% { 
		transform: rotateX(10deg); 
		animation-timing-function: ease-out; 
	}
}

.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

.sh_chat_logo {
  max-width: 0px!important;
  width: 0px!important;
}

.subcategories
{
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

.subcat_inner {
	background: #9dd1ff;	
	display: inline-block;	
	text-align: center;		
	height:225px!important;
	line-height:14px;
	border-radius: 4px;
	margin: 2px;
    width:20%;
    word-wrap:  break-word; 
    border: 2px solid #063462;   
}
.subcat_inner:hover
{background: #9dd1ff;}


.subcat_inner a
{
	font-size: 16px;
	text-transform: uppercase;
	padding: 25px!important;
	font-weight: 500;
	height:225px!important;
	display: block;
    font-weight: bold;
}

.subcat_inner a:hover
{
	color: #063462!important;
	background: #9dd1ff;
    text-decoration: none;
}

.subcat_inner img
{
  display:none;
}
.subcat_inner img:hover
{
	-webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;}

/*editor*/
img.image-sircle
{
	
	border-radius: 50%;
	border: 7px solid #fbfbfb;
	 height: 250px;
	width: 250px;
}

.box-callout-left
{
	width:30%;
	border-top: 3px solid #cb5f5f;
	border-bottom: 3px solid #cb5f5f;
	margin: 7px 20px 7px -20px;
	padding: 20px 3px;
	color: #063462;
	font-size: 14px;
	line-height: 18px;
	display: block;
	float: left;
	font-size:18px;
	font-weight: 300;
}

.box-callout-right
{
	width:30%;
	border-top: 3px solid #cb5f5f;
	border-bottom: 3px solid #cb5f5f;
	margin: 7px -20px 7px 20px;
	padding: 20px 3px;
	color: #063462;
	font-size: 14px;
	line-height: 18px;
	display: block;
	float: right;
	font-size:18px;
	font-weight: 300;
}

.blue-box-left
{
	width:30%;
	margin: 7px 0;
	padding: 20px 10px;
	font-size: 14px;
	line-height: 18px;
	display: block;
	float: left;
	font-size: 16px;
	line-height: 16px;
	font-weight: 300;
}


.box.visible {display: block;}
.tabs li {
display:inline;
cursor:pointer;
padding: 5px;
border:1px solid;
}


/*calendar*/

/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	/*padding: .5em .5em .5em .7em;*/
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}

h3.acc {
	font-size: 20px!important;
	padding: 0!important;
	font-weight: bold;
	margin: 0;
    /*background: #fbfbfb;*/ 
    color: #063462; 
    border-bottom: 2px dashed #6c3b26!important; 
    border: 0px solid red; 
    margin: 20% 0 5% 0;
}

.femida {
	width: 250px;
	margin: 0 auto;	
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 20px 0 0 0;
	border-top: 0;
	overflow: auto;
}

.ui-accordion .ui-accordion-content p{
	    margin: 0 0 4px;
} 

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: underline;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;	
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

#selected_region
{width: 250px;
height: 40px;
padding: 7px 10px;
border: 1px solid #063462;
}

a.gototop {
	background: #9dd1ff;
	padding: 12px 20px;
	border-radius: 5px;
}


.printbut {
	float: right;
}
.printbut a{
	display: block;
	text-align: center;
	padding: 10px;
	border: 1px solid #063462;
	border-radius: 7px;
	font-size: 20px;
}

.printbut a:hover{
	display: block;
	text-align: center;
	padding: 10px;
	border: 1px solid #063462;
    color: #063462!important;
	border-radius: 7px;
	font-size: 20px;
    background: #9dd1ff;
}

.pagination>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    cursor: not-allowed;
    background: #9dd1ff!important;
} 

.mainblock {
    width: 960px;
    height: 900px; 
    overflow:hidden;
}

.apblock {
    width: 960px;
    height: 900px;  
    overflow:hidden;
    background: url("../flat-theme/assets/images/ap.png") top center no-repeat;
   line-height:1;
    position: relative;
    top:0;
    margin: 0 auto;
    font-size: 14px;       
}

.apblock #one1 {
    position:absolute;
    top: 0px;
    left: 80px;
    width: 300px;
    font-size: 30px;
    text-align:right;
    font-weight: bold;
}

.apblock #one2 {
    position: absolute;
    top: 0px;
    right: 60px;
    width: 300px;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
}

.apblock #one {
    position: absolute;
    top: 500px;
    left: 0;
    width: 270px;
    text-align: right;
}


.apblock #true {
    position: absolute;
    top: 45px;
    left: 0;
    width: 270px;
    text-align: right;
}
.apblock #t4 {
    position: absolute;
    top: 620px;
    left: 345px;
    width: 250px;
    text-align: left;
}
.apblock #t5 {
           position: absolute;
    top: 110px;
    left: 0;
    width: 210px;
    text-align: right;
}
.apblock #t6 {
        position: absolute;
    top: 175px;
    left: 0;
    width: 190px;
    text-align: right;
}

/*right*/
.apblock #two {
    position: absolute;
    top: 70px;
    right: 70px;
    width: 250px;
}

.apblock #tt8 {
    position: absolute;
    top: 400px;
    left: 0;
    width: 220px;
    text-align: right;
}

.apblock #t7 {
  position: absolute;
    top: 300px;
    right: 30px;
    width: 200px;
}

.apblock #t8 {
    position: absolute;
    top: 130px;
    right: 0;
    width: 240px;
}
.apblock #t9 {
   position: absolute;
    top: 210px;
    right: 0px;
    width: 230px;
}

.apblock #t10 {
    position: absolute;
    top: 395px;
    right: 0;
    width: 220px;
}

.apblock #t11 {
    position: absolute;
    top: 345px;
    left: 20px;
    width: 200px;
    text-align: right;
}

.apblock #t12 {
    position: absolute;
    top: 460px;
    right: 140px;
    width: 200px;
}
.apblock #t13 {
    position: absolute;
    top: 530px;
    right: 140px;
    width: 300px;
}

.apblock #t14 {
    position: absolute;
    top: 280px;
    left: 70px;
    width: 150px;
    text-align: right;
}
img.decor {
    border: 1px solid #063462; 
    padding: 6px 12px;
    border-radius:4px;
}

/*.statblock {
    height:100px;
    margin-top:-90px;
    position:relative;
    z-index: 999;
    text-align: center;
}*/


.statblock {   
    height:160px;
    margin-top:-160px;
    position:relative;
    z-index: 999;
    text-align: center;
}

.statblock ul {
    float: none;
    margin: 0 auto;
}

.statblock ul li{
    text-align: center;
    display: inline-block;
    padding: 2%;
    border-radius:4px; 
    margin: 1px 0 1px 0;
    vertical-align: top;
    width: 32%;
}


.statblock .numer {
    font-size:4em;
    -moz-transition: background-color 0.8s 0.3s ease;
    -o-transition: background-color 0.8s 0.3s ease;
    -webkit-transition: background-color 0.8s 0.3s ease;
}

.statblock .numer:hover {
    cursor:pointer;
}

.icon-search {
    font-size:14px;
    font-size:400;
}

.statblock .text {
    font-size:20pxem;
    padding: 20px 0 0 0;
}


.zbirblock {
    background: #9dd1ff;  
    border-bottom: 2px solid #063462;
    font-size: 18px;
    text-align: center; 
    padding: 10px;
}

.zbirblock ul {
    float: none;
    margin: 0 auto;
}

.zbirblock ul li {    
    list-style-type: none; 
    text-align: center;
    display: inline-block;
    padding: 0.5% 3%;
    border-radius:0; 
    margin: 5px 0 5px 0;
     font-weight: normal;
    -moz-transition: background-color 0.8s 0.1s ease;
    -o-transition: background-color 0.8s 0.1s ease;
    -webkit-transition: background-color 0.8s 0.1s ease;
    border-right:1px solid #063462;
}


.zbirblock ul li:last-child {
    border-right:0px solid #063462;
}

.zbirblock ul li img {   
    display: none;    
}

.zbirblock ul li:hover {
    cursor:pointer;
}

.zbirblock ul li a:hover {    
    cursor:pointer;
    
}

.zbirblock ul li a {
     font-size: 27px!important; 
    color:#063462!important;
}


.sizeblock {
    line-height: 1.2;    
}

.sizeblock p {font-size:16px;}

.sizeblock h4{
    margin-top:-2px;     
}
.sizeblockbig {
    font-size:18px;
    line-height: 20px!important;
}
.sizeblockbig p {
    padding-top:15px;
}

time {
    font-size:14px;
    color: #063462;
}
header h3{
    margin: 0px 0 10px 0;
}
.langv {
    margin: 0 0 0 20px;
    float: right;
    font-size:20px;
}

/**/
.linkdoc a[href$='.pdf'] {
    background: url(images/pdff.png) no-repeat left center;
    background-size: 35px;
    font-weight: bold;
    font-size: 16px;    
    line-height: 1;    
}

.linkdoc a[href$='.rar'] {
    background: url(images/rar.png) no-repeat left center;
    background-size: 35px;
    font-weight: bold;
    font-size: 16px;    
    line-height: 1;    
}

.linkdoc a[href$='.zip'] {
    background: url(images/rar.png) no-repeat left center;
    background-size: 35px;
    font-weight: bold;
    font-size: 16px;    
    line-height: 1;    
}

.linkdoc a[href$='.doc'] {
    background: url(images/word.png) no-repeat left center;
    background-size: 35px;
    font-weight: bold;
    font-size: 16px;    
    line-height: 1;    
}

.linkdoc a[href$='.docx'] {
    background: url(images/word.png) no-repeat left center;
    background-size: 35px;
    font-size: 16px;    
    line-height: 1;    
}

.linkdoc a[href$='.xls'] {
    background: url(images/exel.png) no-repeat left center;
    background-size: 35px;
    font-weight: bold;
    font-size: 16px;    
    line-height: 1;    
}
/*правая колонка документы*/


.rightcont a[href$='.pdf'] {
    background: url(images/pdff.png) no-repeat left center;
    background-size: 35px;
    /*font-weight: bold;*/
    font-size: 16px;    
    line-height: 1;    
}

.rightcont a[href$='.doc'] {
    background: url(images/word.png) no-repeat left center;
    background-size: 35px;
    /*font-weight: bold;*/
    font-size: 16px;    
    line-height: 1;    
}

.rightcont a[href$='.docx'] {
    background: url(images/word.png) no-repeat left center;
    background-size: 35px;
    /*font-weight: bold;*/
    font-size: 16px;    
    line-height: 1;    
}
.rightcont a[href$='.xls'] {
    background: url(images/exel.png) no-repeat left center;
    background-size: 35px;
    /*font-weight: bold;*/
    font-size: 16px;    
    line-height: 1;    
}
.linkdoc a {    
    padding: 15px 0 15px 45px;
    display: inline-block;
    font-weight: normal!important;
    text-decoration: underline;
}

.linkdoc p {
    margin: 0 0 15px 0;
}
.carousel-inner > .item::before{ background: #9dd1ff;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
  background: #9dd1ff!important;
  border-bottom: 0px solid #063462;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: #063462;  
  font-size: 16px;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  vertical-align: top;
  display: block;
  border-top: 0px solid #5ea2cf;
  border-left: 0px solid #5ea2cf;
  border-right: 0px solid #5ea2cf;
  border-bottom: 2px solid #063462!important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a {
  color: #fefefe;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  vertical-align: top;
  display: block;
  border-top: 0px solid #5ea2cf;
  border-left: 0px solid #5ea2cf;
  border-right: 0px solid #5ea2cf;
  border-bottom: 1px solid #063462!important;
}





.ktmrt i, .ktmrtintro i  {    
    font-size:24px;
    color:#063462!important;
    font-weight: normal;
}
iframe {
    display: none;
}

.my-new-sidebar h3 {
    margin-top: 0px;
}
.bluetab {
    background: #9dd1ff;
    border:1px solid #063462;
    color:#063462;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item > a.mega-menu-link:active, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:active {
    background:#063462!important;
    color:#9dd1ff!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background:#063462!important;
    color:#9dd1ff!important;
}

.headertitle {
    background: #9dd1ff; 
    position: relative; 
    top: 0; 
    margin-top: -10px; 
    padding: 5px 0px 0px 0px; 
    color: #063462; 
    text-align: center;
}
footer .gerb_article{
    display: none;    
}

/*форма поиска*/

#wppb-login-wrap .login-username input, .modal-body input[type="text"] {
     background: transparent;
     border-top:0px solid red;
     border-right:0px solid red;
     border-left:0px solid red;
     border-bottom:2px solid #063462;
}

#searchModal input, #searchModal2 input {
    background:transparent;
    border:0px solid red;
    color:#063462;
}
#searchModal .searchform-box, #searchModal2 .searchform-box{
    border-bottom:2px solid #063462;
    padding-bottom:20px;
}
#searchModal .search-it, #searchModal2 .search-it{
    border:0;
    width:100%;
    display:inline-block;
    color:#063462;
    font-size:36px;
    height:48px;
}
#imageZoomModal .modal-header .close span:after, #imageZoomModal .modal-header .close span:before, #searchModal .modal-header .close span:after, #searchModal .modal-header .close span:before, #searchModal2 .modal-header .close span:after, #searchModal2 .modal-header .close span:before {
    content: "";
    height: 62px;
    width: 2px;
    background: #063462;
    margin-right: -2px;
    opacity: 1;
    display: inline-block;
}

.modal-backdrop{position:fixed;top:0;right:0;left:0;width:100%;height:100%;background-color:#9dd1ff;z-index:9998;}
/*форма поиска*/

/*font-style 3*/


/*font-style 3*/

body.style3, .style3 p, .style3 div, .style3 span, .style3 a, .style3 intut, .style3 ul, .style3 li, .style3 select, .style3 taxtarea  {
    font-size:20px!important;    
}

.style3 h1, .style3 h1 a {
    font-size:55px!important;
}

.style3 h2, .style3 h2 a {
    font-size: 50px!important;
}

.style3 .name, .style3 .name a {
    font-size: 35px!important;
}

.style3 h3, .style3 h3 a, .style3 h4, .style3 h4 a {
    font-size: 25px!important;
}

.style3 small, .style3 small a {
    font-size:20px!important;
}

.style3 .descript p {
    font-size: 25px!important;
    line-height: 1;
}
.style3 .statblock .numer {
    font-size:70px!important;
}
.style3 .statblock .text p {
    line-height: 1.1;
    font-size:30px!important;
}

.style3 .subcat_inner a {
     line-height: 1.2;
}
.style3 .zbirblock ul li a {
    font-size:32px!important;
}

.style3 .block a {
      font-size:25px!important;
}

.style3 footer {
     line-height: 1.2;
}
/*font style 2*/
body .style2, .style2 p, .style2 div, .style2 span, a, .style2 intut, .style2 ul, .style2 li,  .style2 select, .style2 taxtarea  {
    font-size:18px!important;    
}

.style2 h1, .style2 h1 a {
    font-size:50px!important;
}

.style2 h2, .style2 h2 a {
    font-size: 40px!important;
}

.style2 .name, .style2 .name a {
    font-size: 30px!important;
}

.style2 h3, .style2 h3 a, .style2 h4, .style2 h4 a {
    font-size: 22px!important;
}

.style2 small, .style2 small a {
    font-size:18px!important;
}

.style2 .descript p {
    font-size: 25px!important;
    line-height: 1;
}
.style2 .statblock .numer {
    font-size:70px!important;
}
.style2 .statblock .text p {
     line-height: 1.1;
    font-size:25px!important;
}

.style2 .subcat_inner a {
     line-height: 1.2;
}
.style2 .zbirblock ul li a {
    font-size:30px!important;
}
.style2 .block a {
      font-size:22px!important;
}

.style2 footer {
     line-height: 1.2;
}

body .style1 {
    display:inline-block;
    font-size: default!important;
}

/*image off*/
/*зображення вимкнути*/

.style5 .logo img {
    display:block!important;
}

.style5 header .ktmrt img {
    display: inline-block!important;  
    visibility: visible!important;  
}


.style5 header.logo img {
    display:block!important;
}

.style5 .headertitle.pagetitle.name a img {
    display:block!important;
     visibility:visible!important;
}

.style5 img {
     visibility: hidden!important;
}
.style5 .container img, .style5 #cartoon .entry-thumbnail img, .style5 #cartoon .my-new-sidebar h3 .gerb_article {
    display:none!important;
}
.style5 .linkdoc a {
    background: none!important;
}
.style5 .bx-wrapper .bx-viewport, .style5 #cartoon #mega-menu-wrap-primary #mega-menu-primary img {
    display:none!important;
}

.style5 .my-new-sidebar h3{ 
    margin-top:0;
}
/* / зображення вимкнути*/
#picts {border:5px solid red;}
/*зображення чб*/
.style6 img {
  -webkit-filter: grayscale(100%)!important;
  -moz-filter: grayscale(100%)!important;
  -ms-filter: grayscale(100%)!important;
  -o-filter: grayscale(100%)!important;
  filter: grayscale(100%)!important;
  filter: gray!important;/* IE 6-9 */
}
.style6 #main-slider .carousel .item.active {
    -webkit-filter: grayscale(100%)!important;
  -moz-filter: grayscale(100%)!important;
  -ms-filter: grayscale(100%)!important;
  -o-filter: grayscale(100%)!important;
  filter: grayscale(100%)!important;
  filter: gray!important;/* IE 6-9 */
}
/*зображення чб*/

/*додатково*/

.style8 * {
    letter-spacing: 2px!important;
}
.style9 * {
    letter-spacing: 5px!important;
}

.style9 .statblock .text {
    padding: 0;
    margin-top:30px;
}

.style11 p, .style11 div, .style11 span, .style11 a, .style11 intut, .style11 ul, .style11 li,  .style11 select, .style11 taxtarea, .style11 h1, .style11 h1 a, .style11 h2, .style11 h2 a, .style11 .name, .style11 .name a, .style11 h3, .style11 h3 a, .style11 h4, .style11 h4 a, .style11 small, .style11 small a, .style11 .descript p, .style11 .statblock .numer, .style11 .statblock .text p, .style11 .subcat_inner a, .style11 .zbirblock ul li a, .style11 footer
{
    line-height: 1.5!important;
}

.style3 .carousel-content h1 {
    margin-top: -100px!important;
}

.style3 .statblock {
    height: 280px;
    margin-top: -280px;
    position: relative;
    z-index: 999;
    text-align: center;
}

.style11 .carousel-content h1 {
    margin-top: -100px!important;
}

.style11 .statblock {
    height: 280px;
    margin-top: -280px;
    position: relative;
    z-index: 999;
    text-align: center;
}
.style12 .carousel-content h1 {
    margin-top: -250px!important;
}

.style12 .statblock {
    height: 350px;
    margin-top: -350px;
    position: relative;
    z-index: 999;
    text-align: center;
}
.style12 .statblock .text, .style11 .statblock .text  {
    padding: 0;
    margin-top: -30px!important;
}

.style11 .bvi-glyphicon {
    font-size:16px!important;
    letter-spacing: normal!important;
    line-height: 1!important;
}
.style11 .bvi-btn-group a {
    font-size:16px!important;
     letter-spacing: normal!important;
    line-height: 1!important;
}
.style12 * {
    line-height: 2!important;
}
.style12 .bvi-glyphicon {
    font-size:16px!important;
    letter-spacing: normal!important;
    line-height: 1!important;
}
.style12 .bvi-btn-group a {
    font-size:16px!important;
     letter-spacing: normal!important;
    line-height: 1!important;
}
.style14 * {
    font-family: 'Times New Roman', serif!important;
}
.style14 .bvi-glyphicon, .style14 .ktmrt {
    font-size:16px!important;
    letter-spacing: normal!important;
    font-family: 'PT Sans','Glyphicons Halflings', sans-serif!important;
}
.style14 .bvi-btn-group a, .style14 .ktmrt {
    font-size:16px!important;
     letter-spacing: normal!important;
     font-family: 'PT Sans','Glyphicons Halflings', sans-serif!important;
}
/*додатково*/

.xa-style1 .panel-default>.panel-heading  {
    background: #9dd1ff!important;
    color:#063462!important;
}