html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body::-webkit-scrollbar { width: 5px; height: 5px;}
body::-webkit-scrollbar-thumb { height: 50px; border-radius: 1px;}
body::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.3);}
body::-webkit-scrollbar-thumb {background-color: #fff70a;}
body::-webkit-scrollbar-corner {background-color: #fff70a;}
body::-webkit-resizer {background-color: #fff70a;}
	
body {
	/* line-height: 1; */
	color: #000;
	font-family: 'Ubuntu', sans-serif;
	background-color: #fff;
    max-width: 100%;
}
	
ol, ul {
	list-style: none;
}
	
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* reset css*/

  ::-webkit-input-placeholder {color:#2b2a29; opacity:1;}/* webkit */
  ::-moz-placeholder          {color:#2b2a29; opacity:1;}/* Firefox 19+ */
  :-moz-placeholder           {color:#2b2a29; opacity:1;}/* Firefox 18- */
  :-ms-input-placeholder      {color:#2b2a29; opacity:1;}/* IE */

a {
	text-decoration: none;
	cursor:pointer;
	color:#000;
}

p {
	font-size: 16px;
}

.content {
	width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;  
}

ul.menu {
    clear: both;
    padding: 15px 0;
}

ul.menu li {
    display:inline-block;
    margin-right: 22px;
}

ul.menu li:last-child {
    margin-right: 0;
}

ul.menu li:hover a,
ul.menu li.current a {
    color: #A9069B;
}

ul.menu li:hover a:after{
    width: 100%;
}

ul.menu li a {
    font-size: 18px;
    line-height: 21px;
    color: #060606;
    transition: width 0.3s ease-in-out;
}

ul.menu li a:after {
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    background-color: #A9069B;
    transition: width 0.3s ease-in-out;
}

ul.menu li:last-child a {
    margin-right:0;
}

.header > .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.tel {
    display: flex;
    gap: 8px;
    align-items: center;
}

.tel p {
    transition:0.3s;
}


.tel:hover p {
    color: #A9069B;
}

.tel .el1 {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #060606;
    display: flex;
    gap: 2px;
    flex-direction: column;
    align-items: flex-end;
}

.tel .el2{
    font-weight: 500;
    font-size: 30px;
    line-height: 34px;
    color: #060606;
}

#mmenu {
    display: none;
}

.slide {
    position: relative;
}

img {
    pointer-events: none;
}

#blueimp-gallery img{
    pointer-events: unset;
}

#main-slider .slide .title {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    transform: matrix(1, 0, 0, 1, 0, -50);
    opacity: 0;
}

#main-slider .slide.slick-active .title {
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
    transition: opacity 0.7s 0.5s, transform 0.7s 0.5s;
}

#main-slider .slick-dots {
    position: absolute;
    bottom: 45px;
}

.title h2 {
    background: #F8E509;
    border-radius: 15px;
    width: max-content;
    padding: 23px 33px;
    font-family: 'Arial';
    font-weight: 700;
    font-size: 35px;
    line-height: 130%;
    letter-spacing: 0.1em;
    color: #060606;
}

.title .pur h2 {
    background: #A9069B;
    color:  #fff;
}

#advantage {
    width: 100%;
    min-height: 792px;
    height: 100%;
    position: relative;
    background: url(../img/back-section.jpg)no-repeat;
    box-sizing: border-box;
    padding: 80px 0 50px;
    display: flex;
}

#advantage .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

#advantage .blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
}

#advantage .block {
    width: 33.333%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
}

#advantage .block .image {
    width: 155px;
    height: 155px;
    background: #F8E509;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


#advantage .block .text {
    max-width: 269px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
}

.title2 {
    font-family: 'Arial';
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}

#clients {
    width: 100%;
    min-height: 686px;
    position: relative;
    background: url(../img/back-section2.jpg)no-repeat;
    box-sizing: border-box;
    padding: 50px 0;
}

#clients .slide {
    width: 330px;
    height: 444px;
    box-sizing: border-box;
    padding: 20px 15px;
    background: #FFFFFF;
    border: 2px solid #FFED1C;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

#clients .slide .text p {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #060606;
}

#clients .slide .title {
    padding: 15px 0 10px;
}

#clients .slide .name {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #060606;
    margin-bottom: 5px;
}

#clients .slide .date {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #060606;
}

.slider-clients {
    margin-top: 50px;
}

footer{
    background: #060606;
    padding: 43px 0;
    text-align: center;
    color: #fff;
}

footer > .content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#footer-nav {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

#footer-nav a{
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
}

.footcenter {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.footcenter p {
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
}

.footcenter .tel,
.footcenter .loc {
    display: flex;
    gap: 8px;
    align-items: center;
    text-align: left;
    color: #fff;
}

.footcenter i {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.footcenter i.phone {
    background: url(../img/icons/phone.svg)no-repeat center;
}

.footcenter i.location {
    background: url(../img/icons/loc.svg)no-repeat center;
}

.socblock {
    display: flex;
    align-items: center;
    gap: 20px;
}

.socblock .icons {
    display: inline-block;
    width: 34px;
    height: 34px;  
}

.icons.vk {
    display: inline-block;
    background: url(../img/icons/vk.svg)no-repeat center;
}
.icons.tg {
    display: inline-block;
    background: url(../img/icons/tg.svg)no-repeat center;
}
.icons.vb {
    display: inline-block;
    background: url(../img/icons/vb.svg)no-repeat center;
}

.footright {
    text-align: left;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #B0B0B0;
}

.footright p {
    margin-bottom: 5px;
}

#feedback {
    height: 568px;
    box-sizing: border-box;
    padding-top: 38px;
    background: url(../img/bg-feed.jpg)no-repeat center;
}

#feedback .block {
    width: 50%;
}

#feedback .block.left {
    height: 568px;
    background: url(../img/man.png)no-repeat center;
    margin-top: -38px;
    pointer-events: none;
}

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.button p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    user-select: none;
}

.button p i.arrow-left {
    display: block;
    width: 11px;
    height: 11px;
    background: url(../img/icons/arrow-left.svg)no-repeat center;
}

.buttonC {
    width: 197px;
    height: 36px;
    transition: 0.3s;
    background: #A9069B;
    box-shadow: 0px 3px 15px rgb(169 6 155 / 50%);
    border-radius: 10px;
    overflow: hidden;
}

.buttonW {
    width: 132px;
    height: 36px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    transition: 0.5s;
    overflow: hidden;
}

.buttonW[data-index="0"]{
    width: 0;
}

.buttonW p {
    color: #000;
}

.button:hover {
    background: #f99f0a;
}

.buttonC:hover {
    background: #518ff6;
}

#advantage .buttonC {
    width: 197px;
    height: 36px;
}

#quiz {
    height: 518px;
    background: #ffed1c;
    z-index: 1;
    position: relative;
}

#quiz > .content {
    height: calc(100% + 80px);
    transform: matrix(1, 0, 0, 1, 0, -40);
    display: flex;
    justify-content: center;
    align-items: center;
}

#quiz .q-body {
    width: calc(100% - 40px);
    height: calc(100% - 20px);
    overflow: hidden;
    box-sizing: border-box;
    padding: 40px;
    position: relative;
    background: #FFFFFF;
    border-radius: 15px;
}

#quiz > .content:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: calc(100% - 40px);
    background: #FFFFFF;
    opacity: 0.7;
    border-radius: 15px;
}

#quiz .slide .blocks {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    gap: 25px;
}

#quiz .slide .block {
    position: relative;
}

#quiz .slide .che-cast {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    left: 0;
    top: 0;
    z-index: 1;
}

#quiz .slide .quest {
    text-align: center;
}

#quiz .q-head {
    max-width: 632px;
    margin: 0 auto 40px;
}

#quiz .slide .block .image {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#quiz .slide .block .text {
    margin-top: 10px;
}

#quiz .slide .block .image:before {
    content: "✓";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
    color: #f8e509;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 80px;
    font-weight: 700;
    opacity: 0;
    transition: 0.3s;
}

#quiz .che-cast:checked + label .image:before {
    opacity: 1;
}

#quiz .q-control {
    width: max-content;
    margin: 10px auto 0;
    display: flex;
    gap: 40px;
}

#quiz .q-content {
    position: relative;
    height: 330px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

#quiz .slide {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    overflow: hidden;
}

#quiz .slide:after {
    display: block;
    content: "";
    position: absolute;
    width: 125%;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(-90deg, #fff 0%, #fff 80%, transparent 100%);
}

#quiz .slide.active {
    z-index: 1;
    opacity: 1;
    transition: opacity 1s;
}

#quiz .slide.active:after {
    width: 0;
    transition: width 1s;
}

#sld0 .block {
    width: 200px;
    text-align: center;
}

#sld2 .block {
    width: 175px;
}

#sld3 .block {
    width: 175px;
    text-align: left;
}
#sld3 .block:last-child {
    height: 175px;
    width: 200px;
}

#quiz .line-load {
    width: 330px;
    height: 5px;
    background: #F7F7F7;
    border-radius: 50px;
    margin: 10px auto 0;
    overflow: hidden;
    position: relative;
}

#quiz .line-load > div {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12.5%;
    height: 5px;
    background: #ffed1c;
    transition: 1s;
}

.form3 {
    width: 356px;
    height: 66px;
    max-width: 100%;
    box-sizing: border-box;
    border: 0;
    background: #D9D9D9;
    border-radius: 10px;
    padding: 20px;
}

#quiz #sld1 .blocks {
    justify-content: center;
    gap: 50px;
}

#quiz #sld1 .block {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#quiz #sld7 {
    max-width: 800px;
}

.slide .form-title {
    font-weight: 500;
    font-size: 25px;
    line-height: 29px;
}

.slide .form-title strong {
    color: #A9069B;
}

.slide .form-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    margin-top: 16px;
}

.quiz-input {
    width: 356px;
    max-width: 100%;
    height: 66px;
    background: #D9D9D9;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px;
    border: none;
}

.feedback {
    background: transparent;
    border: none;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.buttonC.send-qz {
    width: 356px;
    max-width: 100%;
    height: 66px;
}

#quiz #sld7 .blocks {
    justify-content: flex-start;
}

.block.polit {
    width: 356px;
    max-width: 100%;
    margin-top: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.block.polit p {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
}

#form-bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #fff;
    border-radius: 15px;
    padding: 50px;
    width: 415px;
    max-width: 100%;
    align-items: center;
    box-sizing: border-box;
}

#form-bottom p {
    width: 100%;
}

#form-bottom p.title {
    font-family: 'Arial';
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    color: #060606;
}

#form-bottom p.text {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    color: #060606;
}

#feedback .blocks {
    display: flex;
}

input.form1 {
    width: 100%;
    border: none;
    background: none;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom: #A6A6A6 solid 1px;
    color: #2b2a29;
    font-size: 14px;
    padding: 5px;
}

textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 165px;
    min-height: 90px;
    padding: 5px;
    font-size: 14px;
    border-color: #A6A6A6;
    border-radius: 5px;
}

#gallery {
    padding: 50px 0;
}

#gallery .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
    padding: 50px 0;
}

#gallery .wrap > a {
    width: 378px;
    max-width: 100%;
    height: 279px;
    border-radius: 15px;
    overflow: hidden;
}

#gallery .wrap > a.for-slide {
    display: none;
}

#gallery .wrap > .button {
    width: 200px;
    height: auto;
    margin: 30px auto 0;
}

#gallery .wrap > a img {
    width: 100%;
}

#feedback-infolist {
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    color: #060606;
}

#feedback-infolist a {
    color: #0B3BB7;
}
























.header {
    background: transparent;
    height: 100px;
    width: 100%;
    padding: 25px 0;
    position: relative;
    z-index: 444;
    top: 0;
	transition:0.3s;
	padding:0;
}

.headerMove{
	background: #161616;
}

.main {
    padding-top: 140px;
}


/*.blMenu {
	position: absolute;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 472px;
    top: 25px;
}*/

.line{
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.20);
    margin-top: 110px;
    position: absolute;
	transition:0.3s;
}

.headerMove .line{
    background: rgba(255, 255, 255, 0);
}

a.logo{
	display:block;
	width:157px;
	height:51px;
	background:url(../img/logo.svg)no-repeat;
}

.contact{

}

.mailTel .tel font{
	color:#f99f0a;
}

h1 {
    font-size: 36px;
    font-weight: bold;
	color:#fff;
	margin-bottom: 26px;
}

h1 font {
	color:#fff70a;
}

h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    color: #a5a5a5;
}

section.display1 {
    background: url(../img/bg_main.jpg)no-repeat top center;
}

section.display1 .blockLeft {
    display: inline-block;
    width: 597px;
    vertical-align: middle;
    margin-top: 220px;
}

section.display1 .blockLeft p{
    display: inline-block;
    vertical-align: middle; 
}

section.display1 .blockLeft p span{
    vertical-align: middle;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

section.display1 .blockLeft p img{
    vertical-align: middle;
	margin-right:15px;
}

section.display1 .blockLeft p:nth-child(3) {
    margin-left: 66px;
}

section.display2{
	font-size:0;
}

.blockLeft2 {
    width: 543px;
    display: inline-block;
	vertical-align:top;
}

.blockRight2 {
    margin-left:140px;
    display: inline-block;
	vertical-align:top;
}

.blockRight2 h2{
	margin-top: 64px;
}


.blockRight2 h3 {
    font-size: 30px;
    font-weight: 600;
    padding: 20px 0;
}

.blockRight2 p {
    max-width: 400px;
    margin: 10px 0;
    font-size: 16px;
}

.blockRight2 div {
    max-width: 400px;
    margin: 10px 0;
    font-size: 18px;
}

.blockRight2 div img {
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;
}

.blockRight2 div span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
}

.srblock1 {
    background: #161616;
    padding-bottom: 114px;
	font-size: 0;
}

.stblock {
    margin-top: 180px;
    padding-bottom: 60px;
    display: inline-block;
    vertical-align: top;
	min-width: 260px;
}

.ftblock{
    display: inline-block;
	margin-left:130px;
	font-size: 0;
}

.ftblock img{
    display: inline-block;
	vertical-align:top;
}

.srblock1 .ftblock img:nth-child(1){
	margin-top:130px;
}
	
.ftblock img:nth-child(1){
	margin-right: 40px;
}

.ftblock img:nth-child(2){
	margin-top:210px;
}

.stblock:after {
    display: block;
    content: "";
    width: 100px;
    height: 4px;
    background: #fff70a;
    margin-top: 60px;
}

.stblock p{
    font-size:28px;
	font-weight:600;
	color:#fff;
}

p.yelow{
	color:#fff70a!important;
	margin-top:20px;
}

.srblock2 {
    font-size: 0;
    background: linear-gradient(to bottom, #161616 0, #161616 200px, #fff 200px, #fff);
}

.srblock2 .ftblock{
	margin-left:0;
	margin-right:130px;
}

.srblock2 .ftblock img:nth-child(2) {
    margin-top: 80px;
}

.srblock2 .stblock {
    margin-top: 260px;
}

.srblock2 .stblock p,
.srblock3 .stblock p {
    color: #000;
}

.srblock2 .stblock p.yelow{
	background: url(../img/bg_text.png)no-repeat top left;
    padding: 5px 0px 5px 10px;
    margin-left: -10px;
}

.srblock2 .stblock:after,
.srblock3 .stblock:after {
    background: #000;
}

.srblock3 {
    font-size: 0;
    background: linear-gradient(to top, #161616 0, #161616 200px, #fff 200px, #fff);
}

.srblock3 .stblock p.yelow{
	background: url(../img/bg_text.png)no-repeat top left;
    padding: 5px 0px 5px 10px;
    margin-left: -10px;
}

.srblock3 .ftblock img:nth-child(1) {
    margin-top: 180px;
}

.srblock3 .ftblock img:nth-child(2) {
    margin-top: 100px;
}


.srblock4 {
    font-size: 0;
    background: #161616;
    padding-bottom: 100px;
}

.srblock4 .ftblock img:nth-child(1) {
    margin-top: 140px;
}

.srblock4 .ftblock img:nth-child(2) {
    margin-top: 220px;
}

.srblock4 .ftblock {
    margin-left: 0;
    margin-right: 74px;
}

.display4{
	text-align:center;
	padding:100px 0;
}

.display4 h3 {
    font-size: 32px;
    font-weight: 600;
    color: #000;
}

.smblock {
    margin: 100px 0 50px;
}

.smb {
    width: 229px;
    height: 170px;
    display: inline-block;
    background: #ccc;
    padding: 15px;
    margin-right: 30px;
    background: #fff70a;
    text-align: left;
    vertical-align: text-top;
	position: relative;
}

.smb p {
    background: url(../img/bg_yellow.png)no-repeat center left;
    padding: 4px 0px 4px 17px;
    margin-left: -17px;
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    width: 240px;
    height: 62px;
    background-size: cover;
}

.smb span {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 10px 0;
    display: block;
}

.smb > div {
	position: absolute;
    right: 14px;
    bottom: -36px;
    font-size: 76px;
    font-weight: 600;
    margin-right: -5px;
    margin-top: -18px;
}

.display4{
	background:url(../img/bg_price.jpg)no-repeat top center;
}

.smb:last-child {
	margin-right:0;
}

.bgb{
	width: 357px;
    height: 480px;
    background: #161616;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

.bgb:last-child{
	margin-right:0;
}

.bgbtitle {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    margin: 80px 0 40px;
}

.bgbprice {
	font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.bgbprice font {
    font-size: 52px;
    font-weight: 600;
    color: #fff70a;
}

.bgblable {
    background: url(../img/bg_black.png)no-repeat center left;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    width: 333px;
    height: 76px;
    background-size: contain;
    text-align: center;
    line-height: 72px;
    margin: 20px auto;
}

.bgb span{
    width: 180px;
    color: #929292;
    display: block;
    font-size: 12px;
    margin: 40px auto 0;
}

.display5 {
	margin:60px 0;
}

.display5 h3 {
    font-size: 40px;
    font-weight: 600;
    color: #000;
    max-width: 680px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 210px;
    text-align: left;
}

.display5 img {
    display: inline-block;
    vertical-align: middle;
}

#form1 input {
    margin-right: 56px;
    display: inline-block;
    vertical-align: bottom;
}

#form1 .buttonC {
    margin: 0;
    background: transparent;
    color: #000;
    width: 340px;
    line-height: 50px;
	height: 64px;
}

#form1 {
    margin:40px 0;
}



/* .display20 h2{
	margin-top:140px;
} */

.display22 .blockRightAll {
    width: 599px;
    height: 540px;
    position: absolute;
    top: 0;
    background: url(../img/bg_remarketing.png)no-repeat;
    display: block;
    margin-left: 600px;
}

.display23 .dis10width {
    padding: 35px 0;
    margin: 0 0 40px;
}

.center{
	text-align:center;
}

.display25{
	text-align:center;	
	background:url(../img/bg_contact.jpg)no-repeat center 30px;
}

.display25 > div{
	margin-top:30px;
	margin-bottom:40px;	
}

.contBlock{
	display:inline-block;
	width:360px;
	vertical-align:top;
	text-align:center;
	margin:20px 0;
}

.contBlock span,
.contBlock a{
	display:block;
	font-weight:bold;
	margin-top:30px;
	color: #2b2a29;
}

.contBlock.tel{
	font-family: "Roboto";
	font-size:28px;
}

.contBlock.loc{
	font-size:18px;
}

.contBlock.mail{
	font-size:22px;
}

body.contacts .wrapDisp4{
	margin-top:-4px;
}

#wrapForm {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: #d6d6d6ad;
    z-index: 555;
    top: 0;
    left: 0;
	display:none;
}

#formModal {
    width: 500px;
    height: 450px;
    background: #fff;
    border: #a9069b solid 4px;
    border-radius: 8px;
    margin: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 556;
    display: none;
    box-sizing: border-box;
    padding: 50px;
}

#formModal .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

input.form2{
    display: block;
    margin: 10px auto;
    width: 310px;
    height: 45px;
    padding: 0 10px;
	font-size: 16px;
}

#formModal span {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-top: 25px;
}

#formModal .button {
    margin-top: 25px;
}

#formModal > .cancel {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 35px;
    text-align: center;
    line-height: 28px;
    color: #333;
    cursor: pointer;
    font-weight: 300;
    opacity: 0.6;
    transform: scaleY(0.78);
}

#formModal > .cancel:hover{
	opacity:1;
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #f2e8e4;
    display: block;
    z-index: 9999;
    top: 0;
}

.m2.hide{
	display:none;
}

#quiz-send {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 507px;
    margin: 0 auto;
}

#quiz .q-body.send {
    display: flex;
    align-items: center;
    justify-content: center;
}

#quiz-send a,
#quiz-send .feedback-modal-box a {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #0B3BB7;
}

input::placeholder,
textarea::placeholder {
  transition: 0.3s;
}

input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent!important;
}


/* /////////////////////////////////////////////////
/////////////////////////////////////////////////
/////////////////////////////////////////////////
/////////////////////////////////////////////////
media
/////////////////////////////////////////////////
/////////////////////////////////////////////////
/////////////////////////////////////////////////
///////////////////////////////////////////////// */

@media screen and (max-width: 1200px) {

.blockRight2 ul li {
    margin-left: 170px;
}
	
.blockRight2 ul li:before {
    left: -170px;
}	

.system {
    margin: 40px 9px!important;
}


.display3 {
    text-align: center;
}

.display2 .blockLeft2{
    display: none;
}

.buttonC {
    width: 280px;
}

#formModal .buttonC {
    width: 330px;
}

input.form1 {
    width: 280px;
}

.content {
    width: 96%;
}

#form1 input {
    margin-right: 50px;
}

ul.menu li {
    margin-right: 8px;
}


ul.menu li a {
    font-size: 14px;
}

.logoF {
    margin-right: 85px;
}

footer ul {
    margin-right: 85px;
}

.display16 img {
    width: 96%;
}

.av, .context, .contextImg {
    display: block;
    margin-bottom: 20px;
	text-align: left;
}

.context {
    max-width: 100%;
}

.context ul{
    margin-bottom:40px;
}

.display7 .buttonC, .display15 .buttonC, .display20 .buttonC {
    margin-left: 0;
    margin-top: 40px;
}

.display9 > div p {
    width: 100%;
}

.display10 .content .dis10block:first-child, .display10 .content .dis10block:nth-child(3) {
    margin-right: 0;
}

.dis10block {
    max-width: 100%;
}

.dis12Block div {
    width: 80%;
}

.dis12Block {
    width: 100%;
}

.display17 .av{
	display:inline-block;
}

.display17 .context{
	display:inline-block;
	width:80%;
}

.display17 .contextBlock {
    margin: 20px 0;
    padding: 0;
    border-bottom: none;
}

.display17 h2{
	margin-bottom:60px;
}

/*section {
    padding: 20px 0;
}*/

	
}


/* /////////////////////////////////////////////////
/////////////////////////////////////////////////
/////////////////////////////////////////////////
/////////////////////////////////////////////////
media
/////////////////////////////////////////////////
/////////////////////////////////////////////////
/////////////////////////////////////////////////
///////////////////////////////////////////////// */
@media screen and (max-width: 960px) {

.content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
}

#quiz {
    height: auto;
}

#quiz .q-content {
    height: 460px;
    overflow: hidden;
    align-content: space-around;
}

#quiz .q-control {
    gap: 25px;
    z-index: 99;
}

#quiz .q-body {
    width: 100%;
    height: auto;
    padding: 10px;
    padding: 30px 20px;
}

#quiz .slide .blocks {
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 10px;
    margin: 0;
}

.form3 {
    width: 100%;
    height: 66px;
    padding: 20px;
}

.image img {
    width: 100%;
}

#advantage .image img {
    width: 55%;
}

.title2 {
    font-size: 17px;
    line-height: 22px;
}

#sld0 .block {
    width: 40%;
}

#gallery {
    padding: 20px 15px 0;
}

#feedback {
    height: auto;
    padding: 20px 0;
}

#feedback .block.left {
    display: none;
}

#feedback .block {
    width: 100%;
}

#form-bottom {
    padding: 50px 20px;
}

footer {
    padding: 20px 0;
}

footer > .content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#advantage {
    background-repeat: repeat;
}

#advantage .content {
    gap: 50px;
}

#advantage .blocks {
    flex-direction: column;
}

#advantage .block {
    width: 100%;
}

.title h2 {
    font-size: 25px;
    width: auto;
    text-align: center;
    border-radius: 0;
}

#main-slider .slide .title {
    width: 100%;
    padding: 0;
    top: 70px;
}

#gallery .wrap > a {
    height: auto;
    width: 48%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header {
    padding: 0;
    height: 50px;
    position: fixed;
    box-shadow: 0 0 6px #777777;
    background: #fff;
}

#mmenu {
    width: 30px;
    height: 25px;
    position: absolute;
    top: 13px;
    right: 10px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#mmenu span {
    display: block;
    width: 100%;
    height: 1px;
    background: #000000;
    transition: 0.5s;
}

#mmenu.acts span{
    background: #fff;
}

#msp1 {
    top: 13px;
}
#msp2 {
    top: 27px;
}
#msp3 {
    top: 42px;
}

#mmenu.acts #msp1 {
    top: 24px;
    transform: matrix(1, -1, 0, 1, 0, 12);
}

#mmenu.acts #msp2 {
    display: none;
}

#mmenu.acts #msp3 {
    top: 24px;
    transform: matrix(1, 1, 0, 1, 0, -11);
}

.header > .content {
    padding: 0;
}

.header > .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 10px;
    position: relative;
    box-sizing: border-box;
}

.header .contact {
    margin-right: 45px;
}

a.logo {
    width: 100px;
    background-size: contain;
    height: 31px;
}

.tel .el1 {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    gap: 2px;
}

.tel .el2 {
    font-size: 24px;
}

#main-slider .slick-slide img {
    display: block;
    margin-left: -500px;
    margin-top: 50px;
    width: 1300px;
}

.slick-slide {
    height: 450px;
    overflow: hidden;
}

.buttonC {
    width: 132px;
    margin: 0 auto;
}

#quiz .q-head {
    margin: 0px auto 20px;
}

#quiz #sld1 .blocks {
    justify-content: center;
    gap: 0;
}

#quiz .slide .block .text {
    word-break: break-word;
}

#sld2 .block {
    width: 30%;
}

#sld7 .block {
    width: 100%;
}

#quiz .slide {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#sld3 .block,
#sld4 .block,
#sld5 .block,
#sld6 .block {
    position: relative;
    width: 47%;
}

#sld3 .blocks .block:last-child{
    width: 100%;
}

#nav {
    padding: 60px 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #000;
}

#nav li {
    border-top: #323232 solid 1px;
    width: 100%;
    text-align: center;
    padding: 20px;
}

#nav li:first-child {
    border-top: 0;
}

#mWrap {
    overflow: hidden;
    width: 100%;
    background: #00000061;
    top: 0px;
    position: fixed;
    right: -200%;
    height: 100vh;
    transition: 0.5s;
    backdrop-filter: blur(3px);
}

#mWrap.mactiv {
    right: 0;
}

.headerRight {
    left: 0;
}

#gallery .wrap {
    padding: 20px 0;
    gap: 10px;
}

input.form1 {
    width: 100%;
}

#formModal .buttonC {
    width: 100%;
}

#feedback-modal-box {
    width: 98%!important;
    height: 100vh!important;
    border: none!important;
    justify-content: center;
}

#gallery .wrap > .button {
    width: 250px;
    height: auto;
    margin: 30px auto 0;
}










































ul.menu li a:after {
    display: none;
}

ul.menu li {
    display: block;
    margin-right: 0;
}

.main {
	padding-top: 60px;
}

.logoF{
	margin-right:0;
}

.logoF{
    margin: 0px 0 10px;
}





h1 {
    font-size: 32px;
}

.display1 ul {
    margin-left: 0;
}

.display1 ul li:before {
    margin-right: 10px;
}

.blockRight2 ul li:before {
    display: block;
    position: relative;
	left: 0;
}

.blockRight2 ul li {
    margin-left: 0;
}

.display4 p {
    font-size: 20px;
    line-height: 28px;

}

#form1 input {
    margin: 20px auto 0;
    width: 270px;
	display: block;
}

#form1 .buttonC {
    margin: 40px auto 0!important;
} 

.feedback.buttonC {
   width: 280px!important;
}

footer ul li {
    font-size: 18px;
    margin-bottom: 15px;
}

footer ul {
    display: block;
    margin-right: 0;
    margin-top: 15px;
}

.contactF {
    display: block;
    text-align: left;
    margin: 40px 0;
}

.display6 .blockLeftAll h1 {
    padding-top: 0;
}

.contextImg {
    width: 100%;
}
	
.contextImg.vcentr {
   text-align:center;
}
	
.contextImg.vcentr img {
   width:auto;
}	

.contextImg img {
    width: 100%;
	margin: 40px 0;
}

.display7 .buttonC, .display15 .buttonC, .display20 .buttonC {
    margin: 0 auto;
}

.contextBlock {
	margin: 20px auto 0;
}

.display7 {
    margin-top: 0;
}

.tasks span {
    width: 210px;
}

h2 {
    font-size: 25px;
    line-height: 27px;
}

.display9 > div p {
    width: 100%;
}

.display10 .content .dis10block:first-child, .display10 .content .dis10block:nth-child(3) {
    margin-right: 0;
}

.av, .context, .contextImg {
    margin-bottom: 10px;
}

.display9 > div {
    padding: 5px;
}

.dis12Block img, .dis12Block div {
    display: block;
    margin-bottom: 10px;
}

.dis12Block div {
    width: 100%;
}

.dis12Block {
    width: 100%;
}

.display12 .dis12Block:last-child p {
    margin-left: 0;
}

.dis12Block {
    width: 100%;
}

.display13 img{
	width:100%;
}

.display14 ul {
    margin-left: 30px;
}

.contextBlock .buttonC{
	margin-top:20px;
}

.display16 img {
    padding: 0;
    width: 100%;
}

.blockRight2 ul span {
    font-size: 24px;
    font-weight: bold;
    color: #5290f5;
    display: block;
    margin-bottom: 10px;
}

.display14 ul li:before, .display18 ul li:before {
    display: block;
    margin-right: 0;
    position: absolute;
    left: 18px;
}

.display18 ul li:before {
    display: block;
    margin-right: 0;
    position: absolute;
    left: -30px;
}	
	

.display18 ul li {
    margin-left: 30px;
    position: relative;
}

.blockLeftAll {
    min-height: 0;
}

.wrapDisp4 {
    margin-top: 0px;
}

.display20 ul li:before {
    display: block;
    margin-right: 0;
    margin-left: -20px;
}


.display20 ul li{
    margin-left: 20px;
}

.display23 .dis10width {
    padding: 5px 0;
	margin: 0;
}

.dis10block.center img{
	width:100%;
}

.contBlock {
    width: 100%;
}

.display25 {
    background: url(../img/bg_contact.jpg)no-repeat center;
}


ul.menu li a {
    font-size: 23px;
	color: #fff;
}

#formModal p {
    padding: 0;
}

#formModal {
    width: 100%;
    height: 100%;
    border: none;
}

input.form2 {
    display: block;
    margin: 10px auto;
    width: 260px;
    height: 45px;
    padding: 0 10px;
    font-size: 16px;
}

input.form2 {
    width: 260px;
}

#formModal span {
    margin-top: 80px;
}
	
}

@media screen and (min-width: 540px) and (max-width: 960px){
#advantage .block {
    width: 50%;
}
#advantage .blocks {
    flex-direction: initial;
}
}