* {
  margin: 0;
  box-sizing: border-box;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

::-webkit-scrollbar {
  display: none;
}

.scroll-item {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}


section {
  height: max-content;
  min-height: 100vh;
}



html {
  scroll-snap-type: y mandatory;
}


body {
	background-color: black;
}


h1, h2, h3, h4, h5 {
	color: #dadada;
}

p {
	color: #bbbbbb;
}

/*.secondo {
	background: url(img/secondsectionback.jpg), url(img/topshadow.png) ;
	background-size: cover, contain;
	background-position: center, top;
	background-repeat: no-repeat, repeat-x;
}
*/

/*.secondo {
	background: url(img/secondsectionback.jpg) cover center no-repeat,
							url(img/topshadow.png) contain top repeat-x;
}
*/


.secondo {
	background: url(img/topshadow.png), url(img/bottomshadow.png), url(img/secondsectionback.jpg) ;
	background-size: contain, contain, cover;
	background-position: top, bottom, center;
	background-repeat: repeat-x, repeat-x, no-repeat;
}


.enter_ins_cool {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100vh;
}

.btnorg {
	text-decoration: none;
    color: white;
    font-weight: 700;
    background-color: #c21dcd;
    padding: 7px 15px;
    border-radius: 5px
}


.whatabout {
	width: 50%;
	margin-top: 10%;
}

.whiter {
	color: #dadada;
}

.first_sec .row {
	height: 100vh;
}

.first_sec h2{
	text-align: center;
}

.first_sec h3{
	text-align: center;
}

.first_sec p{
	text-align: center;
}


.hero_comp, .logo_comp {
	position: relative;
}

.logo_comp {
	width: 40%;
}

.hero_comp {
	width: 90%;
	height: 55%;
}


.hero_comp .topper, .logo_comp .topper {
	top:0px;
	position: absolute;
}

.podarok {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.righto {
	flex-direction: row-reverse;
}

.righto {
	text-align: right;
}

.podarok_pic_cont {
	flex-basis: 30%;
}

.podarok_opis {
	flex-basis: 65%;
}

.podarok_opis p {
	font-size: small;
}


.uslovie {
	padding-top: 10px;

}

.uslovie i {
	color: orange;

}

.uslovus {
	color: #dadada;
	line-height: 1.1;

}

.sorry {
	font-size: small;
	color: #ababab;
	line-height: 1.2;

}


.attention {
	background-image: url(img/attention_left.png), url(img/attention_right.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center left, center right;
	background-size: contain;
}


.headahh {
	height:7vh;
	background-color: #00000087;
        display: flex;
        flex-direction: column;
        justify-content: center;
}

.headahh img {
	height: 5vh;
}


@media (max-width: 575px) { 

.podarok {
  flex-direction: column;
}

.logo_comp {
	width: 60%;
}

.intro {
    background: url(img/msk.png) , url(img/spb.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.nemobila {display: none;}

.hero_comp {
	height: 45%;
}

.headahh {
		height: 5vh;
        background-color: #00000087;
        display: flex;
        flex-direction: column;
        justify-content: center;
}

.headahh img {
	height: 4vh;
}

}


@media (min-width: 576px) and (max-width: 768px) {

.nemobila {display: none;}
.intro {
    background: url(img/msk.png) , url(img/spb.png);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}

.hero_comp {
	height: 45%;
}

}


@media (min-width: 769px) and (max-width: 992px) {

.mobila {display: none;}

.intro {
    background: url(img/msk.png) , url(img/spb.png);
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}

}


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

.mobila {display: none;}

.intro {
    background: url(img/msk.png) , url(img/spb.png);
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}

}


@media (min-width: 1201px) {

.mobila {display: none;}

.intro {
    background: url(img/msk.png) , url(img/spb.png);
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}

}


@media (min-width: 1401px) {

.mobila {display: none;}

}






:root {
  --animate-delay: 0.5s;
}