/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body {
    background-color: #CCFFCC;
}

article {margin-bottom:30px;}

#block-checkuserip p {margin-left:15px;}

body p, article div, .views-field-title a {font-family: 'Didact Gothic', sans-serif;letter-spacing: .4px;
font-size:18px;
text-align: justify;}

.path-frontpage .page-header {display:none;}

.region-main-menu .row {margin-left:0;margin-right: 0;margin-bottom: 20px;}
.region-main-menu .region-top-1 .row {margin-left:0;margin-right: 0;margin-bottom: 0px;}

.region-top-2 h3 {
/*    background: linear-gradient(120deg, rgba(1,76,40,1) 0%, rgba(1,76,40,1) 24%, rgba(255,94,0,1) 24%, rgba(255,94,0,1) 25%, rgba(218,239,220,1) 25%, rgb(100 176 43) 100%);*/
/*    background: linear-gradient(120deg, rgb(0 51 0) 0%, rgb(0 51 0) 24%, rgba(255,94,0,1) 24%, rgba(255,94,0,1) 25%, rgba(218,239,220,1) 25%, rgb(100 176 43) 100%);*/
    background: linear-gradient(120deg, rgba(218,239,220,1) 0%, rgb(100 176 43) 100%);
/*    height: 3.29vw;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
    font-size:18px;
/*    padding-right:30px;*/
    border-radius: 40px 0 0;
    margin-bottom: 8px;
}

.region-top-2 h3 img {border-radius: 10px 0 0;}
.visually-hidden {display:none;}

.region-top-2 .field--name-body h3::before {

/*    content: "";
    background-image: url(img/vakansii.png);
    background-size: cover;
    height: 40px;
    width: 40px;*/
/*    border-radius: 50%;*/
/*    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 27px;
    transform: rotate(0deg);
*/
}

.field--name-field-url  {position:relative;}

.field--name-field-url:before {
 position:absolute;
 content: url("img/video-bg.png");
 top: -2px;
 left: -1px;
 width: 64px;
 height: 64px;
}

#block-nezavisimayaocenkakachestvafront-3 h3::before {
/*    background-image: url(img/progress.png);
    transform: rotate(-0deg);
*/
}
#block-smionas-2 h3::before {
    background-image: url(img/radio.png);
    transform: rotate(-0deg);
}
#block-chastozadavaemyevoprosypocovid19-2 h3::before {
    background-image: url(img/covid.png);
    transform: rotate(-0deg);
}

.region-top-3 col-1 {position:relative;}
.region-top-3 .views-field-title {position:absolute;bottom:0; background-color: #0033008a;background-color: #f74906b3;
/*width: 100%;*/
max-width: 70%;
padding: 20px;
}
.region-top-3 .views-field-title a:hover {text-decoration:none;}

a {
    color: #030;
}
.region-top-3 a {color:#fff}

a:hover {color: #030;}

article h1, article .h1, article h2, article .h2, article h3, article .h3 {
    margin-top: 30px;
    margin-bottom: 20px;
}
.views-field-field-date {
background-color: #badead;
background-color: #ff8f005c;
    border-radius: 25px;
    padding: 5px 20px;
    margin-left: 0;
    /* padding-top: 3px; */
    box-shadow: 2px 3px 2px -2px rgb(34 60 80 / 51%) inset;
    display: inline-block;
    margin-top: 5px;
    padding-bottom: 8px;
}

.contact-form .btn-default {display:none;}
.carousel-inner {/*background-color: #8ebf3fa8;*/}

.view-id-smi_o_nas .views-row {display:flex;flex-direction:column;margin-bottom:45px;}
.view-id-smi_o_nas .more {margin-top:-45px;}
.view-id-smi_o_nas .views-field-field-url {margin-top: 40px;}
.page-header {margin-top:40px;position: relative;
    border-bottom: 1px solid #030;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: #030;
    padding-bottom: 15px;
    margin-bottom: 30px;
} 
.view-footer {margin-bottom:30px;}

.view-id-smi_o_nas .views-field-field-url .field-content, .field--name-field-url {
    background-color: #ffe494;
    border-radius: 3px;
    /*padding: 15px 35px;*/
    padding: 5px 35px 5px 91px;
    border:1px solid #003300;
    margin-left: 0;
/*    padding-top: 15px;*/
/*    box-shadow: 2px 3px 2px -2px rgb(34 60 80 / 51%) inset;*/
    display: inline-block;
    margin-top: 5px;
    margin-left:-40px;}


.view-id-smi_o_nas .views-field-field-url .field-content {
    background-color: #ffe494;
    /*border-radius: 3px;*/
    border-radius: 0 25px 25px 0;
    padding: 15px 35px;
/*    padding: 4px 35px 4px 91px;*/
    border:0px solid #003300;
    margin-left: 0;
    padding-top: 15px;
    box-shadow: 2px 3px 2px -2px rgb(34 60 80 / 51%) inset;
    display: inline-block;
    margin-top: 5px;
    margin-left:-40px;}


.field--name-field-url {
margin-left:0px;
margin-top:30px;
}

.breadcrumb {
  background-color: transparent;
}

.view-id-smi_o_nas .views-label-field-url {
    background-color: #ff5e00;
    border-radius: 25px;
    padding: 15px 35px;
    margin-left: 0;
    padding-top: 15px;
    box-shadow: 2px 3px 2px -2px rgb(34 60 80 / 51%) inset;
    display: inline-block;
    margin-top: 5px;
    padding-right:60px;
    color:#fff;

}

blockquote {
  padding: 10px 40px;
  margin: 0 0 30px 40px;
  font-size: 30px;
  border-left: 7px solid #ff5e00;
  font-weight: bold;
}

.view-sotrudniki-otdeleniya .views-view-grid .views-field-title {
    padding: 0.75rem 1.25rem;
    margin-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    display: inline-block;
}

.views-view-grid .row { margin-top: 25px;}

.card {
    background-color: transparent;
    border: 0;
    align-items: center;
}

.view-id-smi_o_nas .views-field-body {margin-top:20px;}
.card img, .page-node-type-otdeleniya-ogbuz-ioktd .views-view-grid img {
border-radius:50%;
margin: 20px auto;
border-bottom: 5px solid #ff5e00;
border-right: 5px solid #ff5e00;
/*border: 3px solid #cfc;*/
}
/*
.page-node-type-otdeleniya-ogbuz-ioktd .views-view-grid img:hover {
border: 3px solid #ff5e00;
}
*/
.page-node-type-sotrudniki .field--type-image img {
border-radius:50%;
border-bottom: 5px solid #ff5e00;
border-right: 5px solid #ff5e00;
}

.card .card-header {
margin-top:20px;
}

.card-group {
margin-top:40px;
}

.card-body, .views-view-grid .col { text-align: center; margin-bottom: 35px;}

.carousel-caption {
    right: 5%;
    left: 54%;
    top: 50px; 
    color: #ffffff;
    padding-left: 40px;
    padding-right: 50px;
    bottom:auto;
}

li.node-readmore, .more  {
float: right;
margin: 30px 10px 0 0;
padding: 5px 25px 7px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f5e9', endColorstr='#23a32b', GradientType=1 );
box-shadow: 0 2px 10px #003300bf;
background-color: #badead;
border: 0px solid #030;
transform: skewX(-12deg);
}

.view-id-news .views-field-field-image {border-bottom: 5px solid #ff5e00;margin-bottom: 10px;border-image: linear-gradient(to right top, #ff5e00, #003300, #003300); border-image-slice: 1;}
.view-id-otzyvy .views-field-body {margin-top: 10px;
border-top: 1px solid #030;
padding-top: 10px;
}
.view-id-otzyvy .views-field-title {display:inline-block;margin-right:20px;}
.view-id-otzyvy .views-view-grid .col {text-align:left;}
#main-menu-link-content07b0f6f4-2ec7-4e27-a8e3-b38ddfec8594 {background-color: #385938;}
#main-menu-link-content567d7751-db10-40ef-957e-0e1481fa07e1 {background-color: #385938;background-color: #ff5e00; display:flex;}

.feed-icons {display:none;}
ul.sf-menu.sf-style-blue li, ul.sf-menu.sf-style-blue.sf-navbar {
    background: #030;
    font-size: 16px;
    padding: 7px;
}

ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
  top: 4em;
}
ul.sf-menu.sf-style-blue a, ul.sf-menu.sf-style-blue a:visited, ul.sf-menu.sf-style-blue span.nolink {
    border: 0 none;
    color: #92ff8e;
    padding: 0.75em 1em;
}

ul.sf-menu.sf-style-blue li:hover,
ul.sf-menu.sf-style-blue li.sfHover,
ul.sf-menu.sf-style-blue a:focus,
ul.sf-menu.sf-style-blue a:hover,
ul.sf-menu.sf-style-blue span.nolink:hover {
  background:#ff5e00;
  color: #ffea00;
  outline: 0;
  text-decoration:none;
}
ul.sf-menu.sf-style-blue li li, ul.sf-menu.sf-style-blue.sf-navbar > li > ul {
    background: #003300;
}

.navbar {
margin-bottom:0;
}

.navbar-default {
    background-color: #ccffcc;
    border: 0;
}
.navbar-header {width:100%}
.region-sidebar-second {
background-color: transparent;
box-shadow:none;
border: 0px;
}
.region-bottom-3 .nav > li {
  float: left;
}
.region-bottom-3 .nav > li > a {
    color:#92ff8e;
    padding: 7px 15px;
}
.region-bottom-3 .nav a:hover {background-color:#ff5e00;border-radius:20px;}
.brand-adress {
    color: #003300;
/*    border-bottom: 1px solid #030;*/
    font-size: 16px;
    padding: 15px 0 10px;
/*    text-align: center;*/
    font-weight: 800;
/*    margin-bottom: 15px;*/
}
.region-nav-top {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #030;
  padding: 5px;
  margin-bottom: 10px;
}



.region-sidebar-second section {
margin-bottom:15px;
border-left:7px solid #003300;
background-color: white;

}
.region-sidebar-second section:hover {
    border-left:10px solid #ff5e00;
}

.region-sidebar-second section.gripp {
    border-left:0px solid #ff5e00;

}
.region-sidebar-second section.gripp:hover {
    border-left:0px solid #ff5e00;
}

.region-sidebar-second section.gripp .form-group {
 margin-bottom:0;
}

.gripp {position:relative;}

.gripp .views-field-title {
     position:absolute;
     bottom:10px;
     left:10px;
     background-color: #94d6f6;
     text-align:center;
     padding: 3px;
}

.region-bottom {background-color:#030;padding-top:30px;padding-bottom:30px;margin-top: 45px;}
.footer {
    background-color: #ff5e00;
    margin-top: -25px;
    color: #fff;
    padding: 40px 0 25px;
}

.view-otdeleniya .carousel-caption {
  color: #043502;
}

.main_menu {
background-color: #003300;
border-bottom: 5px solid #ff5e00;
margin-bottom:30px;
margin-top: 20px;
position: sticky;
top: 0;
z-index: 100;
}

.field--name-field-image img {
float:left;
margin-right:30px;
}

.svg-tel {
width: 20px;
margin-right: 0;
}

.telephone-1, .telephone-2 {
display:flex;
margin-top: 10px;
font-weight: bold;
/*margin-bottom: 3px;*/
justify-content: center;
/*margin-top: -10px;*/
}
.svg-email, .svg-tel {
    width: 18px;
    fill: #003300;
    margin-right: 5px;
    margin-left: 20px;
}

.svg-email-svg {
    width: 28px;
    fill: #000;
    margin-right: 5px;
    margin-left: 20px;
}


.hot-line {
    display: flex;
    font-weight: bold;
    background-color: #ff5e00;
    border-radius: 0px;
    width: 500px;
    color: #030;
    border: 0px solid #479645;
    transform: skewX(-12deg);
    align-items: center;
}
.front-email {
    display: flex;
    color: #ff5e00;
    color: #000;
    font-weight: bold;
    background-color: #badead;
/*    border-radius: 0 0 25px;*/
    padding-right: 25px;
    margin-left: 0px;
/*    padding-top: 3px;*/
    /*box-shadow: 2px 3px 2px -2px rgba(34, 60, 80, 0.51) inset;*/
    align-items: center;
    padding-top: 3px;
/*    border-bottom: 1px solid #003300;*/
/*    box-shadow: 0 2px 10px #003300bf; */
    transform: skewX(-12deg);
}
.font-priem {
    display: flex;
    color: #003300;
    font-weight: bold;
    padding-right: 25px;
    margin-left: 0px;
    align-items: center;
    padding-top: 7px;
    transform: skewX(-12deg);
}


.front-email-svg {
    display: flex;
    color: #ff5e00;
    color: #000;
    font-weight: bold;
    background-color: #ff5e00;
/*    border-radius: 0 0 25px;*/
    padding-right: 25px;
    margin-left: 0px;
/*    padding-top: 3px;*/
    /*box-shadow: 2px 3px 2px -2px rgba(34, 60, 80, 0.51) inset;*/
    align-items: center;
    padding-top: 3px;
/*    border-bottom: 1px solid #003300;*/
/*    box-shadow: 0 2px 10px #003300bf; */
    transform: skewX(-12deg);
}

.front-tel {
    display: flex;
    background-color: #badead;
/*    border-radius: 0 0 0 55px;*/
    padding-right: 25px;
    margin-left: 0;
/*    padding-top: 3px;*/
    /*box-shadow: 2px 3px 2px -2px rgba(34, 60, 80, 0.51) inset;*/
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
/*    border-bottom: 1px solid;*/
    /*box-shadow: 0 2px 10px #003300bf;*/
    transform: skewX(-12deg);
}
.svg-email {width:25px;}
#block-socialnyeseti-3 {border-left:0px;margin: 30px 0 20px 0;background-color: transparent;}

.breadcrumb li {
padding: 5px 10px;
background-color: #badead;
transform: skewX(-12deg);
margin-bottom: 3px;
}

ol.breadcrumb li:first-child {
background-color: #ff5e00;
}
.breadcrumb > li + li::before {
  content: none;
}

.breadcrumb a {
  /*color:#ff5e00;*/
  color: #030;
}
.breadcrumb li:first-child a {
color: #030;
}



ul.sf-menu.sf-style-blue {
    margin-bottom: 0em;
}
div.sf-accordion-toggle.sf-style-blue a {
    background: #003300;margin-top:7px;
}
.sf-accordion-toggle span {display:none;}
.mobile {display:none;}

.path-frontpage .block-title, .page-node-type-otdeleniya-ogbuz-ioktd .block-title, article h2, .view-smi-o-nas h2, .carousel-caption h3, section .block-title {
color:#003300;margin-bottom:30px;position:relative;overflow: hidden;padding-left:40px;
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 800;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align:left;
}

.path-frontpage .block-title-1:after {
  content: "";
  border-bottom: 1px solid #4bb;
  border-top: 1px solid #4bb;
  width: 100%;
  height: 0.1em;
  position: absolute;
  top: calc(0.45em - 1px);
  margin-left: 10px;
}

.path-frontpage .block-title:before, article h2:after, .view-smi-o-nas h2:before, .page-node-type-otdeleniya-ogbuz-ioktd .block-title:before, .carousel-caption h3:before, section .block-title:before {
    content: "";
    position: absolute;
    left: 0;
    top:3px;
    width: 2.25rem;
    height: 2.25rem;
    background: #ff5e00;
  }


.iopd-prava {
	float:left;
        margin-bottom: 15px;
}


.iopd-prava a, .view-id-kontakty .filial a {
    padding: 10px 30px;
    background-color: #badead;
    margin-right: 10px;
    border-radius: 30px;
    border-left: 0px solid;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 0px solid;
    font-size: 14px;
    box-shadow: 0 2px 10px #003300bf;
}
.iopd-prava a:hover, .view-id-kontakty .filial a:hover {
    border-color: #ff5e00;
    color:#ff5e00;
    background-color: #003300;
    color: #92ff8e;
}
.view-id-kontakty .filial p {
	display: inline-block;
	float:left;
	margin-bottom: 40px
}

.iopd-prava a:active {
    background-color:#ff5e00;
}
.iopd-box {
    display: flex;
    width: 100%; 
    align-items: stretch;
    min-height: 140px;
}

.iopd-container {
  display: grid; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 0px; 
  align-items: center;
  grid-template-areas: 
    ". ."
    ". ."; 
}

.path-patients .views-view-grid .col {
  text-align: center;
  display: flex;
  align-content: center;
  align-items: center;
  margin: 20px;
  width: 30%;
  padding: 20px;
  background-color: #badead;
  border-radius: 30px;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  box-shadow: 0 2px 10px #003300bf;
}

.field--name-field-media-video-file .field--item {text-align:center;}

.carousel-caption h3 {margin-left:40px; text-align:left;line-height: 36px;}
.carousel-caption h3:before {
    top: 8px; 
}

.view-smi-o-nas h2:before {    top:6px;}
.view-smi-o-nas h2 a {font-size:27px;}
.carousel-inner .col-md-12 {padding:0;}
.path-frontpage .block-title-1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 2rem;
    width: 100%;
    height: .25rem;
    background-color: #e91e63;
  }

.view-id-otzyvy .col {width:48%;margin-right:2%;}
.view-id-otzyvy {margin-bottom:45px;}
.view-id-otzyvy .col-3 .thumbnail, .view-id-otzyvy .col-8 .thumbnail, .view-id-otzyvy .col-7 .thumbnail, .view-id-otzyvy .col-6 .thumbnail, .view-id-otzyvy .col-4 .thumbnail, .view-id-otzyvy .col-5 .thumbnail, .view-id-otzyvy .col-1 .thumbnail, .view-id-otzyvy .col-2 .thumbnail {
    position: relative;
    background: #f9ffc9;
    border: 0;
    padding: 20px 30px 90px;
}
.view-id-otzyvy .col-3 .thumbnail:after, .view-id-otzyvy .col-8 .thumbnail:after, .view-id-otzyvy .col-7 .thumbnail:after, .view-id-otzyvy .col-6 .thumbnail:after, .view-id-otzyvy .col-4 .thumbnail:after, .view-id-otzyvy .col-5 .thumbnail:after,  .view-id-otzyvy .col-1 .thumbnail:after, .view-id-otzyvy .col-2 .thumbnail:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   background: #ff5e00;
   background: #003300;
   transform: rotate(1deg);
   transform-origin: left bottom;
   transition: .3s ease-in-out;
}

.view-id-otzyvy .col-3 .thumbnail:hover:after, .view-id-otzyvy .col-8 .thumbnail:hover:after, .view-id-otzyvy .col-7 .thumbnail:hover:after, .view-id-otzyvy .col-6 .thumbnail:hover:after, .view-id-otzyvy .col-4 .thumbnail:hover:after, .view-id-otzyvy .col-5 .thumbnail:hover:after,.view-id-otzyvy .col-1 .thumbnail:hover:after, .view-id-otzyvy .col-2 .thumbnail:hover:after {
   top: 0px;
   left: 0px;
   transform: rotate(2deg);
}

.btn-primary {
    background-color: #003300;
    border-color: #003300;
}
.blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    margin:0;
    padding: 0;
    font-size: 17.5px;
    border-left: 0px solid #ff5e00;
    width: 50%;
    float:left;
}

.iopd-old  { 
    /*display: flex;*/
    margin-bottom: 45px;
    align-items: center;
    width: 48%;
    background-color: #677173;
    box-shadow: rgb(0 0 0 / 55%) 0px 5px 15px;
    border: 1px solid #fff;
    float:left;
    border-radius: 0 0 120px;
    padding: 30px 0px;
/*    margin-right: 30px;*/
    height: 325px;
}
.iopd-old img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    float: right;
    margin-right: 30px;
    border:2px solid #fff;
    margin-top: 40px
}

.ambyl img { 
    float: left;
    margin-left: 30px;
}

.iopd-old h3 {    font-weight: 900;
    line-height: 32px;
    color: #fff;
    /* text-align: center; */
    margin: 0 0 0 30px;
    text-align: left;
}
.iopd-old p {text-align:left;    line-height: 25px;}

.ambyl {
    background-color: #11878d;
    border-radius: 0 0 0 120px;
    margin-right:30px;
}

.iopd-old a {
    color: #fff;
    margin-right: 30px;
    text-transform: uppercase;
    font-weight: 900;
    padding-bottom: 5px;
    border-bottom: 1px solid #677173;
}

.iopd-old a:hover {
    text-decoration:none;
    border-bottom: 1px solid #fff;
}


.iopd-old div {
text-align:right;
}

.lab {
    background-color: #8d1818;
}


.iopd-old:hover {box-shadow:none;opacity:0.9;cursor:pointer;}
.iopd-old:hover a {border-bottom: 1px solid #fff;}

a img:hover {opacity:0.8;}

.page-node-type-svedeniya-o-medicinskoy-organiza .field--name-field-pdf {padding:0 0 20px;}

.file > span {
/*  background: #dfd683;
  color: #030;*/
  padding: 10px;
/*  padding-left: 30px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;*/
}

span.file-link:before { 
     content: url(img/pdf.svg); 
     width: 50px; 
     margin-right: 10px;
/*     position: absolute; 
     top: -33px; 
     left: -16px; */
}

.file  { margin-bottom: 15px;
}

.breadcrumb > .active {
/*  color: #ff5e00;*/
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #badead;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-bottom: 1px solid #003300;
    border-top:0;
}

div.circle-div {	
        width: 50px;
	height: 50px;
	border-radius: 50%;
	/* border: 1px solid #000; */
	margin-right: auto;
	margin-left: auto;
}

.circle-red {
	background-color: red;
}
.circle-blue {
	background-color: blue;
}
.circle-green {
	background-color: green;
}
.circle-aliceblue {
	background-color: aliceblue;
}

.glyphicon-file::before {
/*  content: url('img/pdf.svg');*/
    width: 50px;
    position: absolute;
    top: -33px;
    left: -16px;
}

.file--mime-application-pdf {
	display:flex;
	align-items: center;
	background-color: #dfd683;
}

.file-icon {display:none;}
.file-link {display:flex;     align-items: center;}


#sj-vacancies-list-container li {
	margin-bottom:15px;
}

#sj-vacancies-list-container a {

    background-color: #badead;
    background-color: #ff8f005c;
    border-radius: 25px;
    padding: 5px 20px;
    margin-left: 0;
    /* padding-top: 3px; */
    box-shadow: 2px 3px 2px -2px rgb(34 60 80 / 51%) inset;
    display: inline-block;
    margin-top: 5px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 15px;
}

.view-id-ads {
    max-height: 284px;
    overflow: hidden;
    position: relative;
}

.iopd-link-div {
    margin: 0 20px 35px 20px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin:10px;
/*    overflow: hidden;*/
}

.iopd-link-div:hover #circle1 {
  width: 200%;
  height: 500%;
  opacity: .5;
  top: -70px;
  left: -70px;
}

.iopd-link {
    border: 1px solid #003300;
    display: flex;
    width:100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    align-content: center;
    align-items: center;
    padding: 18px 20px;
    background-color: #badead;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    box-shadow: 0 2px 10px #003300bf;
}

.iopd-link img {
    width: 37px;
    height: auto;
    margin-bottom: 10px;
}



.iopd-link {
  cursor: pointer;
  position:relative;
  overflow:hidden;
  display: inline-block;
  vertical-align: middle;
/*  margin: 0 20px;*/
}

#circle1 {
  width: 0%;
  height: 0%;
  opacity: 0;
  line-height: 40px;
  border-radius: 50%;
  background: #030;
  position: absolute;
  transition: all .3s ease-Out;
  top: 0;
  left: 0;
}


.iopd-link:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0;
  background : #003300;
  left: 0;
  bottom: 0;
  transition: all .2s;
  opacity: 0.3;
}

.iopd-link:hover:before {
  width: 100%;
}
.view-vopros-otvet .col {
    height: 400px;
    overflow: auto;
    margin-bottom: 60px;
}
.view-vopros-otvet .col p {
	text-align:left;
}

.view-vopros-otvet .views-field-title {
	margin-bottom: 20px;
	background-color: #badead;
	padding: 20px;
}

.view-kontakty .nav-tabs {
    border-bottom: 1px solid #badead;
}

.video .field--name-field-tematika-video {
	margin: 40px;
}

.video.teaser .field--name-body {
	margin-right:200px;
}


.view-kontakty .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    transform: skewX(-12deg);
    background-color: #badead;
}

.view-kontakty .nav-tabs > li.active > a, .view-kontakty .nav-tabs > li.active > a:hover, .view-kontakty .nav-tabs > li.active > a:focus {
    color: #ccffcc;
    cursor: default;
    background-color: #ff5e00;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}


.view-display-id-block_1 .views-field-title a {
    font-size: 20px;
    font-weight: bold;
}

.block-checkuserip a {display:block;padding:10px;}
.block-views-blocknews-block-3 {margin-top:45px;}
.main-container.container {
/*  background: url("img/bg.png") no-repeat;*/
}

.iopd-link:hover {
     text-decoration: none;
}

.vi-special-block-image {
    width: 220px;
    background-position: top 0 left 10px;
}

.webform-submission-vopros-otvet-form .form-control {
  min-height: 44px;
  background-color: #badead;
  border: 1px solid #030;
  margin-top: 5px;
  margin-bottom: 30px;
}

.webform-submission-vopros-otvet-form .form-control:focus {
	border: 0px solid #030;
        box-shadow: 0 2px 10px #003300bf;
}

.path-about .table > tbody > tr > td {
  width: 31%;
}

@keyframes animateSiteName{0%{background-position:0% 50%;}100%{background-position:200% 50%;}}
@keyframes fadeInAlex {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.fadein {
/* opacity:0;*/
/* animation: */
/* animation: fadeInAlex 3s ;*/
/*  animation: bounce; */
/* referring directly to the animation's @keyframe declaration */
  animation: fadeInUp;
  animation-duration: 2s; /* don't forget to set a duration! */
/*  animation-delay: 5s;*/
/*  --animate-delay: 9s;*/
}

.flipalex {
  opacity:0;
}

.flipmay {
  opacity:1;
/* animation: */
/* animation: fadeInAlex 3s ;*/
/*  animation: bounce; */
/* referring directly to the animation's @keyframe declaration */
  animation: zoomIn;
  animation-duration: 1s; /* don't forget to set a duration! */
}

.author-body {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
    height: 110px;
    overflow: hidden;
    border-top: 1px solid #ff5e00;
    border-image: linear-gradient(to right bottom, #ff5e00, #003300, #003300);
    border-image-slice: 1;
}

.author .views-field-field-image {
    border-bottom: 0px solid #ff5e00;
    margin-bottom: 10px;
    border-image: linear-gradient(to right top, #ff5e00, #003300, #003300);
    border-image-slice: 1;
    padding-bottom: 20px;
    padding-top: 10px;
}

.author .card-body, .views-view-grid .col {
    text-align: left;
    margin-bottom: 35px;
}

.author .card-body, .views-view-grid .col a {
    font-weight:bold;
}

.author .views-field-user-picture img {
	border-radius:50%;
	float:left;
	margin-right: 20px;
}



.page-header span, .ioktb-top, .page-header, .path-frontpage h2 span, .region-footer p, .path-frontpage .block-title {
/*    background: linear-gradient(45deg,#f44336,#9c27b0,#2196f3,#4caf50,#ff9800,#ff9800,#4caf50,#2196f3,#9c27b0,#f44336);*/
    background: linear-gradient(45deg,#89ff00,#003300,#89ff00,#003300,#89ff00,#003300,#89ff00,#003300,#003300,#89ff00);
    background-size: 200% 200%;
    animation: animateSiteName 20s linear infinite;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent !important;
}
.field--name-field-foto {
display: flex;
justify-content: space-around;
margin-top:1em;
margin-bottom:2em;
clear: both;
padding-top: 2em;
}

.logo-img {margin-right: 10px;margin-right: 10px; margin-top: 5px;}

.ogbuz-logo {    color: #003300;
    font-weight: bold;
    margin-right: 10px;
    font-size: 18px;
    margin-top: 10px;}

.field--name-field-foto .field--item {margin-right: 1em;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!! Paragraf !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.field--name-field-media-news-paragraf {
    display: flex;
    align-items: center;
    justify-content: center;
}
.field--name-field-media-news-paragraf .field--type-image {margin:2em 1em;}
/*---------------------------------------------------------------------------*/
.l100 {display:flex; justify-content: space-around; width: 100%;}
.t1-b {display:flex;margin-bottom: 5px;color: #92ff8e;}
.t2-b {display:flex;margin-bottom: 5px;color: #92ff8e;}
.t3-b {display:flex;color: #92ff8e;}

@media (max-width: 767px) {
  /* стили для xs-устройств */
.view-id-news .col {margin-bottom:40px; padding-left: 30px;
padding-right: 30px;}
.telephone-1, .telephone-2 {  display: block;}
/*.region-top-2 h3 { height: 6vh; }*/
.region-top-2 {margin-top: 15px;}
.container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
}

.t1-b {display:block;}
.t2-b {display:block;}
.t3-b {margin-bottom:10px;}

.l100 {flex-direction: column;justify-content: center;align-items: center;}

blockquote {
    padding: 0 20px;
    margin-left: 10px;
    text-align: left;
}

h3 {font-size:18px; line-height: 23px;}

.iopd-old  { 
    /*display: flex;*/
    width: 100%;
   height:auto;
}
.iopd-old p { 
    display: none;
}

.view-id-smi_o_nas .views-label-field-url {display:none;}

.view-id-smi_o_nas .views-field-field-url .field-content, .field--name-field-url {
    border-radius: 0; 
    margin-left: 0px;
}

.view-id-smi_o_nas img {margin: 0 auto;}

.main_menu {margin-top:0;}
.telephone-1 {margin:-10px -15px -0px -15px;}
.telephone-2 {
/*    margin-top: 0;*/
    margin-bottom: 12px;
}

.brand-adress {font-size:12px;font-weight:normal;}
.ioktb-top {font-weight:800;text-transform: uppercase;font-size: 18px; display: block;
margin-top: 10px;}
.alex-header {margin-left:-15px;margin-right:-15px;}
.front-tel {padding:7px;margin-bottom:0px;border-radius: 0;}
.front-email {margin-left:0; margin-top:0px;border-radius: 0;padding:7px;}
.hot-line, .block-views-blockotzyvy-block-1 {display:none;}
.mobile {display:block;text-align: center;border-radius:0;margin:0 0;width:100%}
.mobile .svg-tel {margin-left:0;}

.hot-line, .front-tel, .front-email, .front-email-svg {transform: skewX(0);padding-top: 10px;
padding-bottom: 10px; /*min-height: 60px;*/}

.front-email {width: 70%;
    float: left;
}

.front-email-svg {padding-top: 0px;
padding-bottom: 0px;background-color: #badead;}


.front-email-svg a {margin-left: auto;
margin-right: auto;}
.svg-email-svg {
  width: 40px;
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    text-align: left;
}

.region-nav-top {display: block;
padding-left: 5%;}


article h2, .view-smi-o-nas h2, .carousel-caption h3, section .block-title {
    font-size: 17px; }

h1, .h1 {
    font-size: 26px;
}

.alex img {width:60px;}
.alex {/*float:none !important*/ margin-bottom:0;}
.ogbuz-logo {display:block;float: left;font-size: 14px;
margin-top: 5px;
float: left;}
.logo-img {margin-right: 10px;margin-right: 10px; margin-top: 0;}


.brand-adress {
  font-size: 12px;
  padding:  0;
  margin-bottom: 5px;
  margin-top: 10px;
}

.path-frontpage article img {
  float: none;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.path-frontpage article .field--name-body {padding-left: 15px;
padding-right: 15px;
text-align: left;}
.iopd-prava a, .view-id-kontakty .filial a {
  padding: 10px 20px;}

}

@media (min-width: 768px){
.container, .region-main-menu {
    max-width: 750px;
    margin:0 auto;
}
.ioktb-top {text-transform: uppercase;font-size: 18px;}
.brand-adress {font-size:14px;}
/*.view-id-news .col {margin-bottom:15px;}*/
}

@media (min-width: 992px){
.container, .region-main-menu {
    max-width: 970px;
    margin:0 auto;
}
.ioktb-top {text-transform: uppercase;font-size: 20px;}
.brand-adress {font-size:14px;
}
}

@media (min-width: 993px) and (max-width: 1999px) {
.container, .region-main-menu {
    max-width: 970px;
    margin:0 auto;
}

.ioktb-top {text-transform: uppercase;font-size: 20px;}
.brand-adress {font-size:16px;
}
}
@media (min-width: 1200px){
.container, .region-main-menu {
    max-width: 1600px;
    margin:0 auto;
    width:100%;
}
.ioktb-top {text-transform: uppercase;font-size: 27px;}
.brand-adress {font-size:16px;

}
}