*,html,body{margin:0;padding:0;}
*:focus { outline: none } 
a[href],input[type='submit'],input[type='image'],label[for],select,button,{cursor:pointer;}
body{ color:#000; }
@font-face{font-family:'BauhausC Light';src:url(bauhausc_light.ttf);}




a{text-decoration:none;color:#CF5207;}
a:hover{color:#CF5207;}	   
html {height:100%;background:url(img/postelnoe.jpg) no-repeat;background-attachment:fixed; background-position:cover;-o-background-size: 100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-khtml-background-size:100% 100%;background-size: 100% 100%;}  
#bodys {height:99%;height:calc(100% - 71px);}  
#top_nav{width:100%;border-bottom:1px solid #7F7F7F; display:-ms-flexbox;-ms-box-orient:horizontal;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-wrap:nowrap;-webkit-flex-flow:row nowrap;-moz-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;align-content: space-between;background-color: rgba(255, 255, 255, 0.7);position:fixed; top:0; z-index: 99;}



#top_nav  h1,#top_nav  strong{font-size:0;margin-top: -6px;margin-bottom: -20px;}
#top_nav  h1:after{content:"ivan-ko.ru";font-variant:small-caps; 
font-family:'BauhausC Light';color:#CF5207;font-size:80px; letter-spacing:.1em;}
#top_nav  strong:after{content:"фабрика сладких снов";font-variant:small-caps;letter-spacing:.54em;font-weight:bolder;font-family:'BauhausC Light';color:#CF5207;font-size:20px; position:absolute;  }
#logo {margin:0 2em 0 3em;position:relative;margin: auto;}

#data-smart { width:2em;background-color:#CF5207; 
 display:-ms-flexbox;-ms-box-orient:horizontal;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:column wrap;-moz-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;justify-content: space-between;}
#top_nav [data-smart]{color:#fff;text-align: center;font-size:1.5em;}
#top_nav [data-smart]:hover {color:#CF5207;background-color:#FFF;}



#top_nav [data-smart]:after {font-family:'BauhausC Light';padding-top:0.1em;}
#top_nav [data-smart="menu"]:after {content:"\2261";}
#top_nav [data-smart="fav"]:after {content:"\2605";}
#top_nav [data-smart="info"]:after {content:"i";font-weight:bolder;}





#pagetexts {position:relative; margin:180px auto 4em; z-index: 1; }
#pagetext { width: 74%; min-height:250px; padding:1em 1.5em 1em 1.5em; margin:0 auto;
font-family:sans-serif;border:1px solid #7F7F7F;border-radius:10px;background-color: rgba(255, 255, 255, 0.7); 
display:-ms-flexbox;-ms-box-orient:horizontal;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;
justify-content: space-between;
}

#pagetext [data-img="bedroom"]{background:url(img/bedroom.jpg);}
#pagetext [data-img="kids"]{background:url(img/kids.jpg);}
#pagetext [data-img="pled"]{background:url(img/pled.jpg);}
#pagetext [data-img="towel"]{background:url(img/towel.jpg);}
#pagetext [data-img="blankets"]{background:url(img/blankets.jpg);}
#pagetext [data-img="tkani"]{background:url(img/tkani.jpg);}
#pagetext [data-img="pillows"]{background:url(img/pillows.jpg); }
#pagetext [data-img="contacts"]{background:url(img/pled-s-dostavkoy.jpg); }

#pagetext [data-img]{position:relative;width:200px;height:200px;opacity: .75;margin:15px;
border:1px solid #7F7F7F;border-radius:5px;box-shadow: 0 0 7px rgba(150, 150, 150, 0.75);
background-repeat:no-repeat;background-position:center center;background-size: 100% 100%; overflow: hidden;
}
#pagetext [data-img]:hover { border-color:#4D4D4D;opacity: 1;}

@-webkit-keyframes shadow2{from{left:-200px;}to{left:0;}}
@keyframes shadow2{from{left:-200px;}to{left:0;}}
#pagetext [data-img] div {position: absolute;display: none;box-sizing:border-box;width: 200px;height: 178px;top:0;left:-250px; left: calc(-200px - 1em);padding:.5em;color:#4D4D4D;background: rgba(255, 255, 255, 0.6);border-bottom:1px solid #7F7F7F;
border-radius:5px 5px 0 0;}
#pagetext [data-img]:hover div  { display: block; animation: shadow2 1.6s ease-out 0s forwards alternate;}  
#pagetext [data-img] h2 {position: absolute;width: 200px;height:22px;bottom:0;background: rgba(255, 255, 255, 1);text-align:center;font-size:17px;font-family:'BauhausC Light';line-height:22px;border-radius:0 0 5px 5px;}
#pagetext [data-img]:hover h2 {background: rgba(255, 255, 255, 1); }  
#pagetext [data-img] div.list {display:-ms-flexbox;-ms-box-orient:horizontal;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-wrap:wrap;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content: space-around; font-size:1em;padding-top:8px;}
.list a {width:75px;height:75px;background: rgba(255, 255, 255, 1); border:1px solid #7F7F7F;border-radius:3px;}
.list a[data-ico="vk"]{background:url(img/vk.jpg);}
.list a[data-ico="youtube"]{background:url(img/youtube.jpg);}
.list a[data-ico="contacts"]{background:url(img/contacts.jpg);}
.list a[data-ico="dostavka"]{background:url(img/dostavka.jpg);}
.list a[data-ico]{background-repeat:no-repeat;background-position:center center;background-size: 100% 100%; text-indent:-999px}

.sale{width:15em; height:5em; margin:0.5em 2em;padding:0.5em;border:1px solid #7F7F7F;border-radius:5px;box-shadow: 0 0 7px rgba(150, 150, 150, 0.75);position:relative;}

.sale a.s_a{color:#fff;font-size:0.9em;padding:0 0.5em; background:#CF5207;position:absolute;top:0;right:0;border:1px solid #CF5207;border-radius:0 0 0 5px;font-weight:bolder;font-variant:small-caps;}

.bigban {width:35em;}




#footer{position:fixed; bottom:0;width:100%; border-top:1px solid #7F7F7F;margin-top:2em;background-color: rgba(255, 255, 255, 0.75);z-index: 99;padding-bottom:1em;display:-ms-flexbox;-ms-box-orient:horizontal;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-wrap:nowrap;-webkit-flex-flow:row nowrap;-moz-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content: flex-start;}


.contacts{position:relative; margin: 3px 2em 0 10px;min-width:10em;font-size:0.9em; font-weight:bold;color:#4D4D4D;}

.contacts span,.contacts a{display:block;border-bottom: 1px solid transparent;}
.contacts a {color:#4D4D4D;}
.contacts a:hover{border-bottom:1px dotted #4D4D4D;}
.contacts a.hdr{color:#CF5207;}



#ahtung {width:auto;color:#fff;font-weight:bolder; border:1px solid #CF5207;border-radius:5px;padding:0 0.5em ; background-color:#CF5207; position:absolute;height:2em;line-height:2em;bottom:0.5em;left:0.2em;}
#ahtung:hover {color:#CF5207; background-color:#fff;}




#phone_d {
	display: block;
    transform-origin: 50% 50% ;
    width: 60px;
    height: 60px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==);
    background-color: #CF5207;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    border: 2px solid transparent;
    margin-left:1.5em;
}
#phones{ margin-right:.5em; font-size:1.1em;}

#phones a{ width:10em;padding-top:90px;font-size:0.8em;font-weight:bolder;}






a[data-style="gryadk.in"]{font-size:0; position:fixed;bottom:0;right:5px; z-index: 100;}
a[data-style="gryadk.in"]:before {font-size:15px;width:30px;height:30px;line-height:30px; border-radius:50%; text-align:center;content:"GG";color:#CF5207; font-weight:bolder;display:block;}
a[data-style="gryadk.in"]:hover:before{color:#fff;background-color:#CF5207; border:1px solid #fff;}


/* Экраны среднего размера */
@media all and (max-width: 1200px) {

.sale {display:none;}

#footer div:nth-of-type(3) {display:block;}
#footer {height:7em;}

#top_nav [data-smart]{font-size:1.3em;}


}



@media all and (max-width: 1000px) {
				#top_nav{margin-top:0;}
				#bodys {height:calc(100% - 21px);}
				#footer {height:7em; background-color: rgba(255, 255, 255, 0.8); }
				#contacts{font-size:.9em;width:100%; margin:0;padding: 1px 1em;}
				#contacts span:last-of-type {display:none;}
				a[data-style="gryadk.in"]:before {font-size:10px;width:18px;height:18px;line-height:18px;}
				#top_nav  h1:after{font-size:60px; }
				#top_nav  strong:after{font-size:14px;top:43px;left:8px;}
				#logo {}
				#pagetext { width: 93%; padding:0;}
	

#phones {    position: relative;   }
#phone_d {   width: 40px;    height: 40px;}
.sale {display:none;}



}

@media all and (max-width: 700px) {


#pagetext { width:85%;}
#footer {height:4em;}
#footer div:nth-of-type(n+2){display:none !important;}
#ahtung {height:1.5em;line-height:1.5em;bottom:2em;right:10px;left:inherit;top:1em;font-size:0.9em;}



}

/* Маленькие экраны */
@media all and (max-width: 500px) {
#logo {margin:0 auto;}
#pagetext { width: 90%;}

#pagetext [data-img]{margin:1em auto;}


#footer {height:1.5em;}



#top_nav h1:after{font-size:60px; letter-spacing:.1em; }


#top_nav  strong:after{font-size:19px;letter-spacing:.35em;top:45px;left:initial;}
.sale,.contacts,#phones{display:none !important;}
#ahtung {height:1.5em;line-height:1.5em;bottom:2em;right:inherit;left:10px;top:1em;font-size:0.9em;}



}


@media all and (max-height: 700px) {

#pagetexts{margin-top:6em;}

#footer {height:1.7em;padding:0;}

.sale,.contacts,#phones hr{display:none !important;}
#ahtung {height:1.5em;line-height:1.5em;bottom:3px;right:inherit;left:10px;top:2px;font-size:0.9em;}


}


/*
img:not([width]):not([height]){border:2px solid red!important}
*/