body {
padding: 0;
margin: 0;
}
/* intro */
.intro {
background: #333;
width: 100%;
height: 40px;
}
.container {
display: flex;
font-family: Calibri;
font-size: 14px;
word-spacing: 0.2em;
letter-spacing: 0.3px;
width: 100%;
max-width: 1260px;
min-width: 700px;
margin: 0 auto;
justify-content: space-between;
color: #fff;
}
#circle {
-webkit-animation: circle 2s linear infinite;
animation: circle 2s linear infinite;
}
@-webkit-keyframes circle {
0% { color: rgba(224, 24, 24, 1); }
50% { color: rgba(224, 24, 24, 0); }
100% { color: rgba(224, 24, 24, 1); }
}
@keyframes circle {
0% { color: rgb(224, 24, 24, 1); }
50% { color: rgba(224, 24, 24, 0); }
100% { color: rgba(224, 24, 24, 1); }
}
#circle {
font-size: 35px;
}
.intro_region:hover .circle {
opacity: 0;
}
.intro_region div {
height: 40px;
margin-right: 2px;
}
.intro_region {
line-height: 40px;
width: 300px;
display: flex;
text-align: center;
}
.text_region:hover {
cursor: help;
}
.intro_region:hover #gor {
background: #63C0E4;
cursor: help;
}
.intro_region:hover {
background: #63C0E4;
cursor: help;
}
.intro_dostavka .intro_dostavka_1:hover {
background: #63C0E4;
cursor: help;
}
.intro_dostavka .intro_dostavka_2:hover {
background: #63C0E4;
cursor: help;
}
.intro_dostavka .intro_dostavka_3:hover {
background: #63C0E4;
cursor: help;
}
#gor {
border: none;
outline:none;
background: #333;
color: #fff;
margin-bottom: 2px;
}
.intro_dostavka {
display: flex;
position: relative;
z-index: 100;
}
.intro_dostavka_1 {
background: #E3E306;
color: black;
position: relative;
z-index: 100;
}
.intro_dostavka_2 {
}
.intro_dostavka div {
height: 40px;
width: 200px;
text-align: center;
line-height: 40px;
}
.info {
top:43px;
display:none;
}
.intro_dostavka_1:hover .info,
.intro_dostavka_2:hover .info,
.intro_dostavka_3:hover .info {
display: block;
position: absolute;
color: #333;
z-index: 100;
border: 1px solid grey;
height: 40px;
width: 169px;
line-height: 15px;
text-align: left;
padding: 15px;
border-radius: 3px;
box-shadow: 1px 0px 1px rgba(88, 81, 81, 0.43), 1px 2px 3px 3px rgba(27, 25, 25, 0.32);
}
.intro_region:hover .info {
display:block;
position:absolute;
color: #333;
z-index: 100;
border: 1px solid grey;
height: 40px;
width: 269px;
line-height: 15px;
text-align: left;
padding: 15px;
border-radius: 3px;
box-shadow: 1px 0px 1px rgba(88, 81, 81, 0.43), 1px 2px 3px 3px rgba(27, 25, 25, 0.32);
}
/* Zagolovok */
.container_zagolovok {
display: flex;
font-family: Calibri;
letter-spacing: 0.3px;
width: 100%;
max-width: 1260px;
min-width: 700px;
margin: 0 auto;
margin-top: 20px;
justify-content: center;
position: relative;
z-index: 0;
}
.zagolovok {
position: relative;
z-index: 0;
color: black;
font-size: 50px;
font-weight: 900;
}