html {margin: 0; padding: 0; width: 100%; height: 100%;}
body {
margin: 0; padding: 0;
font-family: 'PTSansRegular', sans-serif;
color:#000;
position: relative;
background: #fff;
font-size: 120%;
width: 100%; height: 100%;
}

@font-face {
	font-family: "RobotoSlab";
	src: url("fonts/RobotoSlab-Bold.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "PTSansRegular";
	src: url("fonts/RobotoSlab-Regular.woff") format("woff");
	font-style: normal;
	font-weight: normal;
}

img {border-style:none;vertical-align: top;}
a, a:active {outline: none; text-decoration: none!important; cursor:pointer;}
a:visited {color: #000; text-decoration: none!important; cursor:pointer;}
a:link {color: #000; text-decoration: none!important; cursor:pointer;}
a:hover, a:active {color: #1778f2; text-decoration: none!important; cursor:pointer;}
* {outline:none; text-decoration: none!important;}

.section {overflow: hidden; width: 100%; height:100%; position: absolute;}
#fullpage {z-index: 0;}

.title-main {font-family: "RobotoSlab"; font-size: 180%; line-height: 180%;}
.slide-main {text-align: center;}
.contacts-text {margin: 0 auto; width: 50%; font-size: 120%;}
.menu {width: 20px; position: fixed; right: 30px; top: 30px; z-index: 99; cursor: pointer;}
.menu img {width: 100%; height: auto;}
.popup {display: none; width: 100%; height: 100%; background: #fff; z-index: 9999; position: absolute;}
.popup-close {position: absolute; right: 30px; top: 30px; width: 20px; cursor: pointer; z-index: 99;}
.popup-close img {width: 100%; height: auto;}

.products-block {max-width: 850px; margin: 6% auto; z-index: 1;}
.product-one {width: 200px; height: 200px; float: left; margin: 0 10px 10px 0; border: 1px solid #f1f1f1; border-radius: 30px; overflow: hidden; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
.product-one:hover {scale: 1.2;}
.product-one img {width: 100%; height: auto;}

.slide-01 {background-image: url(img/slide-01.jpg); background-size: cover; background-position: 50% 50%;}
.slide-02-text {position: absolute; left: 50%; font-size: 80%; width: 40%; top: 25%;}
.slide-02-text li {margin: 20px 0;}
.slide-02-img {position: absolute; left: 50px; width: 40%; top: 25%;}
.slide-03 {background-image: url(img/slide-03.jpg); background-size: cover; background-position: 50% 50%;}
.slide-03-img {position: absolute; width: 100%; height: 100%; top: 0; background-image: url(img/slide-03-img.png); background-size: cover; background-position: 50% 50%;}
.slide-04 {background-image: url(img/slide-04.jpg); background-size: cover; background-position: 50% 50%;}
.slide-05 {background-image: url(img/slide-05.jpg); background-size: cover; background-position: 50% 50%;}
.slide-06 {background-image: url(img/slide-06.jpg); background-size: cover; background-position: 50% 50%;}
.slide-07 {background-image: url(img/slide-07.jpg); background-size: cover; background-position: 50% 50%;}
.slide-08 {background-image: url(img/slide-08.jpg); background-size: cover; background-position: 50% 50%;}
.slide-09 {background-image: url(img/slide-09.jpg); background-size: cover; background-position: 50% 50%;}
.slide-10 {background-image: url(img/slide-10.jpg); background-size: cover; background-position: 50% 50%;}
.slide-11 {background-image: url(img/slide-11.jpg); background-size: cover; background-position: 50% 50%;}
.slide-12 {background-image: url(img/slide-12.jpg); background-size: cover; background-position: 50% 50%;}
.slide-13 {background-image: url(img/slide-13.jpg); background-size: cover; background-position: 50% 50%;}
.slide-14 {background-image: url(img/slide-14.jpg); background-size: cover; background-position: 50% 50%;}
.slide-14-img {position: absolute; width: 100%; height: 100%; top: 0; background-image: url(img/slide-14-img.png); background-size: cover; background-position: 50% 50%;}
.slide-15 {background-image: url(img/slide-15.jpg); background-size: cover; background-position: 50% 50%;}
.slide-16 {background-image: url(img/slide-16.jpg); background-size: cover; background-position: 50% 50%;}
.slide-17 {background-image: url(img/slide-17.jpg); background-size: cover; background-position: 50% 50%;}
.slide-18 {background-image: url(img/slide-18.jpg); background-size: cover; background-position: 50% 50%;}

.logo-main {width: 400px; display: inline-block; padding: 30px;}
.logo-main img {width: 100%; height: auto;}
.logo-page {width: 100px; position: absolute; right: 40px; bottom: 40px; z-index: 99;}
.logo-page img {width: 100%; height: auto;}
.title-main {font-family: "RobotoSlab"; font-size: 160%; line-height: 140%;}
.title-page {font-family: "RobotoSlab"; font-size: 200%; line-height: 120%; position: absolute; top: 40px; left: 40px; width: 60%;}

.info-page {position: absolute; left: 40px; bottom: 40px; font-size: 70%;}

.info-icon {width: 30px;}
.info-icon img {width: 100%; height: auto;}
.info-tx {padding: 20px 0; width: 45%;}
.info-tx-small {padding: 20px 0; width: 25%;}
.info-tx-copyright {padding: 0px 0; width: 110px;}
.info-mass {font-family: "RobotoSlab"; font-size: 180%; line-height: 100%;}

.price-block {position: absolute; right: 30px; top: 30px; width: 250px;}
.star {width: 250px; height: 250px;}
.star img {width: 100%; height: auto;}

.price-all {position: absolute; z-index: 1; transform: rotate(6deg); margin: -12px 0 0 12px; display: inline-block;}
.price-1 {font-family: "RobotoSlab"; font-size: 400%; line-height: 120%; position: absolute; top: 55px; left: 0px; width: 250px; text-align: center;}
.price-1 span {font-size: 60%; font-weight: bold; font-family: system-ui; margin-left: -10px;}
.price-2 {font-family: "RobotoSlab"; font-size: 143%; line-height: 120%; position: absolute; top: 135px; left: 0px; width: 250px; text-align: center;}

.rot {
	animation: 1s linear 0s normal none infinite running rot;
	-webkit-animation: 100s linear 0s normal none infinite running rot;
}

@keyframes rot {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(360deg);
	}
}
@-webkit-keyframes rot {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(360deg);
	}
}

@media screen and (max-device-width: 1000px){
body {}
.slide-03-img, .slide-04, .slide-05, .slide-06, .slide-07, .slide-08, .slide-09, .slide-10, .slide-11, .slide-12, .slide-13, .slide-14-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 150%;}
    
.slide-15, .slide-16, .slide-17 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 70% 37%;
    background-size: 200%;}
    
.products-block {
    max-width: 640px;
    margin: 20% auto;
    z-index: 1;}
    
    .rot {
	animation: none;
	-webkit-animation: none;;
}
}