html, body {margin: 0; height: 100%;}

html{box-sizing:border-box;}*,::after,::before {box-sizing:inherit; margin-bottom:0;}

body {font-family: 'Open Sans', sans-serif; 
color:#2d343b; 
font-size:1rem; background:#fff;}

button {padding:0; border-width:0; font:inherit; line-height:inherit; text-transform:inherit; color:inherit; background-color:transparent; cursor:pointer;}
button::-moz-focus-inner {border:0}

h1, .indexpage-title h2 {font-size:1.9rem; line-height:2.6rem; font-weight:600;}
.h2,h2 {font-size:1.625rem; line-height:3.2rem;}
iframe {border:0}
img,video {box-sizing:content-box; height:auto; max-width:100%;}
input,select,textarea {font:inherit; font-size:1rem;}
strong {font-weight:600;}

p {line-height:190%;}

a {color:#696C70; 
-webkit-text-decoration: #696C70 solid underline; 
  text-decoration: #696C70 solid underline;
  -webkit-text-underline-position: under;
  text-underline-position: under;
}
a:hover {color:#DF7A25; text-decoration: none;}

.clearing {clear: both;}

.ital {font-style: italic;}

.indexpage-title {display: grid; max-width: 120rem; margin:0.7rem auto; text-align:center; padding:0 1rem; margin-top:2.5rem;
grid-area:1/2/1/12; }
.page-title {display: grid; max-width: 120rem; margin:0.7rem auto; text-align:center; padding:0 1rem;
grid-area:1/2/1/12; }

.page-anons {display: grid; 
max-width:120rem; margin:0 auto; margin-bottom:2.5rem;
   text-align:center; 
   padding-left:10rem; padding-right:10rem;	
}
/*.greyblock {background:#f2f3f5; padding-top:2rem; padding-bottom:1.5rem; margin-top:4rem;}*/
.transparent-block {padding-bottom:3rem;  margin-top:3rem;}
.center-block {text-align: center; padding:0 1rem;}

.last-name {display:none;}


/********** BTN  **********/

.btn {
position: relative;
cursor: pointer;
background: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center; -moz-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center; -moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 1rem;
font-size: 1rem;
font-weight: 500;
border: 1px solid rgba(0, 0, 0, 0);
padding: .8rem 1.1rem;
text-decoration:none;
}

.btn.white-btn {overflow: hidden; background:#f2f3f5; color:#2d343b;}

.btn.white-btn::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 4.5rem;
    -webkit-filter: blur(1rem);
    filter: blur(1rem);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    left: -150%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.4)));
background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
-webkit-animation: flareAnimation 4s infinite linear;
    animation: flareAnimation 4s infinite linear;
-webkit-animation-delay: .3s  
}

.btn.white-btn:hover {background:#D4DeE6;}

.btn .button-icon {
-webkit-box-flex: 0; -moz-box-flex: 0;
-ms-flex: 0 0 auto; -webkit-flex: 0 0 auto;
flex: 0 0 auto;
margin-left: 0.4rem;
width: 1.5rem; height: 1.2rem
}

.btn .button-icon svg {width: 100%; height: 100%; display: block;}

/********** TOP-LINE  **********/

.black-line {background: #2d343b; }
.light-grey {background: #f2f3f5;}

.top-line-block {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; min-height:5.0rem; 
max-width:120rem; margin:0 auto; 
justify-items: center; 
padding: .9rem 1rem .6rem 1rem;
font-size:1rem; background: #2d343b; color:#fff; 
}

.languages {margin-top:.9rem;}

.top-line-block .title {margin-top:.9rem;}
.top-line-block .icon-left  {float:left; margin-right:.5rem; margin-top:-0.2rem; width:28px;}

.top-line-block .support {margin-top:.9rem; color:#CCBF82;}
.top-line-block .icon-right  {float:right; margin-left:.4rem; margin-top:0rem; width:26px;}

.logo {margin-top:0.3rem;}


/*-------MENU-UP---------*/

.main-menu {
z-index:50; position:relative; background:#f2f3f5;
max-width:120rem; margin:0 auto; padding:1rem 0 1.2rem 0; }

.top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 50px; padding: 1em;
  z-index:50; position:relative;
  text-decoration: none;  text-transform:uppercase; font-size:.9rem; 
}

.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0; padding: 0;
}

.menu > li {
  margin: 0 1rem;
  height:1.3rem;
  overflow-x: hidden; 
}

.menu>li>a:hover {color: #CCBF82;}

.menu>li.active a {color:#917C1B;}

.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-toggle {display: none;}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #000000;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -0.5rem;
}

.menu-button::after {
  content: '';
  margin-top: 0.5rem;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0rem;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}

@media (max-width: 800px) {
  .menu-button-container { display: flex;}
  .menu {
    position: absolute; top: 0; margin-top: 50px;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #menu-toggle:checked ~ .menu li {
    border: 1px solid #333;
    height: 2.5em;
    padding: 0.5em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .menu > li {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0.5em 0;	
    width: 100%;
    color: #CCBF82;
    background-color: #222; 
  }

  .menu>li>a {text-decoration:none;}

}

/*------BREADCRUMB------*/

#breadcrumb {max-width:120rem; margin:1rem auto; padding:1rem 1rem 0 1rem; font-size:0.9rem;}
#breadcrumb a {overflow: hidden;}

#breadcrumb ul, ol {margin:0 0 0 -0.5rem; padding:0; list-style:none;}
 
#breadcrumb ul li, ol li {display:inline; 
margin-left:0.5rem; margin-right:0.5rem;}
#breadcrumb ul .current a {text-decoration:underline;}


/*********TABLE*********/

.smart-table {border:1px solid #D0CFD0; margin:2rem 0;}
.smart-table td {border:1px solid #D1CFD0;  padding: 1rem .5rem;}
.smart-table th {border:1px solid #D1CFD0;  padding: 1rem .5rem; background:#edeff4;}

td {padding: .5rem;}
table, th, td {border: 1px solid black; border-collapse: collapse;}


/************* FAQ******************/

.faq-block {display: grid; max-width:65rem; margin:0 auto; margin-bottom:3rem;
text-align:left;
grid-area:2/2/2/8; 
}

.faq-post {
		position: relative;
		width: 100%; height: auto;
		border: 1px solid #edeff4;
		margin: 26px 0 20px 0;
		-webkit-border-radius: 11px;
		border-radius: 11px;
		padding: 0; 
	}
	.faq-post > button {
	  display: block;
	  padding: 15px 20px;
	  text-decoration: none;
	  font-weight: 600; 
	  -webkit-transition:all 0.2s linear;
	  -moz-transition:all 0.2s linear;
	  transition:all 0.2s linear;
		background: #edeff4; 
		-webkit-border-radius: 11px;
		border-radius: 11px;
		border: none;
		width: 100%;
		text-align: left;
		line-height: 28px;
		position: relative;
	}
	.faq-post > button i{
	  float: right;
	  margin-top: 2px;
		position: absolute;
		right: 20px;
		top: 50%;		
	}
	.faq-post > button.active{
	  background-color: #edeff4;
	}
	.faq-post .answertext {
	  padding: 10px 20px 10px 20px;  
	  display:none;
	}
	.faq-post .answertext p {  
	  margin: 10px 0 10px 0;
	}
	.faq-plus, .faq-minus {
		position: relative;
		margin: -14px 0 0 0!important;
		vertical-align: middle;
		z-index: 99;
		border: 1px solid #333;
		width: 28px; height: 28px;	
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	.faq-minus  {
		border: 1px solid #333;
	}
	.faq-plus::after, .faq-plus::before, .faq-minus::after, .faq-minus::before {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -2px 0 0 -8px;
		background: #333;
		height: 4px; width: 16px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}
	.faq-plus::after {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.faq-minus::after, .faq-minus::before {
		background: #333;
	}
	.faq-minus::after {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
.faq-post > button span {
	max-width: 85%;
	display: inline-block;
	line-height: 24px;
	text-align: left;	
	font-weight: bold;
}


.marginbottom3rem {margin-bottom:3rem;}
.margintop2rem {margin-top:2rem;}
.margintop3rem {margin-top:3rem;}
.margintop5rem {margin-top:5rem;}

p.small {margin-top:1.1rem; font-size: .9rem; line-height:1.5rem;}
.h3-picture {float:left; margin-right:.5rem; margin-top:-0.25rem;}
.h3-picture img {width:54px;}

span.attention {background:#1BD29C; text-transform:uppercase; padding:0.1rem 0.2rem; font-size:120%; color:#2d343b; } 
span.num {font-size:130%; background:#8F7CD8; padding:0px 5px 0px 5px; color:#fff;}


/************* INFO-BLOCK  ADVANTAGES ******************/

.info-blocks {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows:1fr 1fr; grid-gap: 1.7vw;
max-width:120rem; margin:2.1rem auto; 
   text-align:center; padding: 0 1rem;
}
.two-blocks {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows:1fr; grid-gap: 1.7vw;
max-width:120rem; margin:2.1rem auto; 
   text-align:center; padding: 0 1rem;
}
.info-blocks .item, .two-blocks .item {
   padding: 1rem ;
   background: rgba(82, 29, 179, 0.5);  background:#f2f3f5;
   text-align: left;
   border-radius: 10px; 
  }

.advantages {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows:1fr 1fr; grid-gap: 1.7vw;
max-width:120rem; margin:2rem auto; 
   text-align:center; text-align:left;
}
.advantages .item {margin-bottom:2rem; padding: .5rem 0; text-align: left;}
.advantages .item .icon {text-align:center; padding:0;}

.three-blocks {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows:1fr; grid-gap: 1.7vw;
   text-align:center;  margin:2rem 0;}
.three-blocks .item {border:5px solid #F2F3F5; border-radius: 10px; padding:1.5rem 0.7rem;}

.three-blocks .text {margin-top:1rem;}


/***** BLOCKS TEXT-PICTURE  BLOCK-COLUMNS ******/

.introduction {display: grid; max-width:120rem; margin:0 auto; margin-bottom:2rem; padding:0 1rem;} 

.block-picture {max-width:120rem; margin:2.1rem auto; margin-bottom:0;
	color:#fff;  padding:0;
	background:#2d343b;
	display: grid;
	grid-template-columns:repeat(2,1fr);
	grid-template-rows:1fr;
}
.block-picture .text {color:#fff; padding:1rem 1rem 1.5rem 1rem;} 
.block-picture .picture {background:#f2f3f5; text-align:center; padding:2rem 2rem; color:#2d343b;}
.photo {margin:0 auto; width:18.8rem;}
.picture .name {font-size:1.2rem; font-weight:bold; margin-top:1rem;}
.picture .titel {}
.picture .signature {margin:1rem auto; width:17rem;}

img.avatar {border-radius: 50%;}

.block-columns {
	display: grid; max-width:120rem; margin:1rem auto;
	padding:0 1rem; grid-gap: 3vw; 
	grid-template-columns:repeat(2,1fr);
	grid-template-rows:1fr; 
}
.block-columns .item {background:#f2f3f5; border-radius:10px; padding:1rem 1rem 1rem 1rem; 
 font-weight:bold;}


.gold-ul ul {margin-left:-1.7rem; margin-bottom:2.5rem;}
.gold-ul ul li {line-height: 1.5rem; background: url(../../images/svg/icon-arrow-list.svg) 0 0.18rem no-repeat;
display: block;  padding-left: 2rem; margin-bottom:1rem;}

.gold-grey-ul ul {margin-left:-2.1rem; margin-bottom:2.5rem;}
.gold-grey-ul ul li {line-height: 1.5rem; background: url(../../images/svg/icon-arrow-list-grey.svg) 0 0.18rem no-repeat;
display: block;  padding-left: 2rem; margin-bottom:1rem;}


/************ APPLICATION CONSULTATION ********************/

.bg-picture {background:#ececec; background:#edeff4; padding:0; margin-top:4rem;}

.application-wrapper {display: grid; max-width:120rem; margin:0 auto; 
	margin-bottom:2rem; padding:0 1rem; 
	grid-template-columns:repeat(2,1fr);
	grid-template-rows:1fr;
	}
.application {background:#2d343b; padding:1.3rem 1rem 2rem 1rem; 	border-radius:10px;}
.application span, .block-application span {font-size:2.8rem; line-height:4.0rem;}
.application .item {background:#fefefe; padding:1.6rem 1rem; border-radius: 10px; margin:1.5rem 0;}
.application .title {font-weight:bold;}
.white-color {color:#fff;}

.block-application {background:#2d343b; margin:2.5rem 0; padding:0.1rem 1.5rem 2rem 1.5rem; 	border-top:0.5rem solid #CCBF82;
border-radius:20px; color:#fff;
display: grid; 
grid-gap: 0.8vw; 
grid-template-columns: 60% 39%; 
grid-template-rows:1fr; }

.application-right-column  {padding:3rem 1rem 2rem 2rem; font-size:1rem; font-weight:400; }
.application-right-column  span {font-size:1.625rem;  line-height:2.4rem; font-weight:600; }	
.application-right-column img {width:80%;}


/*********** BLOG ARTICLES ****************/	

.blog-wrapper {padding:2rem 1rem; background:#f2f3f5;  text-align:center;}

.blog { 
   display: grid; max-width: 120rem; margin:2rem auto;  
   grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
   grid-gap: 2.1vw;  
  }
.blog .item {position:relative; z-index:1; font-size: 1rem; text-align: left;}
   
.blog .item .title {background:#fff;   position:relative; z-index:5; border-radius:10px; 
margin:-50px 0.5rem 0 0.5rem; padding:1rem 0.7rem 1rem 0.7rem;}
.blog .item .picture {position:relative; z-index:1; background:#2d343b; 
background: gradient(#2d343b, #7A8895); 
padding:0.4rem; text-align: center;
border-radius:15px; 
}
.blog .item .picture img {border-radius:15px; opacity:0.4;}
.blog .item .picture img:hover {opacity:1;}
.blog .item .picture:hover {background:#fff; }


/************** SLIDER **********************/	

.slider-block {max-width: 120rem; margin:0 auto; margin-top:4rem; padding:0 1rem; 
text-align:center;}
.owl-carousel {margin-top:2rem;}

.slider-block .item {padding:1rem 0.5rem 3rem 0.5rem; border-radius:10px; color:#fff; min-width:13rem; 
background: linear-gradient(45deg, #2d343b, #0A102C);}
.slider-block .item h4 {font-size:1.5rem; font-weight:bold; text-transform:uppercase; font-family:Arial Narrow; margin-top:0;}
.slider-block .item .icon {margin:0 auto; text-align:center;}
.slider-block .item .title {min-height:3.16rem;}
.slider-block .item .text {margin-top:.9rem; color:#EDEFF4;}
.slider-block .item .price {margin-top:1.3rem; font-size:3rem; color:#dedede; font-family:Arial Narrow;}
.slider-block .item .price span {font-size:1.9rem; }
.slider-block .item .link {margin-top:1.6rem; min-height:2.16rem;}

.slider-block .blue {border-top:0.5rem solid #8491A2;}
.slider-block .yellow {border-top:0.5rem solid #CCBF82;}
.slider-block .green {border-top:0.5rem solid #749C73;}


/************** PREFOOTER FOOTER **********************/

.prefooter {display: grid; max-width: 120rem; margin:0 auto; 
padding:2rem 1rem;  color:#CCBF82;
grid-gap: 3vw; 
grid-template-columns:repeat(2,1fr); 
grid-template-rows:1fr; 
}

.gold-border-top {border-top: 0.5rem solid #CCBF82;}
.gold-border-bottom {border-bottom: 0.5rem solid #CCBF82;}
.prefooter .text {float:left; margin-right:.1rem; }
/*.prefooter .lic img {margin-left:1rem; width:90px;}*/
.prefooter .lic img {margin-left:1rem;}

.footer {background:#edeff4;}
.footer ul {margin-left:-2.5rem;}
.footer ul li {list-style:none; margin-bottom:1.5rem;}
.footer ul li a {}

.footer-block {display: grid; max-width: 120rem; margin:0 auto; padding:2rem 1rem; 
grid-gap: 1vw; 
grid-template-columns:repeat(3,1fr); 
grid-template-rows:1fr; 
}


/************** ARTICLES **********************/

.content-wrapper {display: grid; max-width: 120rem; margin:0 auto;  padding:0.3rem 1rem 2.5rem 1rem;
grid-template-columns:repeat(12,1fr);  
grid-template-rows:1fr auto auto auto auto; 
column-gap:1.875rem;
}
.content-wrapper .title {text-align:center; display:block; grid-area:1/2/1/12; margin-bottom:2rem;}
.content-wrapper .date {text-align:right; display:block; grid-area:2/3/2/11; font-size:0.9rem;}
.content-wrapper .anons {display:block; grid-area:3/3/3/11; margin-top:1.8rem; margin-bottom:2rem; background:#f2f3f5; 
border-radius:20px; padding:1rem 1.5rem 2rem 1.5rem; }
.content-wrapper .text {display:block; grid-area:4/3/4/11; }

.author {display:grid; grid-area:5/3/5/11;  
grid-template-columns: 100px auto;
    grid-template-rows: 1fr;
	grid-gap: 2vw; 
margin-top:2.5rem; background:#f2f3f5; border-radius:20px; padding:1.5rem 1.5rem 2rem 1.5rem; font-style:italic; line-height:190%;}

.author img {width:100px; border-radius:50%; border:2px solid #fff;}
.author .name span {font-weight:600; font-size:1.2rem; line-height:2.5rem; font-style:normal;}

.date .icon {margin-right:0.8rem; float:right;}

.important {margin:2rem 0; padding:1rem 1.5rem 2rem 1.5rem; background:#f2f3f5; border-radius:20px;}

  .auf-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-bottom: 16px;
  }
  @media (min-width: 640px) {
    .auf-row { grid-template-columns: 1fr 1fr; }
    .auf-cell.note { grid-column: 1 / -1; }
  }
  @media (min-width: 1024px) {
    .auf-row { grid-template-columns: 1fr 1fr 1fr; }
    .auf-cell.note { grid-column: auto; }
  }
  .auf-cell {
    padding: 16px;
    border: 1px solid #e5e7eb;
    font-size: 14px;
    line-height: 1.6;
    color: #111827;
  }
  .allowed {background: #E9F3C8;}
  .denied  {background: #f9fafb; }
  .neutral  {background: #F8FAE4;}
  .difficult {background: #F8FAE4;} /* FCFFE3*/
  .auf-cell { word-wrap: break-word; overflow-wrap: anywhere; }

/************** INNER-PAGE **********************/

.content-wrapper-inner-page {display: grid; margin:0 auto; max-width: 120rem;  padding:0.3rem 1rem 2.5rem 1rem;
grid-template-columns:repeat(12,1fr);  
grid-template-rows:1fr auto; 
column-gap:1.875rem; grid-gap: 1.8vw; 
}
.content-wrapper-inner-page .title {display:block; grid-area:1/1/1/9; margin-bottom:0rem; }

.content-wrapper-inner-page .text {display:block; grid-area:2/1/2/9; }

.content-wrapper-inner-page .right-column {display:block; grid-area:1/9/3/13; margin-top:1.6rem; margin-bottom:2.5rem;
border-radius:20px; 
/*padding:1rem 1.5rem 2rem 1.5rem; */
}

.content-wrapper-inner-page .right-column .block {background:#f2f3f5; padding:1rem 1.5rem 2rem 1.5rem; 
border-radius:20px; font-size:1rem;  border-top:0.5rem solid #CCBF82; 
  position: sticky;
  top: 2rem;           
  z-index: 3; 
}


/*------- COOKIE -------*/

#cookie-banner {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: #2D343B; color: #EDEFF4;
  padding: 1.2rem 1rem; z-index: 9999;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
}
#cookie-banner p { margin: 0 0 10px;}
#cookie-banner label { display: block; margin-bottom: 8px; font-size: 14px; cursor: pointer; }
#cookie-banner input[type="checkbox"] { margin-right: 8px; accent-color: #CCBF82; }
#cookie-banner .buttons { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 10px; }
#cookie-banner button {
  padding: 8px 16px; border: none; font-weight: bold; cursor: pointer;
  border-radius: 3px; transition: background 0.3s ease;
}
#cookie-accept-all { background: #CCBF82; color: #2D343B; }
#cookie-accept-all:hover { background: #b4a86f; }
#cookie-save-settings { background: transparent; color: #EDEFF4; border: 1px solid #CCBF82; }
#cookie-save-settings:hover { background: rgba(255,255,255,0.05); }

/******Картинки*******/

.prefooter .lic img {margin-left:1rem; width:90px;}

.licbox-overlay{
  display:none; position:fixed; inset:0; background:rgba(0,0,0,.7);
  z-index:20000; cursor:zoom-out;
}
.licbox{
  display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);
  max-width:90vw; max-height:90vh; background:#000; border-radius:10px; box-shadow:0 10px 40px rgba(0,0,0,.5);
  z-index:20001; opacity:0; 
}
.licbox img{ max-width:90vw; max-height:80vh; display:block; }

.licbox-close{ position:absolute; 
top:-1.7rem; right:-1.6rem;
width:2.3rem; height:2.3rem; font-size:2.1rem; line-height:2rem; border:0; background:transparent; color:#fff; cursor:pointer; }
a.js-licbox img{ cursor:zoom-in; }


/************ BANNER ******************/

.banner {display: grid;  margin:0 auto; color:#fff; max-height:35.3125rem;
background: url(../../images/bg-big.jpg) 0 0 no-repeat; 
background-size: cover;
background-position: top right;
/*background-attachment: fixed;*/

grid-template-rows:1fr auto;
grid-template-columns:repeat(12,1fr) 0; 
column-gap:1.875rem;
padding: 6.25rem 0 6.25rem 0;
border-bottom-left-radius:20px; border-bottom-right-radius:20px;
}
.banner .title {display:block; grid-area:1/2/1/9; }
.banner .title h1, .banner .title h2{
font-size: 3.15rem;
padding-top: 0;
line-height: 1.25;
position: relative; z-index: 2;
margin-top: 0;
color: #fff;
font-weight: 600; 
}

.banner .text {display:block; grid-area:2/2/2/9; margin-top:2rem; padding-inline:0; padding-bottom:0; font-size:1.125rem; line-height:1.3;
position:relative; z-index:2; padding-inline:var(--op)}

.banner .text .btn {margin-top:2rem}


@media (min-width: 64em) {
	.banner .title {max-width: 64rem; font-size: 3.15rem; grid-area:1/2/1/12; }
	.banner .text {grid-area:2/2/2/10; font-size: 1.4rem; line-height: 1.5;}
}

@media (max-width: 64em) {
	.banner {padding: 3.5rem 0 6.25rem 0; column-gap:1.875rem;}
	.banner .title h1, .banner .title h2 {font-size: 1.75rem;}
	.banner .title {grid-area:1/2/1/12;}
}

@media only screen and (max-width: 767px) 
{ .banner {background:background:#2d343b; background-image: url(../../images/bg-medium.jpg); background-position: center left; background-attachment: fixed;} }

@media only screen and (max-width: 500px) 
{ .banner {background-image: url(../../images/bg-mobile.jpg); background-attachment: fixed;} }


/*************** MEDIA  **********************/

@media (min-width: 110em){
	.picture-block {grid-template-columns:20% 80%;}
	.blog {grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));}
	.banner .title {grid-area:1/3/1/12;}
	.banner .text {grid-area:2/3/2/10;}
}

@media (min-width: 92em){
	.top-nav {padding: 1rem 3rem;}
	.info-blocks {padding: 0 3rem;}
	.advantages {padding: 0 3rem;}
	.block-picture .text {padding-left:3rem;} 
	.blog-wrapper {padding:2rem 3rem;}
	.footer-block {padding:2.5rem 3rem;}
	.prefooter {padding: 2rem 3rem;}
	.block-columns {padding:0 3rem;}
	.top-line-block {padding: .9rem 3rem .6rem 3rem;}
	.introduction {padding:0 3rem;}
	.picture-block {padding:0 3rem;}
	.application-wrapper {padding:0 3rem;}
	.slider-block {padding:0 3rem;}
	#breadcrumb {padding:1rem 3rem 0 3rem;}
	.content-wrapper-inner-page {padding:0.3rem 3rem 2.5rem 3rem;}
	#cookie-banner {padding: 2rem 3rem;}
}

@media (min-width: 90em){
	.picture-block {grid-template-columns:30% 70%;}
}

@media (min-width: 86em){
	.top-nav {padding: 1rem 2rem;}
	.info-blocks {padding: 0 2rem;}
	.advantages {padding: 0 2rem;}
	.block-picture .text {padding-left: 2rem;} 
	.blog-wrapper {padding: 2rem 2rem;}
	.footer-block {padding: 2.5rem 2rem;}
	.prefooter {padding: 2rem 2rem;}
	.block-columns {padding: 0 2rem;}
	.top-line-block {padding: .9rem 2rem .6rem 2rem;}
	.introduction {padding:0 2rem;}
	.picture-block {padding:0 2rem;}
	.application-wrapper {padding:0 2rem;}
	.slider-block {padding:0 2rem;}
	#breadcrumb {padding:1rem 2rem 0 2rem;}
	.content-wrapper-inner-page {padding:0.3rem 2rem 2.5rem 2rem;}
	#cookie-banner {padding: 2rem 2rem;}

}

@media (max-width: 74em) {
	.top-line-block .title {font-size:.9rem;}
	.top-line-block .icon-left {width:24px;}
	.top-line-block .support {font-size:.9rem;}
	.top-line-block .icon-right {width:20px; margin-left:.2rem;}
	}

@media (max-width: 70em) {
	.info-blocks {grid-template-columns: 1fr 1fr; grid-template-rows:repeat(3 1fr); grid-gap: 1.3vw; margin:2.1rem auto; }

	.banner .text {grid-area:2/2/2/11; margin-top:2rem; padding-inline:0; padding-bottom:0; font-size:1.1rem; line-height:1.8;}
	.prefooter .lic img {width:60px;}
	.hide70em {visibility: hidden; display: none;}
	.content-wrapper {padding:0rem 1rem 2.5rem 1rem;}
	.content-wrapper .title {grid-area:1/1/1/13; margin-bottom:1.5rem;}
	.content-wrapper .date {grid-area:2/1/2/13; }
	.content-wrapper .anons {grid-area:3/1/3/13; padding:1rem 1rem 1.5rem 1rem; margin-bottom:1.5rem; }
	.author {grid-area:5/1/5/13; padding:1.5rem 0.6rem 1.5rem 0.5rem; margin-bottom:1.5rem; font-size:0.9rem;}

	.content-wrapper .text {grid-area:4/1/4/13; }
	.blog {grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); margin-top:1.8rem;}
	#breadcrumb {padding:0.9rem 1rem 0 1rem; font-size:0.8rem;}
	}


@media (max-width: 52em) {
	.banner .text {grid-area:2/2/2/12; margin-top:2rem; padding-inline:0; padding-bottom:0; font-size:.94rem; line-height:1.6;}
	.block-picture .text {padding-bottom:15px;}	

	.page-anons {padding-left:1rem; padding-right:1rem; text-align:left; margin-bottom:2.3rem;}
	.page-title {margin:0.7rem auto;  padding:0 1rem; grid-area:1/1/1/13; }
	.indexpage-title {padding:0 1rem; margin-top:1.5rem; grid-area:1/1/1/13; }
	.info-blocks {grid-template-columns: 1fr 1fr; grid-template-rows:repeat(3 1fr); grid-gap: 1vw; margin:2.1rem auto; }
/*	.greyblock {padding-bottom:1.5rem; margin-top:3.8rem;}*/
	.prefooter {grid-template-columns:1fr; grid-template-rows:2fr;}

	h1, .indexpage-title h2 {font-size:1.3rem; line-height:2.0rem;}
	h2 {font-size:1.3rem; line-height:2rem;}
	.blog {grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); margin-top:1.8rem;}
	.block-application {margin:2.5rem 0; padding:0.1rem 1.5rem 2rem 1.5rem; grid-template-columns:1fr; grid-template-rows:1fr auto; }
	.application-right-column {padding:2rem 1rem;}
	.application-right-column  span {font-size:1.3rem;  line-height:2rem;  }	
	.slider-block .item .link {font-size:.9rem; min-height:2.16rem;}
	
	.content-wrapper-inner-page {grid-template-columns:repeat(12,1fr);  grid-template-rows:1fr auto auto;}
	.content-wrapper-inner-page .title {grid-area:1/1/1/13; margin-bottom:0.01rem;}
	.content-wrapper-inner-page .text {grid-area:2/1/2/13; }
	.content-wrapper-inner-page .right-column {grid-area:3/1/3/13; margin-top:0; margin-bottom:0;}
 	.three-blocks {grid-template-columns: 1fr; grid-template-rows:1fr 1fr auto;}
}

@media (max-width: 48em) {
	.hidemobile {visibility: hidden; display: none;}
	
	.block-picture {grid-template-columns:1fr; grid-template-rows:1fr auto;}	
	.block-picture .text {padding:1rem 1rem 1.5rem 1rem; }

	.block-columns {margin-top:1rem; margin-bottom:1rem;
	grid-template-columns:1fr;
	grid-template-rows:1fr auto;
	}
	.blog-wrapper {padding: 2rem 0rem;}
	.blog {grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); margin-top:1.8rem;}
    .blog .item .title {margin:-50px 0.4rem 0 0.4rem; padding:1rem 0.5rem 1rem 0.5rem; font-size:0.8rem;}
	
/*	.picture-block {grid-template-columns:1fr; grid-template-rows:1fr auto;}*/
	.introduction {margin-bottom:1.8rem;} 
	
	.top-line-block {display:grid; grid-template-columns: 1fr 1fr; font-size:.8rem;}
	.info-blocks {grid-template-columns: 1fr; grid-template-rows:repeat(6 1fr); grid-gap: 1.7vw;
	margin:2.1rem auto;  }
	.two-blocks {grid-template-columns: 1fr; grid-template-rows:repeat(2 1fr); grid-gap: 1.7vw;
	margin:2.1rem auto;  }
	
	.advantages {grid-template-columns: 1fr 1fr; grid-template-rows:1fr 1fr 1fr; grid-gap: 1.8vw; margin:2.1rem auto; }

	.btn.white-btn {font-size:.9rem; padding: .7rem 1rem .8rem 1rem;}
	p.small {font-size:.8rem;}
	.application-wrapper {grid-template-columns:1fr; grid-template-rows:1fr; padding:0 0;}
	.application span {font-size:1.8rem; line-height:2.6rem;}
	
	.slider-block .item .text {font-size:1.2rem; min-height:2.16rem;}
	.prefooter .lic img {margin-left:1rem;}
	.footer-block {font-size:0.8rem; grid-template-columns:62% 38%; grid-template-rows:1fr auto; }
		
	.h3-picture {margin-right:0.2rem; margin-left:-0.5rem; margin-top:0.3rem;}
	.h3-picture img {width:50px;}
	.application-right-column img {width:100%;}
	#cookie-banner p {font-size:.8rem;}
  
}

@media (max-width: 31em) {
	.slider-block .item .link {font-size:1rem; min-height:2.16rem;}
	.author {padding:1.5rem 0.5rem 1.5rem 0.4rem; margin-bottom:1.1rem; }
}