html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],block-borderlate{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:Open Sans;src:url(/Kekstagram/assets/OpenSansCondensed-Bold-DTI8SncE.woff2) format("woff2"),url(/Kekstagram/assets/OpenSansCondensed-Bold-C33OD2SP.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/Kekstagram/assets/OpenSans-Regular-N6ipOEWl.woff2) format("woff2"),url(/Kekstagram/assets/OpenSans-Regular-Ko50lK4t.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Open Sans,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#fff;text-transform:uppercase;background-color:#232321}main{position:relative}.content-box-component{-webkit-box-sizing:content-box;box-sizing:content-box}.container{width:1360px;margin:0 auto}.modal-open{height:100vh;overflow:hidden}.cancel{display:block;margin:0;padding:0;width:42px;height:42px;font-size:0;background-color:#fff3;background-image:url(../img/icon-cross.svg);background-position:center;background-repeat:no-repeat;border:0;border-radius:2px;opacity:.6}.cancel:hover,.cancel:focus{background-color:#fff6;opacity:1}.cancel:active{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.overlay{position:fixed;top:0;left:0;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding-top:60px;overflow:auto;background-color:#000c}.img-filters{padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.img-filters__button{padding:5px 15px;font-family:Open Sans,Arial,sans-serif;font-weight:700;font-size:18px;line-height:auto;text-transform:uppercase;cursor:pointer;background-color:#232321;border:none}.img-filters__button:active,.img-filters__button--active{color:#ff4e4e;background-color:#fff;border-radius:2px}.img-filters__label{padding:5px 15px;font-family:Open Sans,Arial,sans-serif;font-weight:700;font-size:18px;line-height:auto;cursor:pointer}.img-filters__radio:focus+.img-filters__label{outline:auto 5px highlight}.img-filters__radio:checked+.img-filters__label{color:#ff4e4e;text-decoration:none;background-color:#fff;border-radius:2px}.pictures{display:-ms-grid;display:grid;grid-gap:10px;-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr)}.picture{position:relative;line-height:0}.picture__img{max-width:auto;width:100%;object-fit:cover}.picture__info{display:none;margin:0;padding:15px;position:absolute;bottom:10px;left:50%;background-color:#00000080;border-radius:5px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.picture:hover .picture__info,.picture:focus .picture__info{display:-webkit-box;display:-ms-flexbox;display:flex}.picture__comments,.picture__likes{padding-left:30px;position:relative;font-family:Open Sans,Arial,sans-serif;font-weight:400;color:#fff}.picture__comments{margin-right:10px}.picture__comments:before,.picture__likes:before{content:"";position:absolute;left:5px;top:-7px;background-image:url(../img/sprite.png);background-repeat:no-repeat}.picture__comments:before{width:20px;height:16px;background-position:-5px -5px}.picture__likes:before{width:20px;height:16px;background-position:-5px -31px}.img-upload{-ms-grid-column:3;-ms-grid-column-span:3;grid-column:3 / span 3;-ms-grid-row:1;-ms-grid-row-span:3;grid-row:1 / span 3}.img-upload__wrapper{margin:0 auto;padding-bottom:60px;width:582px;text-align:center}.img-upload__form{position:relative;min-height:569px;background-color:#eed21e;background-image:url(../img/logo-background-1.jpg);background-repeat:no-repeat;background-position:center;border:none}.img-upload__start{position:relative;margin:0;padding:0;min-height:569px;background-image:url(../img/logo-mask.png);background-repeat:no-repeat;background-position:center;border:none}.img-upload__label{position:absolute;top:194px;left:203px;width:180px;height:181px;font-size:0;background-image:url(../img/upload-button-bg.png);background-repeat:no-repeat;background-position:center;cursor:pointer}.img-upload__label:after{content:"";position:absolute;top:32px;left:47px;width:86px;height:114px;background-image:url(../img/upload-button.svg);background-repeat:no-repeat;background-position:center;-webkit-filter:drop-shadow(0 0 10px #943106);filter:drop-shadow(0 0 10px #943106)}.img-upload__label:hover:after,.img-upload__label:active:after{-webkit-filter:drop-shadow(0 0 10px #622104);filter:drop-shadow(0 0 10px #622104);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.img-upload__input:focus+.img-upload__label{outline:auto 5px highlight}.img-upload__overlay{position:fixed;top:0;left:0;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding-top:60px;overflow:auto;background-color:#000c}.img-upload__preview-container{position:relative;margin-bottom:30px}.img-upload__scale{position:absolute;top:0;left:50%;z-index:1;font-family:Open Sans,Arial,sans-serif;font-weight:400;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.scale{margin:0;padding:10px;font-size:0;border:0}.scale__control{position:relative;width:33px;height:33px;margin:0;padding:0;text-align:center;vertical-align:middle;background-color:#0009;border:0}.scale__control:hover,.scale__control:focus{background-color:#0000004d}.scale__control:active{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.scale__control--smaller{border-radius:50% 0 0 50%}.scale__control--smaller:before{content:"–";position:absolute;top:50%;left:50%;font-size:20px;line-height:0;color:#fff;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.scale__control--value{width:60px;font-size:16px;color:#fff;border:solid rgba(255,255,255,.5);border-width:0 2px}.scale__control--bigger{border-radius:0 50% 50% 0}.scale__control--bigger:before{content:"+";position:absolute;top:50%;left:50%;font-size:20px;line-height:0;color:#fff;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.img-upload__preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:600px;height:600px;overflow:hidden;background-color:#fff}.img-upload__preview img{display:block;width:auto;height:auto;max-width:none;max-height:none;transform-origin:center}.effect-level{position:absolute;bottom:9px;left:50%;padding:7px 11px 0;width:495px;height:34px;font-size:12px;text-align:center;color:#fff;white-space:nowrap;background-color:#0009;border-radius:34px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.effect-level .noUi-target{border-radius:16px}.effect-level .noUi-connects{border-radius:13px}.effect-level .noUi-connect{background:#ffe753}.effect-level__value{display:none}.effects{margin:0 0 30px;padding:0;border:none}.effects__list{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style:none;text-align:center}.effects__item{margin-right:5px}.effects__label{font-family:Open Sans,Arial,sans-serif;font-weight:700;cursor:pointer}.effects__label:hover,.effects__label:focus,.effects__radio:checked+.effects__label{color:#ffe753}.effects__preview{display:block;width:70px;height:70px;margin-bottom:5px;overflow:hidden;font-size:0;background-color:#314359;background-image:url(../img/upload-default-image.jpg);background-repeat:no-repeat;background-position:center;background-size:100% auto;border:solid 5px transparent;border-radius:5px}.effects__preview:last-of-type{margin-right:0}.effects__radio:checked+.effects__label .effects__preview{border:5px solid #ffe753}.effects__radio:focus+.effects__label .effects__preview{outline:auto 5px highlight}.effects__preview--chrome{-webkit-filter:grayscale(1);filter:grayscale(1)}.effects__preview--sepia{-webkit-filter:sepia(1);filter:sepia(1)}.effects__preview--marvin{-webkit-filter:invert(100%);filter:invert(100%)}.effects__preview--phobos{-webkit-filter:blur(3px);filter:blur(3px)}.effects__preview--heat{-webkit-filter:brightness(3);filter:brightness(3)}.text{margin:0 0 30px;padding:0;text-align:center;border:none}.text__hashtags{width:450px;margin:0 auto 20px;padding:5px 10px;font-family:Open Sans,Arial,sans-serif;font-weight:400;color:#000;border-radius:5px}.text__description{width:450px;height:100px;margin:0 auto;padding:15px 10px;font-family:Open Sans,Arial,sans-serif;font-weight:400;color:#000;border-radius:5px}.img-upload__field-wrapper{display:flex;flex-direction:column;position:relative}.text__count{margin:0 auto;width:440px;display:flex;text-transform:none}.text__count--error{color:#fd4d4b}.text__hashtags-error{color:#fd4d4b;position:absolute;bottom:0;left:18%}.img-upload__field-wrapper--error{background-color:#fd4d4b;color:#fff;font-size:12px;margin-top:-20px;z-index:10000;position:relative}.img-upload__submit{padding:10px 20px;color:#ffe753;text-align:center;text-transform:uppercase;font-family:Open Sans,Arial,sans-serif;font-weight:700;background-color:#ffe75233;border:0;border-radius:4px}.img-upload__submit:hover,.img-upload__submit:focus{background-color:#ffe75266}.img-upload__submit:active{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.img-upload__submit:disabled,.img-upload__submit--disabled{opacity:.3}.img-upload__cancel{position:absolute;top:0;left:610px}.img-upload__cancel:active{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.big-picture__preview{position:absolute;top:60px;left:50%;max-width:600px;min-height:600px;padding-bottom:60px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.big-picture__img{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;width:600px;height:600px}.big-picture__img-scale{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center}.big-picture__img img{display:block;width:auto;height:auto;max-width:none;max-height:none;transform-origin:center}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:600px;color:#000;font-family:Open Sans,Arial,sans-serif;font-weight:400;text-transform:none;background-color:#fff}.social__header{padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #cccccc}.social__picture{display:block;-ms-flex-negative:0;flex-shrink:0;margin-right:15px}.social__caption{margin:0 15px 0 0}.social__likes{margin:0 0 0 auto;min-width:125px}.likes-count{position:relative;padding-left:30px;color:#f48181;cursor:pointer}.likes-count:hover{color:#e90000}.likes-count:before{content:"";position:absolute;top:3px;left:5px;width:20px;height:18px;background-image:url(../img/sprite.png);background-repeat:no-repeat;background-position:-5px -56px;opacity:.5}.likes-count:hover:before,.likes-count:focus:before{opacity:1}.likes-count:active:before,.likes-count--active:before{opacity:1;background-position:-5px -81px}.social__comments{-ms-flex-preferred-size:100%;flex-basis:100%;list-style:none;margin:0;padding:20px 0 0}.social__comment{padding-left:15px;padding-right:15px;padding-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.social__comment-count{padding-top:20px;padding-left:65px}.social__comments-loader{padding:0 0 20px 65px;position:relative;text-align:left;color:#3b77c0;background:none;border:none}.comments-loader{text-align:left;color:#3b77c0;background:none;border:none}.social__text{margin:0}.spinner:after,.comments-loader:active:after{content:"";position:absolute;left:200px;top:7px;color:#3b77c0;font-size:6px;width:1em;height:1em;border-radius:50%;animation:spinner 1.3s infinite linear;transform:translateZ(0)}@keyframes spinner{0%,to{box-shadow:0 -2.6em #3b77c0,1.8em -1.8em #36c3,2.5em 0 #36c3,1.75em 1.75em #36c3,0 2.5em #36c3,-1.8em 1.8em #36c3,-2.6em 0 #3366cc80,-1.8em -1.8em #3366ccb3}12.5%{box-shadow:0 -2.6em #3366ccb3,1.8em -1.8em #3b77c0,2.5em 0 #36c3,1.75em 1.75em #36c3,0 2.5em #36c3,-1.8em 1.8em #36c3,-2.6em 0 #36c3,-1.8em -1.8em #3366cc80}25%{box-shadow:0 -2.6em #3366cc80,1.8em -1.8em #3366ccb3,2.5em 0 #3b77c0,1.75em 1.75em #36c3,0 2.5em #36c3,-1.8em 1.8em #36c3,-2.6em 0 #36c3,-1.8em -1.8em #36c3}37.5%{box-shadow:0 -2.6em #36c3,1.8em -1.8em #3366cc80,2.5em 0 #3366ccb3,1.75em 1.75em #3b77c0,0 2.5em #36c3,-1.8em 1.8em #36c3,-2.6em 0 #36c3,-1.8em -1.8em #36c3}50%{box-shadow:0 -2.6em #36c3,1.8em -1.8em #36c3,2.5em 0 #3366cc80,1.75em 1.75em #3366ccb3,0 2.5em #3b77c0,-1.8em 1.8em #36c3,-2.6em 0 #36c3,-1.8em -1.8em #36c3}62.5%{box-shadow:0 -2.6em #36c3,1.8em -1.8em #36c3,2.5em 0 #36c3,1.75em 1.75em #3366cc80,0 2.5em #3366ccb3,-1.8em 1.8em #3b77c0,-2.6em 0 #36c3,-1.8em -1.8em #36c3}75%{box-shadow:0 -2.6em #36c3,1.8em -1.8em #36c3,2.5em 0 #36c3,1.75em 1.75em #36c3,0 2.5em #3366cc80,-1.8em 1.8em #3366ccb3,-2.6em 0 #3b77c0,-1.8em -1.8em #36c3}87.5%{box-shadow:0 -2.6em #36c3,1.8em -1.8em #36c3,2.5em 0 #36c3,1.75em 1.75em #36c3,0 2.5em #36c3,-1.8em 1.8em #3366cc80,-2.6em 0 #3366ccb3,-1.8em -1.8em #3b77c0}}.social__footer{border-top:1px solid #cccccc}.big-picture__cancel{position:absolute;top:0;left:100%;margin-left:10px}.social__footer{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px}.social__footer-commentor{display:block;margin-right:15px}.social__footer-text{width:100%;border:none}.social__footer-btn{position:absolute;right:15px;top:50%;width:34px;height:34px;font-size:0;background-image:url(../img/sprite.png);background-repeat:no-repeat;background-position:-5px -106px;opacity:.6;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border:none}.social__footer-btn:hover,.social__footer-btn:focus{opacity:1}.social__footer-btn:active,.social__footer-btn--active{opacity:1;background-position:-5px -149px}.page-footer{margin-top:30px;padding-top:30px;border-top:solid 1px #cccccc}.page-footer__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.copyright{font-size:12px}.copyright__link--image:hover,.copyright__link--image:focus{opacity:.6}.copyright__link--text{color:#fff}.copyright__link--text:hover,.copyright__link--text:focus{opacity:.6}.page-footer__contacts{background-color:inherit}.contacts{margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}.contacts__link{display:block;width:29px;height:29px;margin-left:10px;font-size:0;background-image:url(../img/sprite.png);background-repeat:no-repeat;opacity:.6;cursor:pointer}.contacts__link:hover,.contacts__link:focus{opacity:1}.contacts__link--twitter{background-position:-5px -270px}.contacts__link--vk{background-position:-5px -309px}.img-upload__message{position:absolute;z-index:2;left:50%;top:0;padding-top:250px;width:600px;height:100%;font-family:Open Sans,Arial,sans-serif;text-align:center;font-weight:700;font-size:20px;color:#ffe753;background-color:#3c3614;transform:translate(-50%)}.error,.success{position:fixed;display:flex;justify-content:center;align-items:flex-start;inset:0;z-index:10;background-color:#000c}.error__inner,.success__inner{position:relative;width:600px;padding:150px 20px 50px;margin-top:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Open Sans,Arial,sans-serif;text-align:center;font-weight:700;font-size:20px;color:#ffe753;background-color:#3c3614;border-radius:10px}.success__inner{padding:100px 20px 75px}.error__title{position:relative;margin:0 0 50px;font-size:32px}.success__title{margin:0 0 50px;font-size:32px}.error__title:before{content:"";position:absolute;width:59px;height:52px;top:-100px;left:50%;background-image:url(../img/icon-warning.svg);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.error__button,.success__button{padding:5px 10px;color:#fff;text-transform:uppercase;background:transparent;border:2px solid #ffffff;border-radius:5px}.error__button:hover,.error__button:focus,.success__button:hover,.success__button:focus{opacity:.8}.error__button:active,.success__button:active{opacity:.6}.img-upload__message--loading:before{content:"";position:absolute;bottom:40%;left:50%;width:300px;height:10px;background-color:#8a7d2d;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.img-upload__message--loading:after{content:"";position:absolute;bottom:40%;left:50%;width:200px;height:10px;background-color:#ffe753;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.data-error{position:absolute;z-index:100;left:0;top:0;right:0;padding:10px 3px;font-size:20px;text-align:center;background-color:#fd4d4b}@media(min-width:1024px){.img-upload__wrapper{padding-bottom:0}}@media(min-width:1024px)and (max-width:1359px){.container{width:980px}.pictures{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr)}.img-upload{-ms-grid-column:2;-ms-grid-column-span:3;grid-column:2 / span 3;-ms-grid-row:1;-ms-grid-row-span:3;grid-row:1 / span 3}}@media(min-width:0)and (max-width:1023px){.container{width:600px}.pictures{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.img-upload{-ms-grid-column:1;-ms-grid-column-span:3;grid-column:1 / span 3;-ms-grid-row:1;-ms-grid-row-span:3;grid-row:1 / span 3}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.hidden{display:none}