@charset "UTF-8";
.navigation {height: 4.4vw;background: #262626;width: 100%;position: fixed;z-index:99999999;}
.logo {position: block;padding-left: 2.3vw;float: left;margin-top:0.2vw;}
.brand {position: block;padding-left: 1vw;float: left;line-height: 4.4vw;text-transform: uppercase;font-size: 2vw;background: #262626;}
#up{padding-top: 4.4vw}
#brand {color: #ffffff;text-decoration: none;}
article p{font-size: 1vw;}
.nav-container {max-width: 70vw;margin: 0 auto;}
nav {float: right;background: #262626;}
nav ul {list-style: none;margin: 0;padding: 0;}
nav ul li {float: left;position: relative;background: #161616;}
nav ul li a,nav ul li a:visited {display: block;padding: 0 1vw;line-height: 4.4vw;background: #262626;color: #ffffff;text-decoration: none;font-size: 1.3vw;}
nav ul li a:hover,nav ul li a:visited:hover {background: #2581DC;color: #ffffff;}
nav ul li a:not(:only-child):after,nav ul li a:visited:not(:only-child):after {padding-left: 0.47264vw;content: ' ▾';}
nav ul li ul li {min-width: 11.5vw;}
nav ul li ul li a,nav ul li ul li a:visited {padding: 0.7vw;line-height: 2.3632vw;background: #161616;color: #ffffff;}
.nav-dropdown {position: absolute;display: none;z-index: 1;box-shadow: 0 0.3vw 1.2vw rgba(0, 0, 0, 0.15);}
.nav-mobile {display: none;position: absolute;top: 0;right: 0;background: #262626;height: 0px;width: 0px;}
.find input {margin-top: 0;padding-top: 2%;padding-bottom: 2%;width: 30%;padding-left: 1.5vw;border: 0.2vw solid #4797DD;border-radius: 1vw 0 0 1vw;outline: none;background: white;color: #4797DD;font-size: 1vw;}
.find button {top: 0;right: 0;padding-bottom: 2%;padding-right: 2vw;padding-left: 1.3vw;padding-top: 2%;border: none;background: #4797DD;border-radius: 0 1vw 1vw 0;cursor: pointer;border: 0.2vw solid #4797DD;font-size: 1vw;}
.find button:before {content: "Поиск";color: #F9F0DA;}
.gifts{text-align:center;}
.gifts li{display:inline}
.giftsviev{margin:0;padding:0;list-style:none;clear:both;display:center}
.giftsviev li{list-style:none;margin:0;padding:0}
.giftsviev li img{margin:0.35vw;background: white;background-clip: padding-box;border:0.35vw solid #fff0;height:7.5vw;border-radius: 1.5vw;transition:box-shadow 0.5s ease}
.giftsviev li img:hover{box-shadow:0px 0px 2vw rgba(0,0,0,0.4)}
#bygifts {display: inline-block;background-color:white;border-radius: 2.5vw;max-width: 95%;}
.mains{text-align:center;}
.mains li{display:inline}
.mainsviev{margin:0;padding:0;list-style:none;clear:both;display:center}
.mainsviev li{list-style:none;margin:0;padding:0;}
.mainsviev li img{margin:0.5vw;border:0.3vw solid #fff0;height:7.5vw;border-radius: 1.5vw;transition:box-shadow 0.5s ease}
.mainsviev li img:hover{box-shadow:0px 0px 2vw rgba(0,0,0,0.4)}
#bymain {max-width: 85vw;display: inline-block;}
#byrecomends {max-width: 90vw;display: inline-block;}
#byrecomends h2 p {font-size: 1.5vw;}
.mainpage{margin:0;padding:0;list-style:none;clear:both;display:center;display: inline-block;}
#forlink {border:0.3vw solid #fff0;border-radius: 2.5vw;transition:box-shadow 0.5s ease;margin: 0;margin-top: 1vw;font-size: 1.5vw;}
#forlink:hover{box-shadow:0 0 0.7vw rgba(0,0,0,0.4)}
a{text-decoration: none;color: black;}
.mainpage a{text-decoration: none;color: black;}
.mainpage li div{max-width: 8vw;font-size: 1vw;position: relative;vertical-align:top;display:inline-block;margin:0.2vw;border:0.3vw solid #fff0;border-bottom:6vw solid #fff0;height:8vw;border-radius: 1.5vw;transition:box-shadow 0.5s ease}
.mainpage li div:hover{box-shadow:0 0 2vw rgba(0,0,0,0.4)}
.mainpage li div img{width: 8vw;border-radius: 1.5vw;background-color:white;}
.mainpage li div span.left{position: absolute;left: 0px;border: 0.3vw solid #fff0;background: rgba(0, 0, 0, 0.7);border-radius: 2.5vw 25% 25% 25%;color: white;padding-left: 0.3vw;}
.mainpage li div span.right{position: absolute;right: 0px;border: 0.3vw solid #fff0;background: rgba(0, 0, 0, 0.7);border-radius: 25% 2.5vw 25% 25%;color: white;padding-right: 0.3vw;}
.mainviev{margin:0;padding:0;list-style:none;clear:both;display:center;display: inline-block;}
.mainviev a{text-decoration: none;color: black;}
.mainviev li div{max-width: 8vw;font-size: 1vw;position: relative;vertical-align:top;display:inline-block;margin:0.2vw;border:0.3vw solid #fff0;border-bottom:6vw solid #fff0;height:8vw;border-radius: 1.5vw;transition:box-shadow 0.5s ease}
.mainviev li div:hover{box-shadow:0 0 2vw rgba(0,0,0,0.4)}
.mainviev li div img{width: 8vw;border-radius: 1.5vw;background-color:white;}
.mainviev li div span.left{position: absolute;left: 0px;border: 0.3vw solid #fff0;background: rgba(0, 0, 0, 0.7);border-radius: 2.5vw 25% 25% 25%;color: white;padding-left: 0.3vw;}
.mainviev li div span.right{position: absolute;right: 0px;border: 0.3vw solid #fff0;background: rgba(0, 0, 0, 0.7);border-radius: 25% 2.5vw 25% 25%;color: white;padding-right: 0.3vw;}
#upimageli{position: absolute;}
.maininfo{margin: 0.3vw;padding-left:0px;list-style:none;text-decoration: none;color: black;}
.maininfo li{padding-left:0px;display:block;border-bottom: 0.5vw solid #fff0;}
#whiteli{background-color:white;border:0.25vw solid #fff0;border-radius: 1.5vw;margin: 0;word-break: break-word;}
#bymains {max-width: 100vw; display: inline-block;background-color:white;border-radius: 1.5vw;}
.stikers{text-align:center;}
.packinfo{text-align:center}
.content{text-align:center}
.stikers li{display:inline}
.stickersviev{margin:0;padding:0;list-style:none;clear:both;display:center}
.stickersviev li{list-style:none;margin:0;padding:0}
.stickersviev li img{margin:0.5vw;border:0.3vw solid #fff0;width: 7.5vw;border-radius: 1.5vw;transition:box-shadow 0.5s ease}
.stickersviev li img:hover{box-shadow:0px 0px 2vw rgba(0,0,0,0.4)}
.packlogo img{width: 30vw;}
#packlogo {display: inline-block;float:left;width: 60%;}
#packtext {display: inline-block;float:left;text-align: left;width: 40%;font-size: 1.5vw;}
#bystickers {display: inline-block;background-color:white;border-radius: 2.5vw;max-width: 60%;}
#packhead {display: inline-block;vertical-align:bottom;background-color:white;border-radius: 2.5vw;width: 50%;margin-top: 0.5vw;}
#packlogo img{width: 100%;border-radius: 2.5vw;}
.str {list-style: none;display: inline-block;padding: 0;margin-top: 1vw;}
.str li {display: inline;text-align: center;}
.str a {float: left;display: block;font-size: 1vw;text-decoration: none;padding: 0.5vw 1vw;color: #fbf8f8;margin-left: -0.1vw;border: 0.1vw solid transparent;line-height: 1.5;}
.str a.now {cursor: default;outline: none;background: #eae5e5;}
.str a.any {border-color: #d6d4d4;color: #397ef1;background: #fdfbfb;}
.strdop li:first-child a {-moz-border-radius: 0.6vw 0 0 0.6vw;-webkit-border-radius: 0.6vw;border-radius: 0.6vw 0 0 0.6vw;}
.strdop li:last-child a {-moz-border-radius: 0 0.6vw 0.6vw 0;-webkit-border-radius: 0;border-radius: 0 0.6vw 0.6vw 0;}
.strdop a {border-color: #d6d4d4;color: #397ef1;background: #fdfbfb;}
.strdop a.any {border-color: #d6d4d4;color: #397ef1;background: #fdfbfb;}
.strdop a:hover {background: #eae5e5;}
.strdop a.any:hover {background: #fdfbfb;}
.strdop a.now, .strdop a:now {border-color: #3a7ff1;background: #397ef1;color: #fbf9f9;}
img.logo {border-radius: 50%;}
#pointer {cursor:pointer;}
#logo {height: 4vw;border-radius:50%;cursor:pointer;}
article{max-width: 98%;}
@media only screen and (max-width: 1081px) {
	body{font-size: 3vw;}
	.navigation {height: 20vw;width: 100%;}
	.nav-container {max-width: 100vw;margin: 0 auto;}
	#logo {height: 18.5vw;}
	#up{padding-top: 20vw}
	.brand {padding-left: 2.5vw;line-height: 20vw;font-size: 3.4em;}
	.nav-mobile {display: block;height: 20vw;width: 20vw;}
	nav {width: 100%;}
	nav ul {display: none;}
	nav ul li {float: none;text-align:center;}
	nav ul li a {padding: 2vw;line-height: 8vw;font-size:2.5em;}
	nav ul li ul li a {padding: 1vw;font-size:2.5em;line-height: 8vw;}
	.nav-dropdown {position: static;}
	h1{font-size:5vw;margin:3vw 0}
	#byrecomends {max-width: 100vw;display: inline-block;}
	#whiteli{background-color:white;border:0.5vw solid #fff0;border-radius: 2.5vw;margin: 0;}
	.giftsviev li img{margin:0.5vw;border:0.5vw solid #fff0;height:30vw;border-radius: 2.5vw;transition:box-shadow 0.5s ease}
	.mainpage li div{font-size: 3vw;position: relative;vertical-align: top;display: inline-block;max-width: 45vw;max-height: 50vw;margin: 0.5vw;border: 0.5vw solid #fff0;border-bottom: 12vw solid #fff0;height: 35vw;border-radius: 2.5vw;transition: box-shadow 0.5s ease;width: 30vw;margin-bottom: 6vw;}
	.mainpage li div img{max-width: 30vw;border-radius: 2.5vw;background-color: white;width: 30vw;}
	.mainviev li div{font-size: 3vw;position: relative;vertical-align: top;display: inline-block;max-width: 45vw;max-height: 50vw;margin: 0.5vw;border: 0.5vw solid #fff0;border-bottom: 12vw solid #fff0;height: 30vw;border-radius: 2.5vw;transition: box-shadow 0.5s ease;width: 30vw;}
	.mainviev li div img{max-width: 30vw;border-radius: 2.5vw;background-color: white;width: 30vw;background-color:white;}
	.stickersviev li img{margin:0.5vw;border:0.5vw solid #fff0;width: 20vw;border-radius: 2.5vw;transition:box-shadow 0.5s ease}
	.str {list-style: none;display: inline-block;padding: 0;margin-top: 1vw;}
	.str li {display: inline;text-align: center;}
	.str a {float: left;display: block;font-size: 5vw;text-decoration: none;padding: 0.7vw 2.5vw;margin-left: -0.1vw;border: 0.1vw solid transparent;line-height: 1.5;border-color: #d6d4d4;}
	.strdop li:first-child a {-moz-border-radius: 2vw 0 0 2vw;-webkit-border-radius: 2vw;border-radius: 2vw 0 0 2vw;}
	.strdop li:last-child a {-moz-border-radius: 0 2vw 2vw 0;-webkit-border-radius: 0;border-radius: 0 2vw 2vw 0;}
	.find input {font-size: 3vw;width: 70%;padding-top: 2.3%;padding-bottom: 2.3%;}
	.find button{font-size: 3vw;width: 20%;padding-top: 2.3%;padding-bottom: 2.3%;}
	article p{font-size: 3vw;}
	#forlink {font-size: 4.5vw;}
	#byrecomends h2 p {font-size: 4.5vw;}
	#bymain {max-width: 125vw;}
	#packlogo {width: 50%;}
	#packtext {width: 50%;font-size: 3vw;}
	#packhead {width: 95%;margin-top: 1.5vw;}
	#bystickers {max-width: 95%;}
	#bygifts {max-width: 100%;}
	.infolist {padding: 1.5vw;}
	.infolist li{padding:0.6vw;}
	.infolist li:before {padding-right:1vw;}
	.infolistdop {padding: 0.5vw;}
	.infolistdop li{padding:0.6vw;}
}
@media screen and (min-width: 1082px) {
	.nav-list {display: block !important;}
	h1{font-size:2vw;margin:1vw 0}
}
#nav-toggle {position: absolute;left: 0.5vw;top: 4vw;cursor: pointer;padding: 4.5vw 15vw 7.5vw 0;}
/*height: 56px;width: 75px;*/
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after {cursor: pointer;border-radius: 1vw;height: 3vw;width: 15vw;background: #ffffff;position: absolute;display: block;content: '';transition: all 300ms ease-in-out;}
#nav-toggle span:before {top: -4.3vw;}
#nav-toggle span:after {bottom: -4.3vw;}
#nav-toggle.active span {background-color: transparent;}
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;}
#nav-toggle.active span:before {transform: rotate(45deg);}
#nav-toggle.active span:after {transform: rotate(-45deg);}
article {margin: 0 auto;padding: 0.5vw 0 0.5vw;display:center;text-align:center;}
.infolist {padding:0;list-style: none;padding: 0.2vw 0.2vw 0.5vw;}
.infolist li{padding:0.2vw;}
.infolist a{text-decoration: none;color: black;}
.infolist li:before {padding-right:0.3vw;font-weight: bold;color: #C0C0C0;content: "\2605";transition-duration: 0.5s;}
.infolist li:hover:before {color: #337AB7;content: "\2605";}
.infolistdop {padding:0;list-style: none;padding: 0.1vw;}
.infolistdop li{padding:0.2vw;}
.infolistdop li:before {padding-right:0.3vw;font-weight: bold;color: #C0C0C0;content: "\2714";transition-duration: 0.5s;}
.infolistdop li:hover:before {color: #337AB7;content: "\2714";}
button,hr,input{overflow:visible}
audio,canvas,progress,video{display:inline-block}
progress,sub,sup{vertical-align:baseline}
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;background-color:#87cefa;} 
menu,article,aside,details,footer,header,nav,section{display:block}
figcaption,figure,main{display:block}
figure{margin:1em 4vw}
hr{box-sizing:content-box;height:0}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{}
button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{}
textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}[hidden],template{display:none}