@import url('/skins/template/fonts/awesome/font-awesome.min.css'); /* awesome */
@import url("/skins/template/fonts/bootstrap-icons-1.11.1/bootstrap-icons.css");
@import url('/skins/template/fonts/Exo2/exotwo.css'); 
@import url('/skins/template/fonts/OpenSans/opensans.css'); 

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, cite, code, em, font, img, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
/*    font-size: 100%; */
    vertical-align: baseline;
    background: transparent;
}
* { outline: 0 !important; }
blockquote, q {    quotes: none; }
:focus {    outline: 0; }
ins {    text-decoration: none;}
del {    text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
html { height: 100% }
img { border: none; }

input {vertical-align: middle}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
	box-shadow: inset 0px 200px 0px 0px #ffffff !important;
	-webkit-text-fill-color: #000 !important;
	transition: background-color 5000s ease-in-out 0s !important;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,174,255,0.04) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0.03) 100%) !important;  
}


.nopadding { padding:0px; }

/* Version for the blind */
#low a { color: #000; font: 100 14px/14px Arial !important; text-decoration: none; }
#low { height: 45px; position: absolute; top:5px; right:5px; width:155px; margin: 0 auto !important; padding: 3px 5px;
       background-color: #FFFFFF; border: 1px solid red; z-index: 9999; line-height: 16px !important;      }
#stnorm, #stlow {  }
#stnorm i, #stlow i { display: block; font-size: 30px; color: red; text-decoration: none; float: left; margin: 3px 8px 5px 2px; }
#stlow {visibility: visible;display: block;}
#stnorm {visibility: hidden;display: none;}
/* end Version for the blind*/

body {
    font-family: 'Open Sans','Exo 2', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
}

b, strong, #content b, #content strong {  font-family: 'Open Sans','Exo 2', Tahoma, Arial, Helvetica, sans-serif; font-weight: 600 !important; }

i, em { font-family: 'Exo 2 ', Tahoma, Arial, Helvetica, sans-serif; }

img { border: none; }

a { color: #00A3FF;  transition: background-color 0.3s ease;}
a:hover { /*color: rgba(0, 0, 0, 0.1);*/ text-decoration: none; }

.card a { overflow:hidden; transition: transform 0.3s ease;}
.card.vrachi a:hover img { transform: scale(1.05); transition: transform 0.3s ease;}
.card.vrachi  a img { transition: transform 0.3s ease;}
.card.vrachi  a:hover img { transform: scale(1.05);}

textarea, input , select, option { 
	border: 1px solid #eeeeee; 
	color:#333333; 
	padding: 3px; 
	margin: 0px;
	background-color: #FFFFFF; overflow:hidden; 
}

#all { position: relative; }

#content {
    font-size: 14px;
    color: #202020;
    font-weight: normal;
    margin:  5px;
    padding: 5px;
}


h1, #content h1, h2, #content h2, h3, #content h3 { margin: 0 0 15px 0;}
h2, #content h2 { font-size: 40px; font-weight: 600; line-height: 49px; color: #000000;}
h3, #content h3 { font-size: 30px; font-weight: 600; line-height: 37px; color: #000000;}
h1, #content h1 { font-size: 45px; font-weight: 600; line-height: 52px; color: #000000;}
h2, #content h2 { font-size: 35px; font-weight: 600; line-height: 42px; color: #000000;}
h3, #content h3 { font-size: 30px; font-weight: 600; line-height: 37px; color: #000000;}
h4, #content h4 { font-size: 25px; font-weight: 600; line-height: 30px; color: #000000;}
h5, #content h5 { font-size: 20px; font-weight: 600; line-height: 40px; color: #000000;}
h6, #content h6 { font-size: 18px; font-weight: 600; line-height: 32px; color: #000000;}

.container-p4 h2,
.article.full h2 { color: #169A3B !important; }


.t1 		{ font-size: 50px; font-weight: 600; line-height: 62px;}
.t2 		{ font-size: 40px; font-weight: 600; line-height: 49px;}
.t3 		{ font-size: 30px; font-weight: 600; line-height: 37px;}
.t4 		{ font-size: 25px; font-weight: 600; line-height: 30px;}
.t5 		{ font-size: 20px; font-weight: 600; line-height: 40px;}
.t6 		{ font-size: 18px; font-weight: 600; line-height: 32px;}

.t25b 		{ font-size: 25px; font-weight: 600;    line-height: 31px; font-style: normal;}
.t25m 		{ font-size: 25px; font-weight: 500;    line-height: 30px; font-style: normal;}
.t20b 		{ font-size: 20px; font-weight: 600;    line-height: 25px; font-style: normal;}
.t20m 		{ font-size: 20px; font-weight: 500;    line-height: 36px; font-style: normal;}
.t16b 		{ font-size: 16px; font-weight: 600;    line-height: 22px; font-style: normal;}
.t16m 		{ font-size: 16px; font-weight: 500;    line-height: 22px; font-style: normal;}
.t15b 		{ font-size: 15px; font-weight: 600;    line-height: 22px; font-style: normal;}
.t15m 		{ font-size: 15px; font-weight: 500;    line-height: 22px; font-style: normal;}
.t14b 		{ font-size: 14px; font-weight: 600;    line-height: 20px; font-style: normal;}
.t14m 		{ font-size: 14px; font-weight: 500;    line-height: 20px; font-style: normal;}
.t13b 		{ font-size: 13px; font-weight: 600;    line-height: 17px; font-style: normal;}
.t13m 		{ font-size: 13px; font-weight: 500;    line-height: 17px; font-style: normal;}
.t12b 		{ font-size: 12px; font-weight: 600;    line-height: 16px; font-style: normal;}
.t12m 		{ font-size: 12px; font-weight: 500;    line-height: 16px; font-style: normal;}

.lh-32  { line-height: 32px !important;}
.lh-45  { line-height: 45px !important;}

.r50 	  { border-radius: 50px !important; }

.radius0, .radius0 img  { border-radius: !important;  overflow:hidden; }
.radius50 { border-radius: 50px !important; overflow:hidden; }
.radius20 { border-radius: 20px !important; overflow:hidden; }
.radius15 { border-radius: 15px !important; overflow:hidden; }
.radius10 { border-radius: 10px !important; overflow:hidden; }
.radius5  { border-radius: 5px  !important; overflow:hidden; }


.fw-100 { font-weight: 100 !important;}
.fw-200 { font-weight: 200 !important;}
.fw-300 { font-weight: 300 !important;}
.fw-400 { font-weight: 400 !important;}
.fw-500 { font-weight: 500 !important;}
.fw-600 { font-weight: 600 !important;}
.fw-700 { font-weight: 700 !important;}
.fw-800 { font-weight: 800 !important;}
.fw-900 { font-weight: 900 !important;}

.opacity-0 {  opacity:0.0 !important;}
.opacity-1 {  opacity:0.1 !important;}
.opacity-2 {  opacity:0.2 !important;}
.opacity-3 {  opacity:0.3 !important;}
.opacity-4 {  opacity:0.4 !important;}
.opacity-5 {  opacity:0.5 !important;}
.opacity-6 {  opacity:0.6 !important;}
.opacity-7 {  opacity:0.7 !important;}
.opacity-8 {  opacity:0.8 !important;}
.opacity-9 {  opacity:0.9 !important;}


.zindex1 { z-index: 1000 !important;}
.zindex2 { z-index: 2000 !important;}
.zindex3 { z-index: 3000 !important;}
.zindex4 { z-index: 4000 !important;}
.zindex5 { z-index: 5000 !important;}
.zindex6 { z-index: 6000 !important;}
.zindex7 { z-index: 7000 !important;}
.zindex8 { z-index: 8000 !important;}
.zindex9 { z-index: 9000 !important;}
.zindex10 { z-index: 10000 !important;}

/* бургер */
.fa.fa-bars { font-size: 1.6rem;}

/* класс на картинку */
.img-fluid2 { width: 100%;  height: 100%; object-fit: cover; }

hr  { display: block; border: none 0;  border-top: 2px solid #B1D0F2;  height: 2px !important;  margin: 5px 0 !important;   padding: 0 !important; } 


a.disabled {  pointer-events: none;  cursor: default; cursor: not-allowed; color: #ccc; text-decoration: none; }
a.dott { border-bottom: 1px; border-style: dotted; text-decoration:none!important; }
a.dash { border-bottom: 1px; border-style: dashed; text-decoration:none!important; }
a.dott:hover, a.dash:hover { border-color: transparent; }

.alink {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #00A3FF;
    transition: color 0.3s ease;
    padding-right: 8px;
}
.alink::after {
    content: '\f178';
    font-family: 'FontAwesome';
    margin-left: 8px;
    transition: transform 0.3s ease;
    display: inline-block;
}
.alink:hover { color: #007CBC; }
.alink:hover::after { transform: translateX(6px); }






.button, input[type=submit] {
  color: #FFF; 
  cursor: pointer; display: inline-block; outline: none; 
  text-align: center; text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif; 
  padding: 8px 20px;
  margin: 5px 0;
}


.button:link, .button:active, .button:visited, input.button {
  color: #FFF;
  border: solid 1px #95ba05;
  background: #A6CB16;
}
.button:hover {
  background: #95ba05;
  color: #ffffff !important;
}

.article.full ul, 
.container520 ul,    
.container-p4 ul { display: block; list-style-type: none !important; padding-top: 10px; margin-block-start: 0.5em;  margin-block-end: 0.5em;  margin-inline-start: 0px;  margin-inline-end: 0px;  padding-inline-start: 20px;}

.article.full ul li,    
.container520 ul li, 
.container-p4 ul li { list-style: none; padding-left: 20px; padding-bottom: 10px;}

.article.full ul li::before,
.container520 ul li::before,
.container-p4 ul li::before { content: ''; background: #29A5EE; display: inline-block; width: 12px; height: 3px; vertical-align: middle; margin-right: 13px; margin-left: -25px;}


.article.full ol, .container-p4 ol {
    list-style: none;
    counter-reset: custom-counter;
    padding-left: 0px;
    margin-left: 10px;
}

.article.full ol li, .container-p4 ol li {
    counter-increment: custom-counter;
    margin-bottom: 15px;
    padding-left: 50px !important;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
}
.article.full ol li::before, .container-p4 ol li::before {
    content: counter(custom-counter);
    position: absolute;
    left: 0;
    top: 0;
    /* Кружок с градиентом */
    background: #29A5EE;
    color: #fff;
    /* Круглая форма */
    width: 32px;
    height: 32px;
    border-radius: 50%;
    /* Центрирование цифры */
    display: flex;
    align-items: center;
    justify-content: center;
    /* Шрифт */
    font-weight: 600;
    font-size: 16px;
    /* Тень для объема */
    box-shadow: 0 2px 4px rgba(41, 165, 238, 0.3);
}



/* Кастомные цветовые переменные */
:root {
    --whatsapp-color: #25D366;
    --phone-color: #1e4080;
}



/* Общие стили для кнопок */
#menu-vrachi a,
.vrachi-badge a {
    background-color: #007CBC; /*var(--primary);*/
    color: white !important;
    padding: 0.5rem 1rem !important;
    border-radius: 25px;
    font-size: 0.9rem;
    margin-right: 0.5rem;
    margin-bottom: 0.95rem;
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease !important;
}

.vrachi-badge a:hover { background-color: #009EE3; }

/*#menu-vrachi a { background: linear-gradient(135deg, #00A1E7, #0077b6) !important; height: 40px !important; }
#menu-vrachi a { min-width: auto !important; padding: 0 25px !important;}
*/


.online, .wapp, .phone, .max, .telegram {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 220px !important;
    height: 55px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    padding: 0 25px 0 45px !important; /* больше отступа слева для иконки */
    margin: 20px 10px 20px 0;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    color: white !important;
    position: relative !important;
}

/* Иконки через ::before */
.online::before,
.wapp::before,
.phone::before,
.max::before,
.telegram::before {
    font-family: "FontAwesome" !important;
    font-weight: 300 !important;
    font-size: 1.3rem !important;
    position: absolute !important;
    left: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#menu-vrachi ul { list-style-type: none; }
#menu-vrachi ul li { display: inline-block; }

/* Hover-эффекты */
#menu-vrachi a:hover,
.online:hover,
.wapp:hover,
.phone:hover,
.max:hover,
.telegram:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2) !important;
    text-decoration: none !important;
    color: white !important;
}

/* Градиенты */
.wapp     { background: linear-gradient(135deg, var(--whatsapp-color), #1da851) !important; }
.phone    { background: linear-gradient(135deg, var(--phone-color), #1e4080) !important; }
.online   { background: linear-gradient(135deg, #00A1E7, #0077b6) !important; }
.telegram { background: linear-gradient(135deg, #37AEE2 0%, #1E96C8 50%, #0088CC 100%) !important; padding: 0 25px 0 60px !important;}
.max	  { background: linear-gradient(135deg, #42CDFF 0%, #2E23BA 50%, #9A30DE 100%); }

.online::before { content: "\f0f1"; } /* stethoscope */
.phone::before  { content: "\f095"; } /* phone */
.wapp::before   { content: "\f232"; } /* whatsapp */

.telegram::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M23.91 3.79L20.3 20.84c-.25 1.21-.98 1.5-2 .94l-5.5-4.07-2.66 2.57c-.3.3-.55.55-1.1.55l.4-5.77 10.63-9.59c.46-.4-.1-.62-.71-.22L6.45 13.08 1.28 11.6c-1.21-.37-1.22-1.21.26-1.8l21.26-8.2c1-.39 1.88.24 1.53 1.8z"/></svg>') center/contain no-repeat !important;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}
.max::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath fill='white' d='M508.2 878.3c-75 0-109.9-11-170.5-54.8-38.3 49.3-159.7 87.8-165 21.9 0-49.5-10.9-91.2-23.4-136.9-14.8-56.2-31.6-118.8-31.6-209.5 0-216.6 177.8-379.6 388.4-379.6 210.8 0 375.9 171 375.9 381.6.7 207.3-166.6 376.1-373.9 377.2m3.1-571.6c-102.6-5.3-182.5 65.7-200.2 177-14.6 92.2 11.3 204.4 33.4 210.2 10.6 2.6 37.2-19 53.8-35.6a189.8 189.8 0 0 0 92.7 33c106.3 5.1 197.1-75.8 204.2-182 4.2-106.4-77.7-196.5-184-202.6z'/%3E%3C/svg%3E") center/contain no-repeat;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
}

/* Адаптивность */
@media (max-width: 576px) {
    .online,
    .wapp,
    .phone,
    .max,
    .telegram {
        min-width: 80px !important;
        width: 100% !important;
        max-width: 290px !important;
        padding: 0 25px 0 45px !important;
        margin: 10px 20px 10px 0;
    }
}


.bg-light, .bg-light2 { background-color: #F2F7FA !important;} /*#E3ECF2*/
.btn 		   { text-decoration: none !important; border-radius: 20px; }
.btn-lg { font-weight: 500 !important; font-size: 17px !important; padding: 15px 30px !important; border: none; margin-right: 10px; margin-bottom: 15px; border-radius: 12px;}
.btn-info 	   { background-color: #1FA3E5; border-color: #1FA3E5; color: #fff !important; font-weight: 600 !important; border-radius: 25px !important;}
.btn-info:hover    { background-color: #43B0E7; border-color: #43B0E7; color: #FFF !important;}
.btn-dark 	   { color: #EFEFEF !important;}
.btn-dark:hover    { color: #FFF !important;}
.btn-success       { background-color: #90C590; font-weight: 600; }
.btn-success:hover { background-color: #7BB07B; border-color: #7BB07B; }



.text-green   { color: #169A3B !important;}
a.text-green  { color: #169A3B !important;}
a.text-green:hover { opacity: 0.8;}

/* DESIGN */


/* КРУТИЛКИ */
/* Стрелки навигации */
.swiper-button-next, .swiper-button-prev {
    background-image: none !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    margin-top: 0;
}
.swiper-button-prev:after, .swiper-button-next:after {font-family: FontAwesome;  font-size: 20px !important; color: #ffffff;  opacity: 0.9; }
.swiper-button-prev:after { content: "\f104"; }
.swiper-button-next:after { content: "\f105"; }
.swiper-button-prev:hover:after, .swiper-button-next:hover:after { color: #00A3FF; opacity: 0.8; }

/* Навигация */
.swiper-pagination-bullet {  width: 14px !important;  height: 14px !important;  background: #ccc !important;  opacity: 0.87 !important;} /*#00A3FF*/
.swiper-pagination-bullet-active { background: #00A3FF !important; opacity: 1; }

/* КРУТИЛКИ END */



/* CARD  .swiper-container-latestnews */
.card { border-radius: 0px; border: 1px solid #EBEDED  !important;}
.card a { color: #000000; text-decoration: none !important; }
.card:hover > a, a:hover .card-title, .card a:hover { color: #169A3B; text-decoration: none !important; }

.card .card-text.t16m{}

/*.swiper-container-latestnews .card .card-body { height: 250px !important; overflow:hidden;}*/
.swiper-container-latestnews .card .card-footer { height: 100px !important; }

h3.card-title, .card-title {
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 23px !important;
  color: #000000 !important;
  text-decoration: none !important;
}

.article .card-footer { font-size: 0.85em; }

.card-bgimage {
 position: relative;
 height: 250px;
 width: 100%;
 background-position: center !important;
 background-size: cover !important;
 background-repeat: no-repeat;
 opacity: 1;
}
.card-bgimage:hover { opacity: 1 !important;}


.playvideo {
  display: block;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-image: url(/skins/template/i/play.png);
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.3;
 transition: opacity 0.8s linear;  -moz-transition: opacity 0.8s linear; -o-transition:  opacity 0.8s linear; -webkit-transition: opacity 0.8s linear;
}

.card-bgimage:hover .playvideo { opacity: 0.8;}
.bigimg { height: 500px; overflow:hidden; margin-bottom: 30px; }
.card-body, .card-title	{ border-radius: 0px !important; border: 0px solid transparent !important; }
.card .card-img-top 	{ border-radius: 0px !important; border: 0px solid transparent !important; }
.embed-responsive {  margin: 0 auto;text-align: center; max-width: 800px;}

/* END */


#catpage .shadow:hover,
.card-no.shadow:hover, .cadr.shadow:hover {
/*    box-shadow: 0 .5rem 1rem rgba(48, 192, 255, .30) !important; */
}


.alert-danger { color: #fff; background-color: #0096D1;  border-color: #0096D1; }
.modal-body   { font-family: 'Open Sans','Exo 2', Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: 400;}

.pagination {  display: inline-block;  padding-left: 0;  margin: 20px 0;  border-radius: 4px;}
.pagination > li {  display: inline; }
.pagination > li > a, .pagination > li > span { position: relative;   margin-left: -1px;  line-height: 1.42857143;   text-decoration: none;  float: left;  padding: 6px 12px;
  color: #0096D1;  background-color: #ffffff;  border: 1px solid #dddddd;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #0096D1;  background-color: #eeeeee;  border-color: #dddddd;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  color: #fff;  background-color: #0096D1; border-color: #0096D1; z-index: 2;  cursor: default;  
}
.pagination > .disabled > span, .pagination > .disabled > span:hover,.pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #777;  background-color: #ffffff; border-color: #dddddd; cursor: not-allowed;}

.pagination > li:first-child > a, .pagination > li:first-child > span {   margin-left: 0;  border-top-left-radius: 4px;  border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span {  border-top-right-radius: 4px;  border-bottom-right-radius: 4px;}
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px;  border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { /*padding: 12px 18px;*/  font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px;  border-bottom-right-radius: 3px; }

/* Цвет PLACEHOLDER */

::-webkit-input-placeholder { /* Chrome */
  color: #ccc !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc !important;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #ccc !important;
  opacity: 1;
}


/* затемнение img */ 

a.fancyboximg {}
a.fancyboximg:hover  { opacity: 1 !important;}
a.fancyboximg img:hover { opacity: 1 !important; filter: brightness(85%);}

.blacker {  background-color: #000000;  border-radius: 5px; }
.blacker img { vertical-align: top; }
.blacker a:hover img { opacity: 0.6; text-decoration: none !important; transition: opacity 0.5s linear;    -moz-transition: opacity 0.5s linear; -o-transition:  opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; }

.maskimg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    -moz-transition: all 1.5s ease-out; -o-transition:      all 1.5s ease-out; -webkit-transition: all 1.5s ease-out;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5deea+0,000000+100&0+0,0.78+100 */
    background: -moz-linear-gradient(top, rgba(33,33,33,1) 0%, rgba(25,25,25,0) 56%, rgba(19,19,19,0) 100%);
    background: -webkit-linear-gradient(top, rgba(33,33,33,1) 0%,rgba(25,25,25,0) 56%,rgba(19,19,19,0) 100%);
    background: linear-gradient(to bottom, rgba(33,33,33,1) 0%,rgba(25,25,25,0) 56%,rgba(19,19,19,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#00131313',GradientType=0 );
}

/*  !!! Изображение раздела */
.catimg { height: 300px; overflow:hidden; border-radius: 0;  border-color: #fff; margin-top: -1px;}
.catimg img { width: 100%; border-radius: 0; margin-top: -9%; border-color: #fff;}



/* затемнение img в background 
   !!! класс не нужен, добавить к стилю фона !!! */ 
/*
.maskimgbg {
	    background-position: center; background-size:cover;
	    background-image:linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.20)),url('URL/1.jpg'); 
}
*/
/* класс квадратная картинка */
img.images_q { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-rows: repeat(2, minmax(250px, 1fr)); }

/* класс квадратная картинка */
.imgq     { position: relative; overflow:hidden;   width:95px; height:95px; margin: 5px; /*float: left; */}
.imgq img { position: absolute; top:50%; left:50%; width:95px; height:95px; transform:translate(-50%,-50%); object-fit:cover; }


.bred  { border: 1px solid red; }
.bred2 { border: 1px solid #ccc;}


.flex-center-left { display: flex; justify-content: flex-start !important; align-items: center !important; text-align: left !important;}
.flex-center-right { display: flex; justify-content: flex-end !important; align-items: center !important; text-align: left !important;}
.flex-center2 { display: flex; justify-content: center; align-items: center; }
.flex-center { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;  -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

blockquote { position: relative; padding: 20px 10px; margin: 25px 0; border: 2px solid #00A1E7; padding-left: 85px; border-radius: 10px;}
blockquote:before { color: #00A1E7;  position: absolute; top: 3px; left: 20px; font-family: 'FontAwesome'; font-size: 44px; content: "\f10e";}  /* \f10e \f10d after*/
blockquote p { margin:0; padding:0;}


.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.container-fluid {
/*  padding-right: 15px;  padding-left: 15px; */
  margin-right: auto;
  margin-left: auto;
}

#footer { background-color: #5B5C5F; color: #A2A2A2; font: 300 12px/16px 'Open Sans','Exo 2', Tahoma, sans-serif; padding: 40px 20px;}
#footer a { color: #929394; }

#footer li   { margin-top: 6px;}
#footer li a { color: #ccc; }
#footer a.t5:hover { color: #A2A2A2 !important;} 
#footer .t5  { line-height: 30px; }
#footer .online, #footer .wapp, #footer .phone { height: 40px !important; }

.topphone { text-align: right; }
.topphone a { font-weight: 700; color: #424242; text-decoration: none; font-size: 22px;}
.topphone a:hover { color: #0096D1;} 



#logoq {
    position: absolute;
    top: 13px;
    left: 49px;
    width: 15px;
    height: 15px;
    background: #A0C100;
    border: 1px solid #A0C100;
/* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
/* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
z-index: 1000;
}








.bvi-open { background: transparent; border: 0;text-decoration: none !important;  color: #5B5C5F;}
.bvi-open:hover { color: #169A3B;}
a.bvi-open, .bvi-open span { }
.bvi-open i { padding: 8px 0 8px 10px; font-size: 20px;}
.bvi-open span {display: block; width: auto; padding: 10px 0;}


/* reCAPTCHA  hidden */
/*.grecaptcha-badge { visibility: hidden; left: -11111px; }*/

/* Yandex map кнопки */
.ymaps-2-1-79-float-button { margin-bottom: -5px;}
.ymaps-2-1-79-listbox__button-icon, .ymaps-2-1-79-float-button-icon { padding: 9px;}


/* bootstrap */
table.border { border: 0px solid #fff !important; }

.invisible { visibility: hidden;display: none; }
	/* скрывать на 320px */
	.hid320  {visibility: visible;display: block;}

.setka { padding: 10px 20px; background-color: gold; color: #303030; position: fixed; right:50px; top:45%; z-index:10000; text-align: center; opacity: 0.4;}


@media (min-width: 321px) { 
	.setka:after{ content: 'xs 321';}
	.container { width: 100% !important;  max-width: 100% !important; }
	h1, #content h1 { font-size: 36px; font-weight: 600; line-height: 40px; }
	h2, #content h2 { font-size: 31px; font-weight: 600; line-height: 38px; }
	h3, #content h3 { font-size: 27px; font-weight: 600; line-height: 37px; }
	h4, #content h4 { font-size: 17px; font-weight: 600; line-height: 22px; }
	h5, #content h5 { font-size: 16px; font-weight: 600; line-height: 20px; }
	h6, #content h6 { font-size: 16px; font-weight: 600; line-height: 20px; }

	.t1 		{ font-size: 22px; font-weight: 600; line-height: 26px;}
	.t2 		{ font-size: 20px; font-weight: 600; line-height: 24px;}
	.t3 		{ font-size: 18px; font-weight: 600; line-height: 22px;}
	.t4 		{ font-size: 17px; font-weight: 600; line-height: 22px;}
	.t5 		{ font-size: 16px; font-weight: 600; line-height: 20px;}
	.t6 		{ font-size: 16px; font-weight: 600; line-height: 20px;}

	.t25b 		{ font-size: 16px; font-weight: 600;    line-height: 24px; font-style: normal;}
	.t25m 		{ font-size: 16px; font-weight: 500;    line-height: 24px; font-style: normal;}
	.t20b 		{ font-size: 16px; font-weight: 600;    line-height: 24px; font-style: normal;}
	.t20m 		{ font-size: 16px; font-weight: 500;    line-height: 24px; font-style: normal;}
	.t16b 		{ font-size: 18px; font-weight: 700;    line-height: 29px; font-style: normal;}
	.t16m 		{ font-size: 18px; font-weight: 500;    line-height: 29px; font-style: normal;}

	.r50 { border-radius: 0px !important; }


}

@media (min-width: 576px) { 
	.setka:after{ content: 'xs 576';}
	.container { width: 100% !important;  max-width: 100% !important; }
	h1, #content h1 { font-size: 45px; font-weight: 600; line-height: 62px; }
	h2, #content h2 { font-size: 40px; font-weight: 600; line-height: 49px; }
	h3, #content h3 { font-size: 30px; font-weight: 600; line-height: 37px; }
	h4, #content h4 { font-size: 25px; font-weight: 600; line-height: 30px; }
	h5, #content h5 { font-size: 16px; font-weight: 600; line-height: 20px; }
	h6, #content h6 { font-size: 16px; font-weight: 600; line-height: 20px; }

	.t1 		{ font-size: 22px; font-weight: 600; line-height: 26px;}
	.t2 		{ font-size: 20px; font-weight: 600; line-height: 24px;}
	.t3 		{ font-size: 18px; font-weight: 600; line-height: 22px;}
	.t4 		{ font-size: 17px; font-weight: 600; line-height: 22px;}
	.t5 		{ font-size: 16px; font-weight: 600; line-height: 20px;}
	.t6 		{ font-size: 16px; font-weight: 600; line-height: 20px;}

	.t25b 		{ font-size: 18px; font-weight: 600;    line-height: 24px; font-style: normal;}
	.t25m 		{ font-size: 18px; font-weight: 500;    line-height: 24px; font-style: normal;}
	.t20b 		{ font-size: 16px; font-weight: 600;    line-height: 24px; font-style: normal;}
	.t20m 		{ font-size: 16px; font-weight: 500;    line-height: 24px; font-style: normal;}
	.t16b 		{ font-size: 16px; font-weight: 600;    line-height: 25px; font-style: normal;}
	.t16m 		{ font-size: 16px; font-weight: 500;    line-height: 25px; font-style: normal;}

	.r50 { border-radius: 0px !important; }


}


@media (min-width: 768px) {
	.setka:after{ content: 'sm 768';}
	.container { width: 100% !important;  max-width: 100% !important; }
	h1, #content h1 { font-size: 50px; font-weight: 600; line-height: 62px; }
	h2, #content h2 { font-size: 40px; font-weight: 600; line-height: 49px; }
	h3, #content h3 { font-size: 30px; font-weight: 600; line-height: 37px; }
	h4, #content h4 { font-size: 25px; font-weight: 600; line-height: 30px; }
	h5, #content h5 { font-size: 20px; font-weight: 600; line-height: 40px; }
	h6, #content h6 { font-size: 18px; font-weight: 600; line-height: 32px; }

	.t1 		{ font-size: 50px; font-weight: 600; line-height: 62px;}
	.t2 		{ font-size: 40px; font-weight: 600; line-height: 49px;}
	.t3 		{ font-size: 30px; font-weight: 600; line-height: 37px;}
	.t4 		{ font-size: 25px; font-weight: 600; line-height: 30px;}
	.t5 		{ font-size: 20px; font-weight: 600; line-height: 40px;}
	.t6 		{ font-size: 18px; font-weight: 600; line-height: 32px;}

	.t25b 		{ font-size: 25px; font-weight: 600;    line-height: 31px; font-style: normal;}
	.t25m 		{ font-size: 25px; font-weight: 500;    line-height: 30px; font-style: normal;}
	.t20b 		{ font-size: 20px; font-weight: 600;    line-height: 25px; font-style: normal;}
	.t20m 		{ font-size: 20px; font-weight: 500;    line-height: 36px; font-style: normal;}
	.t16b 		{ font-size: 16px; font-weight: 600;    line-height: 25px; font-style: normal;}
	.t16m 		{ font-size: 16px; font-weight: 500;    line-height: 25px; font-style: normal;}

	.r50 { border-radius: 0px !important; }


}

@media (min-width: 992px) {
	.setka:after{ content: 'md 992';}
	.container { width: 100% !important;  max-width: 100% !important; }
	h1, #content h1 { font-size: 50px; font-weight: 600; line-height: 62px; }
	h2, #content h2 { font-size: 40px; font-weight: 600; line-height: 49px; }
	h3, #content h3 { font-size: 30px; font-weight: 600; line-height: 37px; }
	h4, #content h4 { font-size: 25px; font-weight: 600; line-height: 30px; }
	h5, #content h5 { font-size: 20px; font-weight: 600; line-height: 40px; }
	h6, #content h6 { font-size: 18px; font-weight: 600; line-height: 32px; }

	.t1 		{ font-size: 50px; font-weight: 600; line-height: 62px;}
	.t2 		{ font-size: 40px; font-weight: 600; line-height: 49px;}
	.t3 		{ font-size: 30px; font-weight: 600; line-height: 37px;}
	.t4 		{ font-size: 25px; font-weight: 600; line-height: 30px;}
	.t5 		{ font-size: 20px; font-weight: 600; line-height: 40px;}
	.t6 		{ font-size: 18px; font-weight: 600; line-height: 32px;}

	.t25b 		{ font-size: 25px; font-weight: 600;    line-height: 31px; font-style: normal;}
	.t25m 		{ font-size: 25px; font-weight: 500;    line-height: 30px; font-style: normal;}
	.t20b 		{ font-size: 20px; font-weight: 600;    line-height: 25px; font-style: normal;}
	.t20m 		{ font-size: 20px; font-weight: 500;    line-height: 36px; font-style: normal;}
	.t16b 		{ font-size: 16px; font-weight: 600;    line-height: 25px; font-style: normal;}
	.t16m 		{ font-size: 16px; font-weight: 500;    line-height: 25px; font-style: normal;}

	.r50 { border-radius: 0px !important; }


}


@media (min-width: 1200px) {
	.setka:after{ content: 'lg 1200';}
	.container { width: 100% !important;  max-width: 100% !important; }
	h1, #content h1 { font-size: 50px; font-weight: 600; line-height: 62px; }
	h2, #content h2 { font-size: 40px; font-weight: 600; line-height: 49px; }
	h3, #content h3 { font-size: 30px; font-weight: 600; line-height: 37px; }
	h4, #content h4 { font-size: 25px; font-weight: 600; line-height: 30px; }
	h5, #content h5 { font-size: 20px; font-weight: 600; line-height: 40px; }
	h6, #content h6 { font-size: 18px; font-weight: 600; line-height: 32px; }

	.t1 		{ font-size: 50px; font-weight: 600; line-height: 62px;}
	.t2 		{ font-size: 40px; font-weight: 600; line-height: 49px;}
	.t3 		{ font-size: 30px; font-weight: 600; line-height: 37px;}
	.t4 		{ font-size: 25px; font-weight: 600; line-height: 30px;}
	.t5 		{ font-size: 20px; font-weight: 600; line-height: 40px;}
	.t6 		{ font-size: 18px; font-weight: 600; line-height: 32px;}

	.t25b 		{ font-size: 25px; font-weight: 600;    line-height: 31px; font-style: normal;}
	.t25m 		{ font-size: 25px; font-weight: 500;    line-height: 30px; font-style: normal;}
	.t20b 		{ font-size: 20px; font-weight: 600;    line-height: 25px; font-style: normal;}
	.t20m 		{ font-size: 20px; font-weight: 500;    line-height: 36px; font-style: normal;}
	.t16b 		{ font-size: 16px; font-weight: 600;    line-height: 25px; font-style: normal;}
	.t16m 		{ font-size: 16px; font-weight: 500;    line-height: 25px; font-style: normal;}

	.r50 { border-radius: 0px !important; }


}

@media (min-width: 1400px) {
	.setka:after{ content: 'xl 1400';}
	.container { width: 1320px !important; }
	h1, #content h1 { font-size: 50px; font-weight: 600; line-height: 62px; }
	h2, #content h2 { font-size: 40px; font-weight: 600; line-height: 49px; }
	h3, #content h3 { font-size: 30px; font-weight: 600; line-height: 37px; }
	h4, #content h4 { font-size: 25px; font-weight: 600; line-height: 30px; }
	h5, #content h5 { font-size: 20px; font-weight: 600; line-height: 40px; }
	h6, #content h6 { font-size: 18px; font-weight: 600; line-height: 32px; }

	.t1 		{ font-size: 50px; font-weight: 600; line-height: 62px;}
	.t2 		{ font-size: 40px; font-weight: 600; line-height: 49px;}
	.t3 		{ font-size: 30px; font-weight: 600; line-height: 37px;}
	.t4 		{ font-size: 25px; font-weight: 600; line-height: 30px;}
	.t5 		{ font-size: 20px; font-weight: 600; line-height: 40px;}
	.t6 		{ font-size: 18px; font-weight: 600; line-height: 32px;}

	.t25b 		{ font-size: 25px; font-weight: 600;    line-height: 31px; font-style: normal;}
	.t25m 		{ font-size: 25px; font-weight: 500;    line-height: 30px; font-style: normal;}
	.t20b 		{ font-size: 20px; font-weight: 600;    line-height: 25px; font-style: normal;}
	.t20m 		{ font-size: 20px; font-weight: 500;    line-height: 36px; font-style: normal;}
	.t16b 		{ font-size: 16px; font-weight: 600;    line-height: 25px; font-style: normal;}
	.t16m 		{ font-size: 16px; font-weight: 500;    line-height: 25px; font-style: normal;}

	.r50 { border-radius: 50px !important; }


}


@media (min-width: 1620px) {
	.setka:after{ content: 'xxl 1620';}
	.container { width: 1320px !important; }
	h1, #content h1 { font-size: 45px; font-weight: 600; line-height: 52px; }
	h2, #content h2 { font-size: 35px; font-weight: 600; line-height: 42px; }
	h3, #content h3 { font-size: 28px; font-weight: 600; line-height: 35px; }
	h4, #content h4 { font-size: 25px; font-weight: 600; line-height: 30px; }
	h5, #content h5 { font-size: 20px; font-weight: 600; line-height: 40px; }
	h6, #content h6 { font-size: 18px; font-weight: 600; line-height: 32px; }

	.t1 		{ font-size: 50px; font-weight: 600; line-height: 62px;}
	.t2 		{ font-size: 40px; font-weight: 600; line-height: 49px;}
	.t3 		{ font-size: 30px; font-weight: 600; line-height: 37px;}
	.t4 		{ font-size: 25px; font-weight: 600; line-height: 30px;}
	.t5 		{ font-size: 20px; font-weight: 600; line-height: 40px;}
	.t6 		{ font-size: 18px; font-weight: 600; line-height: 32px;}

	.t25b 		{ font-size: 25px; font-weight: 600;    line-height: 31px; font-style: normal;}
	.t25m 		{ font-size: 25px; font-weight: 500;    line-height: 30px; font-style: normal;}
	.t20b 		{ font-size: 20px; font-weight: 600;    line-height: 34px; font-style: normal;}
	.t20m 		{ font-size: 20px; font-weight: 500;    line-height: 34px; font-style: normal;}
	.t16b 		{ font-size: 16px; font-weight: 600;    line-height: 25px; font-style: normal;}
	.t16m 		{ font-size: 16px; font-weight: 500;    line-height: 25px; font-style: normal;}

	.r50 { border-radius: 50px !important; }

/*	.swiper-container-latestnews .card .card-body { height: 380px !important; overflow:hidden;}*/
}


@-moz-document url-prefix() {
	strong, b      		{ font-style: normal; font-weight: normal; font: 900 'Open Sans','Exo 2',Tahoma, Arial, Helvetica, sans-serif; }
	table.border th       	{ font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }
	table.border tfoot td 	{ font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }
}