html { scroll-behavior: smooth;}
.header-grid {display: grid; grid-template-columns: 100px 1fr 220px 150px; gap: 10px; align-items: center; max-width: 1320px;  padding: 10px 50px; margin: 0 auto;}
.istopfixed .header-grid {grid-template-columns: 50px 1fr 220px 100px;}
.istopfixed .navi li a {font-size: 14px;}
#header {box-shadow: 0 0 3px 4px #dbdbdb;}
.header-grid, .navi li a, .header-grid .soc-media img, .navi button.navbar-toggler {transition: 1500ms;}
@media (max-width: 500px) {
	.header-grid {grid-template-columns: 70px 1fr 110px; padding: 10px 15px;}
	.istopfixed .header-grid {grid-template-columns: 70px 1fr 110px;}
	.istopfixed .header-grid {gap: 0 10px;}
}
.navi li {display: inline-block;}
.navi li a {font-size: 16px; color: #212121; padding: 5px 10px;}
.navi li a:hover {color: #757575; text-decoration: none;}
@media (max-width: 500px) {
	.navi li {display: block;}
	.navi {grid-column: 1 / 2; grid-row: 1 / 3;}
	.logo {grid-column: 3 / 4; grid-row: 1 / 2;}
	/*.logo, .number {align-self: start;}*/
	.soc-media {grid-column: 3 / 4;}
	.header-grid .navbar-collapse {margin-top: 50px;}
	.navi button.navbar-toggler {position: absolute; top: 20px;}
	.logo {display: none;}
	.istopfixed .navi button.navbar-toggler {top: 10px;}
}
.soc-media {display: grid; grid-template-columns: 1fr 1fr; align-items: center; justify-items: center; gap: 5px;}
.header-grid .number a {font-size: 20px; color: #212121; text-decoration: none;}
.header-grid .number a:hover {color: #757575; text-decoration: none;}
.istopfixed {background: rgba(255, 255, 255, 0.68) !important; backdrop-filter: blur(10px); }
#Header {background: #fff; border-bottom: 1px solid rgb(181, 181, 181); box-shadow: rgb(103, 103, 103) 0px 0px 5px 3px; position: relative; transition: 1500ms; z-index: 999;}
#Header ul.mod-menu {width: max-content; margin: 0 auto;}
.istopfixed .header-grid .soc-media img {width: 32px;}
#contactus-form116>form, #contactus-form118>form {background: var(--scnd-two); padding: 20px; border-radius: 25px;}
.field1116 {font-size: 18px; text-align: center !important; font-weight: 600;}
#contactus-form116>form>div:first-child {display: grid; gap: 10px; grid-template-columns: 1fr 1fr;}
#contactus-form116>form>div:first-child>div:first-child, #contactus-form116>form>div:first-child>div:nth-child(2), #contactus-form116>form>div:first-child>div:nth-child(6) {grid-column: 1 / 3;}
#contactus-form116 .joomly-contactus-div {margin: 0 !important;}
#contactus-form116 button, #contactus-form118 button {background: var(--grad1) !important; margin-top: 15px; border-radius: 5px; transition: 1500ms;}
#contactus-form116 button:hover, #contactus-form118 button:hover {background: var(--grad2) !important; transform: scale(1.1);}
.field3116, .field4116 {border-radius: 5px !important;}
#contactus-form116>form>div:first-child>div:nth-child(6) {text-align: center;}
#contactus-form116>form>div:first-child>div:nth-child(6) a {font-size: 12px;}
.field2116 {text-align: center !important; font-size: 20px !important;}
.field2116, .field1116 {padding: 0 !important;}
#mod-custom119 {background: var(--grad2);}
.footer-wrap {max-width: 1320px; margin: 0 auto; padding: 25px 50px 10px;}
@media (max-width: 500px) {
  .footer-wrap {padding: 25px 15px 10px;}
}
.kont-title {margin-bottom: 30px; display: block; color: #fff; letter-spacing: 1px; font-size: 36px;}
.footer-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.politika {display: block; text-align: center; color: var(--fst-one); margin-bottom: 10px;}
.razrab {display: block; margin-top: 30px; text-align: center; color: var(--fst-one);}
#footer {z-index: 999; position: relative;}
.number-footer a, .footer-info, .footer-info a {color: #fff; font-size: 22px; text-decoration: none;}
.f-soc-m .soc-media {justify-items: start;}
.f-soc-m {max-width: 150px; margin-top: 30px;}
.footer-info {margin-top: 30px;}
.razrab, .politika {font-size: 12px;}
#button-contactus-lightbox-form120 .fa-3x {font-size: 2em !important;}
#footer {background-image: linear-gradient(#000000b3, #00000091), url(/images/1631707328_preview_1619248551_61-phonoteka_org-p-temnaya-stena-fon-65.jpg);}
@media (max-width: 500px) {
	.f-soc-m {margin: 0 auto;}
	.footer-grid {grid-template-columns: 1fr; text-align: center;}
	#header ul.mod-menu {width: 200px;}
}
@media (max-width: 390px) {
	.header-grid .number a {font-size: 16px;}
}
@media (max-width: 340px) {
	.header-grid .number a {font-size: 12px;}
}


:root {
   
    --fst-one: #f2f2f2;
    --fst-two: #ffffff;
    --scnd-one: #ede7f6;
    --scnd-two: #d3c4e3;
    --acnt-wd: #9c27b0;
    --acnt-one: #3f51b5;
    --acnt-two: #FF4081 ;
	--txt: #212121;
	--txt2: #757575;
    --main-margin: 30px;
    --grad1: linear-gradient(140deg, #9c27b0 0%, #3f51b5 100%);
	--grad2: linear-gradient(140deg, #3f51b5 0%, #9c27b0 100%);
	--color-button: #fff;
	--color-button-h: #fff;
}