.pdf	{
	width: 50%;
}

.center	{
	text-align: center;
}

.pdf_nav	{
	width: 100%;
}

.pdf_nav a {
	text-decoration: underline;
}

.pdf_nav a:hover {
	cursor: pointer;
}

.ind33 p {
    margin-left: 1.5rem;
    margin-right: 0.5rem;
}

.indexside ul {
    padding-left: 1rem;
}
.ind33cont ul {
    padding-left: 1rem;
}

#gallery1 {
  position: relative;
  padding-top: 50%;
  -moz-user-select: none; user-select: none;
}

#gallery1 img {
  position: absolute;
  top: 40%;
  left: 25%;
  max-width: 40%;
  max-height: 75%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-user-select: none; user-select: none;
  cursor: zoom-in;
}
#gallery1 img:nth-child(4n-2) {left: 37.5%;}
#gallery1 img:nth-child(4n-1) {left: 62.5%;}
#gallery1 img:nth-child(4n) {left: 87.5%;}
#gallery1 img:nth-child(n+5) {top: 75%;}

#gallery1 img:focus {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10031;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
}

#gallery1 img:focus ~ div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10030;
  background: rgba(185,185,185,.9);
  cursor: zoom-out;
}

.social {
    position: fixed;
    top: 35vh;
    z-index: 50000;
}
.soc-button {
    background-color: #3b5998;
    padding: 0.35rem;
}
.social .soc-button a {
    color: #fff;
    text-decoration: none;
}
.social .soc-button a i.fa-brands, .social .soc-button a i.fa-solid {
    text-align: center;
    display: block;
    font-size: 1rem;
}
.soc-mail {
    background-color: #1f2e4f;
    border-top-right-radius: 0.25rem;
}
.soc-telegram {
    background-color: #28a8e9;
}
.soc-whatsapp {
    background-color: #47c756;
    border-bottom-right-radius: 0.25rem;
}
.soc-viber {
    background-color: #7a509c;
    display: none;
}
.soc-phone {
    background-color: #014a8f;
}
.mobile-arrow {
    display: none;
}

.foot {
    margin: 0;
    padding: 0;
}
.footcontent {
    padding: 0.75rem;
    line-height: 1rem;
}
.footcontent a {
    padding: 0.25rem;
    margin: 0;
}

.pc {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    height: 100%;
    align-items: center;
}

.mobile {
	display: none;
    grid-template-columns: 15vw 85vw;
    grid-template-rows: auto;
    height: 100%;
    align-items: center;
}

.headcontent	{
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	text-align: right;
	font-size: 0.7rem;
	padding-right: 1rem;
	width: 100%;
	height: auto;
}

.dropdownm	{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.dropdownm:hover	{
	cursor: pointer;
	box-shadow: 3px 6px 10px -1px #000000 inset;
}

.dbuttonm	{
	border: none;
	text-decoration: none;
	color: black;
}

.dropdown-contentm	{
	display: none;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	box-shadow: 3px -4px 10px -1px #000000 inset;
	background-image: linear-gradient(#bababa 0%, #ffffff 5%, #86aae3 55%, #1026ff 95%, #0016ff 100%);
	top: 100%;
	width: 100%;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 1;
}

.dropdown-contentm a	{
	display: flex;
	color: black;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 0.4rem;
}

.dropdown-contentm a:hover	{
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(250,255,0,0.25) 20%, rgba(250,255,0,0.5) 40%, rgba(250,255,0,0.55) 50%, rgba(250,255,0,0.5) 60%, rgba(250,255,0,0.25) 80%, rgba(255,255,255,0) 100%);
    z-index: 10000;
}

.dropdown-contentm a:hover:last-child {
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}

.dropdownm:hover .dropdown-contentm	{
	display: block;
}

.dropdown .dbutton i.fa-solid {
    font-size: 2rem;
    color: #323937;
    padding: 0.5rem;
    border: 0.2rem solid #323937;
    border-radius: 0.25rem;
}

@media (max-width: 2000px)	{
	html	{
		font-size: 1.5rem;
	}
	.pdf	{
		width: 80%;
	}
}

@media (max-width: 1400px)	{
	html	{
		font-size: 1.3rem;
	}
	.pdf	{
		width: 100%;
	}
	.social .soc-button a i.fa-brands, .social .soc-button a i.fa-solid {
	    font-size: 1.25rem;
	}
}

@media (max-width: 1024px)	{
	html	{
		font-size: 1.0rem;
	}
	.pdf	{
		width: 100%;
	}
}

@media (max-width: 780px)	{
	html	{
		font-size: 0.8rem;
	}
	.wrapper	{
		grid-template-columns: repeat(7, 1fr);
		grid-template-rows: 9lvh 1fr 11lvh;/* сделать медиа запрос с 7 на 9vh при меньшем мониторе*/
		grid-template-areas:
	'header  header  header  header  header  header  header'
	'main  main    main    main    main    main    main'
	'footer  footer  footer  footer  footer  footer  footer'
	'footer  footer  footer  footer  footer  footer  footer'
	;
	}
	.gridmainfaq {
    display: grid;
    gap: 1rem;
    justify-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
    'mq'
    'sq'
    'oq'
    ;
    }
    .qaform {
        font-size: 1.5rem;
        min-width: 90vw;
        line-height: 2rem;
    }
    .qform {
        margin-right: 5rem;
    }
    .aform {
        margin-left: 5rem;
    }
	.pdf	{
		width: 100%;
	}
	.gridmainhowto	{
		grid-template-columns: repeat(2, 1fr);
	}
	.howtocontent	{
		max-width: 100%;
	}
	.pc {
		display: none;
	}
	.mobile {
		display: grid;
	}
	.navlink {
		height: 5lvh;
		text-align: left;
	}
	.dbuttonm {
		height: 5lvh;
	}
	.dropdown-contentm a {
		height: 5lvh;
	}
	.dropdown-content {
		width: 100lvw;
		left: 0;
	}
	#gallery1 img {
        top: 55%;
        left: 20%;
        max-width: 50%;
        max-height: 100%;
    }
    .social .soc-button a i.fa-brands, .social .soc-button a i.fa-solid {
        text-align: center;
        display: block;
        font-size: 2.75rem;
    }
    .social {
        top: 9rem;
        left: -2rem;
        transition: 1s;
    }
    .soc-button {
        padding: 0.5rem;
    }
    .mobile-arrow {
        text-align: right;
        display: inherit;
    }
    .mobile-arrow i.fa-solid {
        font-size: 1.25rem;
        color: #fff;
        background-color: black;
        padding: 0.25rem;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    .soc-mail {
        border-radius: 0;
    }
    .social:hover {
        left: 0;
        transition: 1s;
    }
}

@media (max-width: 640px)	{
	.gridmainfaq	{
		grid-template-columns: 1fr;
	}
	.gridmainhowto	{
		grid-template-columns: 1fr;
	}
	.howtocontent	{
		max-width: 100%;
	}
	.wrapper	{
		grid-template-columns: repeat(7, 1fr);
		grid-template-rows: 9vh 1fr 11vh;/* сделать медиа запрос с 7 на 9vh при меньшем мониторе*/
		grid-template-areas:
	'header  header  header  header  header  header  header'
	'main  main    main    main    main    main    main'
	'footer  footer  footer  footer  footer  footer  footer'
	'footer  footer  footer  footer  footer  footer  footer'
	;
	}
	.pc {
		display: none;
	}
	.mobile {
		display: grid;
	}
	.navlink {
		height: 5vh;
	}
	.dbuttonm {
		height: 5vh;
	}
	.dropdown-contentm a {
		height: 5vh;
	}
	.dropdown-content {
		width: 100vw;
		right: 0;
	}
	.foot {
	    grid-template-columns: 1fr;
	    grid-template-rows: repeat(2, 1fr);
	    padding: 1rem;
	}
	.footcontent {
	    padding: 0;
	    text-align: center;
	}
	#gallery1 img {
        /*top: 50%;
        left: 25%;*/
        /*max-width: 36.75%;
        max-height: 74.25%;*/
    }
}