/* Cveta
cvet texta  rgba(0, 0, 0, 0.84); rgb(41, 41, 41)
cvet ssilki #0074d9;
cvet orangevyi rgba(242,105,40,1);  #f26928; rgb(242,105,40) rgb(242,105,40);
cvet coluboi #d0e3f7; 208, 227, 247
cvet oranevyi podsvetka  rgb 255, 210, 166
cvet ser  rgba(0, 0, 0, 0.64); 92 92 92
sinii rgba(0, 69, 114, 0.8);
svetlo orange rgba(255, 210, 166, 1); svetlo orange 2(255, 210, 166, 0.5); #FFD8B0
*/

/* Это reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td,section,article { padding: 0; margin: 0;} body {line-height: 1;} table { border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;} address,caption,cite,dfn,em,strong,th,var {font-weight: normal; font-style: normal;}
ol,ul {list-style: none;} h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%;} q:before,q:after {content:'';}
abbr,acronym { border: 0;}  /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

@font-face {font-family: 'lora'; src: url('lora-400-normal.woff2') format('woff2'), url('lora-400-normal.woff') format('woff'); scr: url('lora-400-normal.ttf') format('truetype');	font-weight: normal;    font-style: normal; font-display: swap;}
@font-face {  font-family: 'Montserrat4';  src: url('subset-Montserrat-Regular.woff2') format('woff2'),  url('subset-Montserrat-Regular.woff') format('woff'); font-weight: 400;    font-style: normal; font-display: swap;}  /* ser3 */
@font-face {    font-family: 'Montserrat6';    src: url('subset-Montserrat-SemiBold.woff2') format('woff2'),        url('subset-Montserrat-SemiBold.woff') format('woff');    font-weight: 600;    font-style: normal; font-display: swap;} /* zagolovki, na */
	
/* цвета */
	
.svettext {color: #ebebeb;} /*серый цвет текста*/
.bll{color:#0074d9;  text-shadow:none;}

		
/* форматы текста */
p {font-family: 'lora'; font-size: 14pt; color: rgb(41, 41, 41); display: block; font-style: normal; 
font-weight: 400; hyphens: manual; letter-spacing: -0.072px; line-height: 28.44px; 
margin: 0px; text-align:left; text-size-adjust: 100%; -ms-text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px; 
padding: 0  0 20px 0;}

.ser3, .ser {color: rgb(117, 117, 117); font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size:11pt; letter-spacing:normal; line-height:20px; overflow-x:hidden; overflow-y:hidden; text-overflow:ellipsis;  text-rendering: optimizeLegibility; visibility:visible; -webkit-font-smoothing:antialiased;  -webkit-line-clamp:2; padding: 0; } 
.ser2 {color: black; font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size:16px; letter-spacing:normal; line-height:20px; overflow-x:hidden; overflow-y:hidden; text-overflow:ellipsis;  text-rendering: optimizeLegibility; visibility:visible; -webkit-font-smoothing:antialiased;  -webkit-line-clamp:2; padding: 0; }
.serbottom {color: #ebebeb; font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size:11pt; letter-spacing:normal; line-height:20px; overflow-x:hidden; overflow-y:hidden; text-overflow:ellipsis;  text-rendering: optimizeLegibility; visibility:visible; -webkit-font-smoothing:antialiased;  -webkit-line-clamp:2; padding: 0; } 

.anons {color: rgb(117, 117, 117); font-family: "Montserrat4", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;  
font-size:20px; font-style:normal; font-weight:400; letter-spacing:normal; line-height:24px; text-rendering:optimizeLegibility; text-size-adjust:100%; visibility:visible; -webkit-font-smoothing:antialiased;}
@media screen and (max-width:350px) {.anons {font-size: 1em; padding: 5px;}}
.padanons{padding:0 40px 30px 40px;}


/*выделения*/
i {/*font-family: 'lora2'; */ font-family: 'Montserrat4'; font-style: normal; }
.hblock{font-family: 'Montserrat4'; font-size: 18px; font-style: normal; text-transform:uppercase;}
.hblock2{font-family: 'Montserrat4'; font-size: 18px; font-style: normal; text-transform:uppercase;
text-align: left; padding: 0; Color: rgb(41, 41, 41); 
 letter-spacing: normal;  text-rendering: optimizeLegibility; text-size-adjust: 100%;
visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-margin-end: 0px; -webkit-margin-start: -2.13px; text-transform:none;
margin: 1em; padding: 0; font-family: 'Montserrat4'; line-height:28px; font-style: normal; text-transform:uppercase; Color: rgb(41, 41, 41); font-weight:600;}

.light {background: rgb(208, 227, 247);}
.t3{font-family: 'Montserrat4'; 	/*font-family: 'lora2';*/ font-size:24px;} /*курсивная ссылка внизу страницы*/
.reklama{padding: 5%; background: rgb(242,105,40);   }
.rektext {font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size:11pt; letter-spacing:normal; line-height:20px; overflow-x:hidden; overflow-y:hidden; text-overflow:ellipsis;  text-rendering: optimizeLegibility; visibility:visible; -webkit-font-smoothing:antialiased;  -webkit-line-clamp:2; padding: 0; }
.org {color: rgb(242,105,40);}


/*паддинг и маргин*/
.mb{ margin-bottom:40px;}
.mb30{ margin-bottom:30px;}
.mt40 {margin-top:40px;}
.mt30 {margin-top:30px;}
.nobm {padding-bottom: 0; margin-bottom: 0;}
.nobt {padding-top: 0; margin-top: 0;}
.padtop50 {padding-top: 50px;}
.padbot20 {padding-bottom: 20px;}
.padbot40, .sr-padding-bottom {padding-bottom: 40px;}
.pad20 {padding: 20px;}
.pad10 {padding: 10px;}
.p20 {padding-left: 20px; padding-right: 20px;}
.bgwhite {background-color:white}

.test {background: red;}
.test2 {background: green;}

/*местоположение*/
.center {text-align: center;}
.divcenter {display:block; margin: 0 auto;}
.marwrapper {display:block; margin-top: 50px;}
.lefta {display:inline-block; text-align: left;}
.imgcenter {display:block; margin: 0 auto; max-width: 85vw; }
@media screen and (max-width: 600px) {.imgcenter {max-width: 85vw;}}

/*форматы блоков*/
.doc {border: 1px solid rgb(128,128,128); padding: 50px; background: white;}
.round100 {border-radius: 50%; width: 100px;}
/*.yellow {margin: 0 -20px 0 -20px; background: yellow;}*/
.blue {margin: 0 -40px; background: #FFD8B0; padding: 20px 40px; font-family:'Montserrat4'; font-size: 1em;} /*он оранжевый, шрифт квадратный*/
@media screen and (max-width: 600px) {.blue {margin: 0 -15px;}}
@media screen and (max-width: 400px) {.blue {margin: 0;}}

.blue2 {margin: 0 -20px; background: #99b5c7; padding: 20px 40px;   font-family:'Montserrat4'; font-size: 1em;} /* был падднинг 20 40 40 40 почему-то*/
.blue3 {margin: 0 -20px; background: #99b5c7; padding: 40px;   font-family:'Montserrat4'; font-size: 1em;}/*поля шире, не поменять ли цвет*/
.blue2 a, .blue a, .blue3 a {text-shadow:none;}/*разработать ссылку!!!*/
.blue2 .a-img, .blue2 .a-img:hover {background:none;}
.red {margin: 0 -40px; border: 2px red solid; background: rgba(255, 210, 166, 0.5); padding: 20px 40px; font-family:'Montserrat4'; font-size: 1em;} /*критическое выделение*/
.round {display: inline-block;  border-radius: 50%; height: 35px; width: 35px; background: rgb(242,105,40); float: left; text-align: center; padding-top: 9px; margin-right: 10px; box-sizing: border-box; font-family: 'lora'; font-size:18px; text-align:center;}
.price {margin-left: 40%; margin-top: 5px;}
@media screen and (max-width: 600px) {.price {margin-left: 15px;}}
.yel {background-color: rgb(255, 210, 166);}

.checklist-container {width: 100%; border-left: 2px solid black; padding: 20px; margin-left: 50px;}
.checklist-header {font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 24px; line-height: 35px; background: #d0e3f7;}
.checklist-point {font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 18px; line-height: 35px; border-bottom: 1px solid black; border-left: 1px solid black; width: 100%; padding: 5px;}
.checklist {    margin: 5% 10%;}

/* скрываем чекбоксы и блоки с содержанием */
.hide {display: none; }
.hide + label ~ div{display: none;}
/* оформляем текст label */
.hide + label {border-bottom: 1px dotted #0074d9;   padding: 0;   color: #0074d9;  cursor: pointer;  display: inline-block;  font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 18px;}
/* вид текста label при активном переключателе */
.hide:checked + label { color: #0074d9;  border-bottom: 0;}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div { display: block; /* background: #d0e3f7;*/ border: 1px dotted #0074d9; padding: 10px; margin-top: 5px;  font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 11pt; line-height:20px;}
.green {color:green;}
.redcolor {color: red; font-size: 18px;}


h1 {font-size:46px; text-align: center; padding: 0; Color: rgb(41, 41, 41); 
font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans", Geneva, Arial, sans-serif; 
font-style:normal; font-weight:600; 
letter-spacing:-0.51px; margin: 0; margin-top: 20px; margin-bottom: 30px;  padding-top:40px; text-rendering: optimizeLegibility; text-size-adjust: 100%;
visibility: visible; word-break: break-word; word-wrap: break-word;
-webkit-font-smoothing: antialiased; -webkit-margin-end: 0px; -webkit-margin-start: -2.13px; text-transform:none; }

h2 {font-size:34px;  margin: 0; margin-top: 50px; margin-bottom: 30px; padding: 0; padding-top:5px;
text-align: center; color: rgb(242,105,40); /* Color: rgb(41, 41, 41);*/ font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans", Geneva, Arial, sans-serif; 
font-style:normal; font-weight:600; letter-spacing:-0.51px; line-height:35.36px;
text-rendering: optimizeLegibility; text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; text-transform:none; }	

h3{font-size: 24px;  color: rgb(242,105,40); /*!*/display: block; /* h3 = h6, освобождаю х6  */
font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
font-style: normal; font-weight: 600; letter-spacing: -0.51px; line-height: 35.36px; margin: 0px; padding: 20px 0 20px 0;
text-rendering: optimizeLegibility; text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word;
-webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px;}
.temn {Color: rgb(41, 41, 41); }
.mont {font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;}

h4 {margin: 1em; padding: 0; font-family: 'Montserrat4'; font-size: 18px; line-height:28px; font-style: normal; text-transform:uppercase; Color: rgb(41, 41, 41); font-weight:600;} /* краткое содержание, теги, заголовки в выделенных дивах hblock*/

h5 {font-size:22px; color: rgb(41, 41, 41); font-family:'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-style:normal; margin-bottom: 10px; font-weight:600; letter-spacing:-0.288px; text-rendering:optimizeLegibility; text-size-adjust:100%; visibility:visible; word-break:break-word; word-wrap:break-word; -webkit-font-smoothing:antialiased;}

.small {font-size: 18px; /*!*/display: block; 
font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
font-style: normal; font-weight: 600; letter-spacing: -0.51px; line-height: 25.36px; margin: 0px; padding: 0;
text-rendering: optimizeLegibility; text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word;
-webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px;}

h6{font-size: 24px; color: rgb(242,105,40); /*!*/display: block; 
font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
font-style: normal; font-weight: 600; letter-spacing: -0.51px; line-height: 35.36px; margin: 0px; padding: 0;
text-rendering: optimizeLegibility; text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word;
-webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px;}
/*в прайсе в заголовках*/
.cena {font-size: 24px; color: rgb(242,105,40); /*!*/display: block; 
font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
font-style: normal; font-weight: 600; letter-spacing: -0.51px; line-height: 35.36px; margin: 0px; padding: 0;
text-rendering: optimizeLegibility; text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word;
-webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px;}

/*кнопка заказ или вопрос голубая*/
.to-cart {border-style: solid; border-color: steelblue; color: #0074d9; border-width: 2px; background: transparent; border-radius: 10px; padding: 10px; font-size: 14pt; text-decoration:none; display:inline-block; margin-left: 10%; font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;}
.to-cart:hover { border-color: rgb(242,105,40); background: rgb(242,105,40); color: rgb(41, 41, 41);}
@media screen and (max-width: 600px) {.to-cart {margin: 15px; padding: 15px; font-size: 18pt;}}

/*.pricemenu {font-family: 'Montserrat4'; font-weight:200; -webkit-transition:background-color 300ms linear; -moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear; -ms-transition:background-color 300ms linear; transition:background-color 300ms linear;
font-size:18px; color:#d0e3f7;		text-transform:uppercase;}*/

a{display: inline; text-decoration: none; color: #0074d9;}
section a {padding-bottom:4px;	background: linear-gradient(white, white),	linear-gradient(white, white),
		linear-gradient(#0074d9, #0074d9);	background-size: .05em 1px,	.05em 1px,	1px 1px;
	background-repeat: 	no-repeat,	no-repeat,	repeat-x;
	background-position: 0 90%,	100% 90%,	0 83%; text-decoration: none; transition: color .15s;}
section a:hover, section a:focus {color: #0074d9; background: transparent; transition: color .15s;}

.reka {padding-bottom:4px;	background: linear-gradient(white, white),	linear-gradient(white, white),
		linear-gradient(#0074d9, #0074d9);	background-size: .05em 1px,	.05em 1px,	1px 1px;
	background-repeat: 	no-repeat,	no-repeat,	repeat-x;
	background-position: 0 90%,	100% 90%,	0 83%; text-decoration: none;	color: rgb(41, 41, 41); transition: color .15s;}
.reka:hover, .reka:focus {color: #0074d9; background: transparent; transition: color .15s;}

section{text-align: left;  margin: 0 0 0 0;	padding: 30px; padding-bottom: 50px; box-sizing: border-box; width:100%;}
@media screen and (max-width: 400px) {section {padding: 5%;}}
.graysection {background:#e3e0de;}
.lightbluesection {background: #d0e3f7;}
.pinksection {background: rgb(255, 210, 166); /*#FFD8B0}*/}

.zaksection { background: linear-gradient(to top, rgb(0, 69, 114) 0%, rgb(92, 92, 92) 100%); color: #ebebeb;}
.zaksection p, .zaksection h2, .zaksection h3, .zaksection h4, .zaksection h5  {color: #ebebeb;}
.zaksection a {color: #ebebeb; text-shadow:none; text-decoration:underline; background:none;}
.zaksection a:hover {color: #0074d9;}

section#info{ background: rgb(208, 227, 247); padding: 15px; padding-bottom: 40px;}
section#krat {padding-top: 110px; background-color: #e3e0de;}
section#info a, section#krat a {color:#0074d9; text-shadow: none; background: none;}
section#info a:hover, section#krat a:hover { padding-bottom:4px;	background: linear-gradient(rgb(255, 210, 166),rgb(255, 210, 166)),	linear-gradient(rgb(255, 210, 166), rgb(255, 210, 166)),
		linear-gradient(#0074d9, #0074d9);	background-size: .05em 1px,	.05em 1px,	1px 1px;
	background-repeat: 	no-repeat,	no-repeat,	repeat-x;
	background-position: 0 90%,	100% 90%,	0 83%;
	text-decoration: none;	transition: color .15s;}
	
.col {margin:0 auto; padding:0; width:100%; max-width:760px; position:relative;}
@media screen and (min-width:1200px){ .col{max-width:1024px} }
@media screen and (max-width: 600px) {.sta-wr {padding: 5%;}}

#bottom {background: #505050; min-height: 200px; width: 100%; padding: 30px; box-sizing: border-box; color: #ebebeb;}
#bottom a {color: white; }
#bottom a:hover {color: #0074d9;}
#bottom p {color: #ebebeb;}
.podcherk {padding-bottom:4px;	background: linear-gradient(white, white),	linear-gradient(white, white),
		linear-gradient(#0074d9, #0074d9);	background-size: .05em 1px,	.05em 1px,	1px 1px;
	background-repeat: 	no-repeat,	no-repeat,	repeat-x;
	background-position: 0 90%,	100% 90%,	0 83%; text-decoration: none; color: #ebebeb;	transition: color .15s;}

/* Базовые стили кнопки */
.btn2{  display: inline-block;  margin-top: 20px; width:100%;  border-radius: 15px;   border:rgba(0,0,0,.3) 0px solid;
  box-sizing:border-box;  padding:10px;   text-align: center;	   background: rgb(242,105,40);   color:#FFF;
  font-family: 'Montserrat4', sans-serif;  text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);   font-size: 12pt;
  transition:background .4s;   cursor:pointer;}
.btn2:hover{background: white;}

		
	/* Стили картинок */	
.krug {border-radius: 50%}
.ten { display:block; margin: auto;
 box-shadow:  0 10px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),    23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;  
 -webkit-box-shadow:   0 1px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),  23px 0 20px -23px rgba(0, 0, 0, .8),    0 0 40px rgba(0, 0, 0, .1) inset;
     -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),    23px 0 20px -23px rgba(0, 0, 0, .8),    0 0 40px rgba(0, 0, 0, .1) inset; }
	 @media screen and (max-width: 600px) {.ten {max-width: 85vw;}}
.ten-sr { display:block; max-width: 75vw;   margin: 20px auto;  box-shadow:    0 10px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),    23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
  -webkit-box-shadow:   0 1px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),    23px 0 20px -23px rgba(0, 0, 0, .8),    0 0 40px rgba(0, 0, 0, .1) inset;
  -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),    23px 0 20px -23px rgba(0, 0, 0, .8),   0 0 40px rgba(0, 0, 0, .1) inset;}

.sr { display:block; max-width: 850px;  margin: auto;}
@media screen and (max-width: 600px) {.sr {max-width: 85vw;}}
@media screen and (max-width: 850px) {.sr {max-width: 85vw;}}

.big { display:block; max-width: 1200px;  margin: 10px auto;}
@media screen and (max-width: 600px) {.big {max-width: 85vw;}}
@media screen and (max-width: 850px) {.big {max-width: 85vw;}}


/* Стили верстки: opisanie uslugi */
.kol-wrap {display:table; width:100%; margin:0;}	
.kol2 {display:table-cell; vertical-align:top; text-align:left; width:50%; padding: 10px 20px;}
.inn {display: inline-block; text-align: left; padding-left: 5vw;}
.leftic {display: inline; float:left; width: 50px; height: 50px; background:red;}
.svaz {width: 100%; padding: 0 20px 20px 20px; text-align: left;}

.banner {width: 100%;}
	 
/*right absolute*/
.right-abs {position: absolute; top: 20px;  right: 15%; display: block;	width: 200px; max-width: 200px;}
.right-rel {position: relative; float:right; right: 1%; display: block;	width: 250px; max-width: 250px; padding: 10px 0 10px 30px;} 
.right-a {position: absolute; top: 80px;  left: 200px; display: block;}
@media screen and (max-width:600px) {.right-rel {display: none;}}


/* Колонка с паддингом в нижнем элементе*/
.right-column {position: absolute; right:0; width: 180px; padding: 20px;}

/* Топовый блок*/
.filter { position:static; padding-top:110px; padding-bottom: 50px; height:auto; width: 100%; text-align:left; background-image: linear-gradient(to top,rgb(0, 69, 114) 0%,rgb(92, 92, 92) 100%);}
.covertitle {display:inline-block; letter-spacing:2px;  margin-right: 100px; 	padding-left: 20%;  padding-top: 15px; padding-bottom:15px; padding-right: 15px; font-family: 'Montserrat6',sans-serif; font-weight:600; text-align: left;	color:white; 	font-size:56px;	line-height:1.17; background: rgb(208, 227, 247); text-transform:uppercase;	}
.cnorm {font-size:44px;}
.uptitle {display:inline-block; padding-left: 20%; margin-top: 30px; letter-spacing:2px; color: white; font-size:24px; line-height:1.54; 	font-weight:300; 	text-transform:uppercase; font-family: 'Montserrat4';}
@media screen and (max-width:650px){.filter{padding-top: 50px; padding-bottom: 20px;}   .covertitle {padding-left: 15px; font-size: 36px;}   .uptitle {padding-left: 20px; margin-top: 10px;
 font-size: 16px;}}	
@media screen and (max-width:350px){.filter{padding-top: 50px; padding-bottom: 10px;}   .covertitle {margin-right: 0px; padding-left: 10px; font-size: 24px; background: none;}   .uptitle {padding-left: 10px; margin-top: 10px;
 font-size: 14px;}}	

 /*разделительные элементы*/
.arr {width: 0; height: 0; margin: 30px auto; border: 30px solid; border-color: steelblue transparent transparent transparent ;}

/* картинки по 2 в ряд */	
.liist { list-style: none; margin: 0 -20px 0 0; padding: 0; background-color: blue; z-index: 20; position:static; text-align:center;}
.card-wrapper { display: block; width: 50%; float: left; transition: width .2s;}
@media screen and (max-width: 800px) {.card-wrapper {width: 100%;}}
.card2 {display: block; 	position: relative; 	margin: 0 20px 20px 0; padding: 20px 40px; 	text-decoration: none; 	z-index: 0; height:auto;  text-align:center;}
.minh250 {min-height: 250px;}
.incard {width: 350px;}
@media screen and (max-width:240px) {.incard {width: 180px;} .card2 {margin: 0 10px 0 10px; padding: 10px; min-height: 150px;}}
@media screen and (max-width:350px) {.incard {width: 200px;} .card2 {margin: 0 10px 0 10px; padding: 10px; min-height: 150px;}}
@media screen and (max-width:550px) {.incard {width: 200px;} .card2 {margin: 0 10px 0 10px; padding: 10px; min-height: 150px;}}

.divin {display: inline-block;}
.card3 {display: block; position: relative; 	margin: 0; padding: 0; 	text-decoration: none; 	z-index: 0;  text-align:left; 	height:auto;}

.info-container {width: 100%; box-sizing: border-box;}
.two-wrapper {display:block; width: 50%; float:left;}
.three-wrapper {display: block; width: 33%; float: left; text-align:center; font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 11pt; line-height:20px;}
@media screen and (max-width:650px){.three-wrapper{width: 50%;}}
@media screen and (max-width:450px){.three-wrapper{width: 90%;}}

.obr {border: 1px solid #0074d9; background: none;}
@media screen and (max-width:450px){.obr{max-width: 90vw;}}

.container {width: 100; height: auto; display:block;}


/* карточки по 2 в ряд */	
.card {display: block; 	border-radius: 3px; position: relative; 	background: #fff; 	margin: 0 20px 20px 0; padding: 20px 40px;
	text-decoration: none; 	z-index: 0; min-height: 250px; 
	box-shadow:    0 10px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),    23px 0 20px -23px rgba(0, 0, 0, .8),    0 0 40px rgba(0, 0, 0, .1) inset;
-webkit-box-shadow:   0 1px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),    23px 0 20px -23px rgba(0, 0, 0, .8),    0 0 40px rgba(0, 0, 0, .1) inset;
-moz-box-shadow:  0 1px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),    23px 0 20px -23px rgba(0, 0, 0, .8),    0 0 40px rgba(0, 0, 0, .1) inset; }
.card:hover {background: rgb(242,105,40); color: #fff; border-color: #ff7781;}


/* Верхнее меню */
.topmenu { width:100%; height:125px; z-index:990; position:fixed; top:0; color:white;}

#heade1 {width:100%; height: 65px; display:table; z-index:990; background-color: rgb(242,105,40); top:0; color: white; text-decoration: none; font-weight: 900;}
#heade1 a {text-decoration: none; color: white;}
#heade1 a:hover {color: rgb(0, 69, 114);}
@media screen and (max-width:800px){#heade1{display:none;}}

#na2  {width:100%; height: 14px; top:0; background-color: rgb(224, 226, 219); font-size: 12px;  -moz-osx-font-smoothing: grayscale; color: gray;
padding-left: 10%; padding-top: 6px; padding-bottom: 4px; font-family: 'Montserrat4'; font-weight:300; }
#na2 a {color:#0074d9;}
#na2 a:hover { text-decoration: underline;}
@media screen and (max-width:800px){#na2{display:none;}}

.na3 {background-color:white; color: rgb(41,41,41);}
@media screen and (max-width:800px){.na3{display:none;}}

#logoleft {display:table-cell; vertical-align:middle; padding-left: 40px;}
.logomobile {max-width: 150px;}
.logo {	display:inline-block; max-width: 150px; width: 150px;  	height: auto;	padding-right:30px}
.centermenu {display:table-cell; vertical-align:middle; text-align:center; width:100%}
.rightmenu {display:table-cell; vertical-align:middle; text-align:center; width:100%; padding-right: 15px;}

.navi{display: block; float:left; width: 80%;}
.navbuttons{display: block; float:right; width: 20%; z-index: 200;}
.menuli{clear:both; display:inline; padding-left:15px; padding-right:15px; white-space:nowrap;}
.menuli:first-child{padding-left:0} 
.menuli:last-child{padding-right:0}
.menulink {font-weight:600; text-transform:uppercase; font-family: 'Montserrat6'; font-size:18px;}
.menulink:focus{opacity:.7;}
.menulink .active{opacity:.7;}

.sttable { padding: 10px; border-collapse:collapse; border: 1px  rgb(0, 69, 114) solid; margin: 20px auto;
margin-bottom: 40px; font-family:'Montserrat4'; font-size: 1em;}
.sttable td { padding: 10px; border: 1px rgb(0, 69, 114) solid;}
.sttable tr:nth-child(even) {background: #dbf1ff;}
.sttable tr:nth-child(odd) {background:white;}
.sttable tr:first-child {background: rgb(0, 69, 114); color: #ebebeb; text-align: center; }
.sttable tr:nth-child(even) a {text-shadow: none;}
.sttable2 {padding: 10px; border-collapse:collapse; border: 10px  rgb(0, 69, 114) solid; margin: 20px; margin-bottom: 40px; }
.sttable2 td {padding: 10px; border: 10px rgb(0, 69, 114) solid; background: #dbf1ff; min-height: 250px;}
@media screen and (max-width: 600px) {.sttable {max-width: 85vw; margin: 0 auto; padding: 5px;}}
.twid600 {width: 600px; max-width: 85vw;}
.twid30{width: 30px;}
.twid300{width: 300px;  max-width: 85vw;}

/* каталог статей */
.sta {display:block; padding: 25px 0; }
.sta-top {color: silver;  margin-right: 10px; font-family: 'Montserrat4'; font-size: 16px; text-align: left; text-transform:uppercase; }
.oran {background: rgb(242,105,40); }

#mobile-menu {position: fixed;  display: flex;   align-items: center;   justify-content: flex-end;   padding: 0 16px;   top: 0;   background-color: rgb(242,105,40);
  left: 0;   right: 0;   height: 50px;   z-index: 9999999; }
@media screen and (min-width:800px){#mobile-menu{display:none;}}

.mobile-menu__btn {position: relative; display: flex;  align-items: center;  justify-content: center;  width: 35px;  height: 30px;  cursor: pointer;  transition: .4s;}
.mobile-menu__icon {  display: block;  position: relative;  background: white;  width: 90%;  height: 4px;  transition: .4s;}
.mobile-menu__icon::after, .mobile-menu__icon::before {  content: "";  display: block;  position: absolute;  background: white;  width: 100%;  height: 4px;  transition: .4s;}
.mobile-menu__icon::after {  top: 8px;}
.mobile-menu__icon::before {  top: -8px;}
.mobile-menu__container {  position: fixed;  text-align: center;  display: flex;  align-items: center;  justify-content: center;  top: 50px;  left: 0;  right: 0;  z-index: 999;  height: 0;  opacity: 1;  transition: .5s;  overflow: hidden;  background-color: rgb(242,105,40);}
.mobile-menu__list { transition: .5s;  list-style: none;  padding-left: 0;  margin-top: -50px;}
.mobile-menu__item {padding-bottom: 15px; padding: 20px;}
.mobile-menu__link {text-decoration: none;  color: #fff; font-weight:600; text-transform:uppercase; font-family: 'Montserrat6'; font-size:22px;}
.mobile-menu__link:hover{color: rgb(92,92,92); border-bottom: solid 2px rgb(92,92,92);}
.mobile-menu__checkbox {display: none;}
.mobile-menu__checkbox:checked ~ .mobile-menu__nav {opacity: 1;}
.mobile-menu__checkbox:checked ~ .mobile-menu__container {height: 100%;}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon {background: transparent;}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before, .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after { top: 0;}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.menulogo {width: 50px;}

@media screen and (max-width: 800px) {.ten-sr { max-width: 75vw;}}