body{
background: #E0EAFC; background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC); background: linear-gradient(to right, #CFDEF3, #E0EAFC); }
.title-span{
display: inline-block;
margin-top: -10px;
font-size: 75px;
}
.header-logo{
display:flex;
align-items:center;
color:#000;
gap:10px;
}
.header-logo img{
width:55px;   }
.header-logo span{
color:#fff;
font-family: "Russo One", Sans-serif;
font-size:14px;
line-height:20px;
text-transform:uppercase;
} .kvadro-wrapp{
display:grid;
grid-template-columns:repeat(8, 1fr);
grid-template-rows:repeat(2, 1fr);
gap:15px;
}
.kvadro-item{
border-radius:20px;
background:#fff;
position:relative;
padding:20px;
}
.k-item-1{
grid-column:span 2;
grid-row:span 1;
display:flex;
flex-direction: column;
justify-content:space-between;
align-items: center;
background:#FF6E1B;
order:6;
}
.k-item-2{
grid-column:span 4;
grid-row:span 2;
background:url(https://arkhyzatv.ru/wp-content/uploads/2024/03/im-kva-min.png) no-repeat center center;
background-size:cover;  }
.k-item-3{
grid-column:span 2;
grid-row:span 1;
display:flex;
flex-direction:column;
align-items: center;
justify-content: center;
gap:10px;
}
.k-item-3 p{
margin-bottom:0;
}
.k-item-3 span{
font-size:140px;
line-height:140px;
font-weight:900;
color:#000;
font-family: "Russo One", Sans-serif;
}
.k-item-4{
grid-column:span 2;
grid-row:span 1;
display: flex;
align-items: center;
justify-content: center;
}
.k-item-5{
grid-column:span 2;
grid-row:span 1;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap:10px;
order:1;
}
.k-item-5 p{
margin-bottom:0;
}
.k-item-5 span{
text-align:center;
}
.atv-number{
font-size:140px;
line-height:140px;
color:#000;
font-weight:900;
gap:7px;
font-family: "Russo One", Sans-serif;
}
.atv-title{
display:flex;
flex-direction:column;
gap:7px;
align-items: center;
line-height:18px;
}
.atv-title img{
width:20px;
height:20px;
}
.atv-title span{
font-family: "Russo One", Sans-serif;
color: #fff;
font-size: 22px;
}
.atv-title p{
font-family: "Russo One", Sans-serif;
font-size: 16px;
color: #fff;
font-weight: 300;
text-align:center;
}
.atv-sped{
display:flex;
flex-direction:column;
align-items: center;
gap: 10px;
}
.atv-sped p{
margin-bottom:0;
text-align:center;
}
.atv-sped img{
width:50px;
height:50px;
}
.atv-skor{
font-size:140px;
line-height:140px;
font-weight:900;
color:#000;
display: flex;
align-items: flex-end;
font-family: "Russo One", Sans-serif;
}
.atv-skor span{
font-size:20px;
line-height:20px;
}
.atv-btn a{
background: #ffffff;
padding: 10px 30px;
font-family: "Russo One", Sans-serif;
color: #000;
border-radius: 50px;
font-size: 16px;
line-height: 16px;
} .grid-img{
display:grid;
grid-template-columns:repeat(8, 1fr);
grid-template-rows:1fr 1fr 1fr;
gap:15px;
}
.img-item{
position:relative;
background:#ccc;
border-radius:20px;
}
.img-i-1{
grid-column:span 4;
grid-row:span 2;
height:470px;
background:url(https://arkhyzatv.ru/wp-content/uploads/2024/03/photo16994458131-min.jpeg) no-repeat center center;
background-size:cover;
}
.img-i-2{
grid-column:span 2;
grid-row:span 1;
background:url(https://arkhyzatv.ru/wp-content/uploads/2024/03/photo16994458139-min.jpeg) no-repeat center center;
background-size:cover;
}
.img-i-3{
grid-column:span 2;
grid-row:span 2;
background:url(https://arkhyzatv.ru/wp-content/uploads/2024/03/20231028_153609-min.jpg) no-repeat center center;
background-size:cover;
}
.img-i-4{
grid-column:span 2;
grid-row:span 2;
background:url(https://arkhyzatv.ru/wp-content/uploads/2024/03/20231028_120914-min.jpg) no-repeat center center;
background-size:cover;
}
.img-i-5{
grid-column:span 4;
grid-row:span 1;
background:url(https://arkhyzatv.ru/wp-content/uploads/2024/03/20231028_113049-min.jpg) no-repeat center center;
background-size:cover;
}
.img-i-6{
grid-column:span 2;
grid-row:span 1;
padding:20px;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
justify-content: space-between;
background: #ff6e1b;;
}
.text-block{
color:#fff;
font-size:18px;
font-family: "Montserrat", Sans-serif;
}
.img-i-6 a{
background: #ffffff;
padding: 10px 30px;
font-family: "Russo One", Sans-serif;
color: #000;
border-radius: 50px;
font-size: 16px;
line-height: 16px;
}
.prava{
font-family: "Montserrat", Sans-serif;
display:flex;
flex-direction:column;
gap:10px;
}
.prava a{
color:#000;
font-size:14px;
line-height: 14px;
}
.politic-item{
color:#000;
font-size:14px;
line-height: 14px;
}
.link a{
color:#000 !important;
} .footer-fixed{
padding:10px 20px;
display:grid;
grid-template-columns:1fr 1fr 1fr;
align-items: center;
background:#fff;
margin:0px;
}
.block-1-footer{
display: flex;
justify-content: space-between;
gap:10px;
}
.block-2-footer{
display: flex;
justify-content: space-between;
}
.block-center{
display: flex;
justify-content: center;
}
.block-center a{
background: #ff6e1b;
border-radius: 50%;
display: block;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.f-item{
display:flex;
flex-direction:column;
gap:5px;
align-items: center;
color:#000 !important;
}
.f-item span{
font-size: 10px;
line-height: 12px;   
}
#fixed-block{
position:fixed; bottom:-2px;
border-radius:0;
z-index:999;
} .sovet-wrapp{
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap:10px;
}
.sovet-item{
background:#E0EAFC;
border-radius:20px;
position:relative;
height:250px;
padding:20px;
overflow:hidden;
}
.sovet-item p{
font-size:16px;
line-height:26px;
font-family: "Montserrat", Sans-serif;
color:#000;
margin-bottom: 0px;
font-weight: 600;
}
.img-sovet-2{
position:absolute;
top: 90px;
}
.s-item-6{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.s-item-6 h3{
text-align:center;
}
.s-item-6 a{
font-family: "Russo One", Sans-serif;
font-size:24px;
color:#FF6E1B;
text-align: center;
} .form-item-bron input[type="text"]{
background:url(https://vertikaltour.ru/wp-content/uploads/2023/07/n.svg);
background-size:16px;
background-repeat:no-repeat;
background-position:center right 2%;
border:1px solid #333;
padding: 20px 10px;
border-radius:5px;
font-family: "Montserrat", Sans-serif !important;
}
.form-item-bron-date input[type="text"]{
background:url(http://vertikn9.beget.tech/wp-content/uploads/2023/07/kalendar.svg);
background-size:16px;
background-repeat:no-repeat;
background-position:center right 2%;
border:1px solid #333;
padding: 20px 10px;
border-radius:5px;
font-family: "Montserrat", Sans-serif !important;
}
.form-item-bron-tel input[type="text"]{
background:url(https://vertikaltour.ru/wp-content/uploads/2023/07/telll.svg);
background-size:16px;
background-repeat:no-repeat;
background-position:center right 2%;
border:1px solid #333;
padding: 20px 10px;
border-radius:5px;
font-family: "Montserrat", Sans-serif !important;
}
.btn-form-btn [type="submit"]{
background-color: transparent;
background: #ff6e1b;
font-family: "Russo One", Sans-serif !important;
font-size:15px !important;
font-weight:400 !important;
border-radius:50px !important;
}
.wpcf7-list-item{
margin:0 !important;
}
.wpcf7-form label{
margin-bottom:0 !important;
}
.ss1 span{
color:#000;
font-size:12px;
}
.wpcf7 form.invalid .wpcf7-response-output{
display:none;
}
.btn-form-btn p{
margin-bottom:0 !important;
}
.btn-form-btn [type="submit"]:hover{
background: #ff6e1b;
}
.bgbg{
background-size:cover !important;
background-position:center center !important;
}
input[type='text'] {
font-size: 16px;
} .fix-phone{
position: fixed;
bottom: 45px;
right: 30px;
width: 60px;
height: 60px;
display: flex;
background: #ff6e1b;
border-radius: 50px;
align-items: center;
justify-content: center;
z-index:99;
}
.fix-phone svg{
margin-top:5px;
}
a.scrollToTop{
display:none !important;
} @media(max-width:1100px){
.atv-skor {
font-size: 100px;
line-height: 100px;
}
.k-item-3 span {
font-size: 100px;
line-height: 100px;
}
.atv-number {
font-size: 100px;
line-height: 100px;
}
}
@media(max-width:1024px){
.sovet-wrapp {
grid-template-columns: 1fr 1fr;
}
}
@media(max-width:900px){
.atv-skor {
font-size: 70px;
line-height: 70px;
}
.k-item-3 span {
font-size: 70px;
line-height: 70px;
}
.atv-number {
font-size: 70px;
line-height: 70px;
}
.atv-btn a{
font-size:14px;
line-height:14px;
}
}
@media(max-width:767px){
.kvadro-item,
.img-item{
border-radius:10px;
}
.fix-phone{
display:none;
}
.sovet-item {
height: 150px;
padding:10px;
}
.sovet-item p{
font-size:14px;
line-height:20px;
}
.s-item-6 h3 span{
display:none;
}
.s-item-6 h3{
font-size: 14px;
line-height: 20px;
}
.s-item-6 a {
font-size: 16px;
}
.img-sovet-2 {
top: 70px;
}
.prava{
text-align:center;
}
.prava a{
text-align:center;
}
.header-logo span{
display:none;
}
.header-logo img {
width: 45px;
}
.title-span{
font-size: 55px;
margin-top: 10px;
text-transform: uppercase;
}
.kvadro-wrapp {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(1, 1fr);
gap: 5px;
}
.k-item-1{
order:6;
grid-column: span 6;
grid-row: span 1;
margin-top: -5px;
border-radius: 0 0 10px 10px;
}
.k-item-2{
order:5;
grid-column: span 6;
grid-row: span 1;
padding: 150px 0;
border-radius: 10px 10px 0 0;
}
.k-item-3{
order:1;
grid-column: span 6;
grid-row: span 1;
}
.k-item-4{
order:3;
grid-column: span 3;
grid-row: span 1;
}
.k-item-5{
order:2;
grid-column: span 3;
grid-row: span 1;
}
.atv-skor {
font-size: 35px;
line-height: 35px;
letter-spacing: 2px;
}
.k-item-3 span {
font-size: 35px;
line-height: 35px;
}
.atv-number {
font-size: 35px;
line-height: 35px;
} .grid-img {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(4, 1fr);
gap: 5px;
}
.img-i-1 {
grid-column: span 1;
grid-row: span 1;
height:auto;
}
.img-i-2 {
grid-column: span 1;
grid-row: span 1;
}
.img-i-3 {
grid-column: span 2;
grid-row: span 1;
}
.img-i-4 {
grid-column: span 1;
grid-row: span 2;
}
.img-i-5 {
grid-column: span 1;
grid-row: span 1;
}
.img-i-6 {
grid-column: span 1;
grid-row: span 1;
padding: 10px;
}
.text-block {
font-size: 14px;
}
.img-i-6 a {
font-size: 14px;
margin-top: 10px;
padding: 7px 35px;
}
}
@media(max-width:370px){
.sovet-wrapp {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-gap:5px;
}
.s-item-1{
grid-column:span 2;
}
.s-item-2{
grid-column:span 2;
}
.s-item-3{
grid-column:span 2;
}
.s-item-6{
grid-column:span 2;
}
.img-mob{
top:30px;
}
}