/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;background-color:initial;border:none;cursor:pointer;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{color:#000;background-color:#fff;font-family:DM Sans,sans-serif;font-size:14px;letter-spacing:.03em}ul{list-style:none;padding-left:0;margin:0}h1,h2,h3,h4,p{margin:0;padding:0}a,a:active{text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media screen and (min-width:480px){.container{max-width:480px}}@media screen and (min-width:768px){.container{max-width:768px;padding-left:34px;padding-right:34px}}@media screen and (min-width:1280px){.container{max-width:1200px;padding-left:75px;padding-right:75px}}.hidden{width:1px;height:1px;overflow:hidden;opacity:0;margin-top:-1px}.header-and-hero{margin:auto;position:relative}@media screen and (min-width:480px){.header-and-hero{max-width:480px}}@media screen and (min-width:768px){.header-and-hero{max-width:768px}}@media screen and (min-width:1280px){.header-and-hero{max-width:1200px}}.overflow{background-color:#ffb8ca}.header{padding-top:6px;padding-left:20px;padding-right:20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:768px){.header{padding-left:34px;padding-top:37px;padding-right:34px}}@media screen and (min-width:1280px){.header{padding-left:46px;padding-right:115px}}.header__logo-picture{width:199px;height:50px}.header__menu-closer-button{width:14px;height:14px;position:absolute;right:34px;top:23px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:none;background-color:#e17992}.header__menu-closer-icon{fill:#fff}.header__mob-button-icon{margin-left:15px;width:7px;height:10px;fill:#d41443}.header__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.header__buttons{z-index:2}}.header__menu-button{background-size:contain;padding:0;border:none;width:20px;height:12px;margin-right:30px}@media screen and (min-width:768px){.header__menu-button{margin-right:20px}}.header__nav-container{display:block}@media screen and (min-width:768px){.header__nav-container{display:-webkit-box;display:-ms-flexbox;display:flex}}.header__button{display:none}@media screen and (min-width:768px){.header__button{display:-webkit-box;display:-ms-flexbox;display:flex}}.header__menu-icon{display:block;width:20px;height:12px;fill:#d41443;background-color:#ffb8ca}@media screen and (min-width:768px){.header__menu-icon{background-color:#ffa5ba}}.header__mob-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:160px;height:44px;border-radius:22px;padding:0;border:0;font-weight:700;font-size:16px;line-height:1.31;color:#d41443;background-color:#fff;-webkit-transition:background-color .25s cubic-bezier(.4,0,.2,1);transition:background-color .25s cubic-bezier(.4,0,.2,1);margin-top:60px;margin-left:auto;margin-right:auto}.header__mob-button:focus,.header__mob-button:hover{background-color:#ecebeb}.header__mob-button--hidden{-webkit-transition:background-color .25s cubic-bezier(.4,0,.2,1);transition:background-color .25s cubic-bezier(.4,0,.2,1)}.header__mob-button--hidden:focus,.header__mob-button--hidden:hover{background-color:#ecebeb}@media screen and (max-width:767px){.header__mob-button--hidden{display:none}}@media screen and (min-width:768px){.header__mob-button--hidden{margin-top:0}}.hero{overflow:hidden;padding-left:20px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:450px}@media screen and (min-width:768px){.hero{overflow:visible;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:313px;padding-left:34px;padding-right:34px}}@media screen and (min-width:1280px){.hero{padding-left:115px;padding-right:97px;min-height:578px}}.hero__title-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:3}.hero__container,.hero__title-section{display:-webkit-box;display:-ms-flexbox;display:flex}.hero__container{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hero:after{content:" ";background-size:contain;background-image:url(/goit-icecream-teamproject/hero-elipse@1x.60964b98.png);width:346px;height:346px;position:absolute;left:36px;bottom:75px;z-index:1}@media screen and (min-width:768px){.hero:after{width:322px;height:322px;left:307px;bottom:46px;z-index:0}}@media screen and (min-width:1280px){.hero:after{background-image:url(/goit-icecream-teamproject/hero-elipse@2x.b9134656.png);width:538px;height:538px;left:420px;bottom:75px}}.hero__title{font-family:Titan One;font-weight:400;font-size:26px;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:#fff}@media screen and (min-width:768px){.hero__title{font-size:22px;line-height:1.13;margin-top:15px}}@media screen and (min-width:1280px){.hero__title{font-size:38px;line-height:1.13;margin-top:84px}}.hero__large-text{font-size:48px;line-height:.95;letter-spacing:.04em;text-transform:uppercase;color:#d41443}@media screen and (min-width:768px){.hero__large-text{font-size:34px;line-height:.91}}@media screen and (min-width:1280px){.hero__large-text{font-size:58px;line-height:.89}}.hero__nav-button{font-size:8px;line-height:1.25;border-radius:12px;height:24px;padding:6px 15px;border:none;color:#d41443;background-color:#fff;-webkit-transition:background-color .25s cubic-bezier(.4,0,.2,1);transition:background-color .25s cubic-bezier(.4,0,.2,1)}.hero__nav-button:focus,.hero__nav-button:hover{background-color:#ecebeb}@media screen and (min-width:1280px){.hero__nav-button{font-size:14px;line-height:1.29;height:40px;border-radius:20px;padding-left:25px;padding-right:25px}}.hero__nav-button--red{color:#fff;background-color:#d41443;margin-right:8px;-webkit-transition:background-color .25s cubic-bezier(.4,0,.2,1);transition:background-color .25s cubic-bezier(.4,0,.2,1)}.hero__nav-button--red:focus,.hero__nav-button--red:hover{background-color:#c7133e}@media screen and (min-width:1280px){.hero__nav-button--red{margin-right:17px}}.hero__buttons-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:19px}@media screen and (min-width:1280px){.hero__buttons-list{margin-top:25px}}.hero__amount-list{display:none}@media screen and (min-width:768px){.hero__amount-list{display:inline-block;margin-top:14px}}@media screen and (min-width:1280px){.hero__amount-list{display:inline-block;margin-top:73px}}.hero__description{display:none}@media screen and (min-width:768px){.hero__description{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:120px;height:60px;margin-left:110px;margin-top:20px}}@media screen and (min-width:1280px){.hero__description{width:210px;height:120px;margin-left:140px;margin-top:40px}}.hero__description-text-box{position:relative;overflow:hidden;height:35px}@media screen and (min-width:1280px){.hero__description-text-box{height:74px}}.hero__description-text{position:absolute;left:0;top:100%;-webkit-transition:-webkit-transform 2.5s cubic-bezier(.075,.82,.165,1);transition:-webkit-transform 2.5s cubic-bezier(.075,.82,.165,1);transition:transform 2.5s cubic-bezier(.075,.82,.165,1);transition:transform 2.5s cubic-bezier(.075,.82,.165,1),-webkit-transform 2.5s cubic-bezier(.075,.82,.165,1)}.hero__description-button{z-index:2;position:relative;border:0;padding:0;width:18px;height:18px;margin-top:7px;background-color:#fff;border-radius:50%;-webkit-transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1)}.hero__description-button:focus~.hero__description-text-box .hero__description-text{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.hero__description-button:focus{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@media screen and (min-width:1280px){.hero__description-button{width:26px;height:26px;margin-top:20px}.hero__description-button:focus~.hero__description-text{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.hero__description-icon{display:block;max-width:8px;max-height:8px;fill:#d41443;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (min-width:1280px){.hero__description-icon{max-width:12px;max-height:12px}}.hero__picture{position:absolute}.hero__picture--icecream{max-width:171px;max-height:410px;left:117px;bottom:0;z-index:2}@media screen and (min-width:768px){.hero__picture--icecream{max-width:143px;max-height:336px;left:370px;bottom:2px}}@media screen and (min-width:1280px){.hero__picture--icecream{max-width:236px;max-height:557px;left:539px}}.hero__picture--bio-eco{display:none}@media screen and (min-width:768px){.hero__picture--bio-eco{display:block;max-width:124px;max-height:126px;left:34px;bottom:28px;z-index:2}}@media screen and (min-width:1280px){.hero__picture--bio-eco{max-width:188px;max-height:191px;left:77px;bottom:45px}}.hero__picture--tasty{display:none}@media screen and (min-width:768px){.hero__picture--tasty{display:block;max-width:168px;max-height:133px;right:34px;bottom:0;z-index:2}}@media screen and (min-width:1280px){.hero__picture--tasty{max-width:293px;max-height:232px;right:70px}}.hero__number{font-family:Titan One;font-weight:400;font-size:28px;line-height:1.14;letter-spacing:.04em;text-transform:uppercase;color:#d41443}@media screen and (min-width:1280px){.hero__number{font-size:46px}}.hero__description-text,.hero__text{font-size:8px;line-height:1;color:#fff}@media screen and (min-width:1280px){.hero__description-text,.hero__text{font-size:14px;line-height:1.29}}.hero__amount-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;z-index:2;padding-right:10px;margin-bottom:14px}@media screen and (min-width:1280px){.hero__amount-item{font-size:18px;margin-bottom:18px}}.hero__amount-item:last-child{margin-bottom:0}.hero__amount-item:after{content:" ";background-color:#fff;width:16px;height:16px;border-radius:50%;position:absolute;right:2px;top:-1px;z-index:-1}@media screen and (min-width:1280px){.hero__amount-item:after{width:30px;height:30px;right:0;top:-4px}}@media screen and (max-width:1279px){.nav-list{margin-top:32px}}@media screen and (max-width:1279px){.nav-list__item{padding-left:21px;padding-top:11px;padding-bottom:11px;font-weight:700;font-size:14px;line-height:1.29;border-top:1px solid #e18298}.nav-list__item:last-child{border-bottom:1px solid #e18298}}@media screen and (min-width:1280px){.nav-list__item{margin-right:35px;font-weight:700;font-size:16px;line-height:1.31;z-index:2}.nav-list__item:last-child{margin-right:0}}.nav-list__link{color:#fff;-webkit-transition:color .25s cubic-bezier(.4,0,.2,1);transition:color .25s cubic-bezier(.4,0,.2,1)}.nav-list__link:focus,.nav-list__link:hover{color:#d41443}@media screen and (max-width:1279px){.header__mob-menu{z-index:4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;top:0;min-height:100vh;background-color:#e17992;-webkit-transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1)}}@media screen and (max-width:1279px) and (max-width:767px){.header__mob-menu{width:250px;left:-500px}}@media screen and (max-width:1279px) and (min-width:768px){.header__mob-menu{width:250px;left:-500px}}@media screen and (max-width:1279px) and (max-width:767px){.mob-is-open{-webkit-transform:translateX(200%);transform:translateX(200%)}}@media screen and (max-width:1279px) and (min-width:768px){.mob-is-open{-webkit-transform:translateX(200%);transform:translateX(200%)}}@media screen and (min-width:1280px){.header__menu-button,.header__menu-closer-button,.header__mob-button{display:none}.header__mob-button--hidden,.nav-list{display:-webkit-box;display:-ms-flexbox;display:flex}}.backdrop{z-index:100;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.2);padding-left:15px;padding-right:15px}.backdrop.is-hidden{opacity:0;pointer-events:none}.header-modal{z-index:6;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(/goit-icecream-teamproject/modal-bg.41595c09.jpg);background-size:cover;background-position:50% 100%;max-height:609px;max-height:100vh;border-radius:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2);padding:30px 40px}@media screen and (max-width:479px){.header-modal{width:280px}}@media screen and (min-width:480px) and (max-width:1279px){.header-modal{width:410px}}@media screen and (max-width:1279px){.header-modal{overflow-y:auto}}@media screen and (min-width:1280px){.header-modal{width:528px;height:581px}}.header-modal__title{font-family:Titan One;text-align:center;letter-spacing:2px;font-size:20px;line-height:1.5;color:#e17992;margin-bottom:10px}@media screen and (min-width:1280px){.header-modal__title{line-height:1.5}}.header-modal__large-text{font-size:30px;color:#d41443}.header-modal__input-container{position:relative;margin-bottom:14px;margin-top:4px}.header-modal__form{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.header-modal__action-button{font-weight:700;font-size:20px;line-height:1.17;letter-spacing:.02em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 25px;border-radius:20px;background-color:#d41443;color:#fff;margin-left:auto;margin-right:auto}.header-modal__label{position:absolute;left:43px;top:12px;font-size:15px;line-height:1.17;letter-spacing:.01em;color:#e17992;-webkit-transition:color .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:color .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1)}.header-modal__input:focus~.header-modal__label{-webkit-transform:translateY(-30px);transform:translateY(-30px);color:#d41443}.header-modal__ice-cream-icon{margin-left:10px;color:#fff}.header-modal__icon{position:absolute;top:50%;left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px;height:18px;fill:#e17992;-webkit-transition:fill .25s cubic-bezier(.4,0,.2,1);transition:fill .25s cubic-bezier(.4,0,.2,1)}.header-modal__input:focus+.header-modal__icon{fill:#d41443}.header-modal__input{border:3px solid #e17992;border-radius:8px;padding:10px 42px;width:100%;outline:none;font-size:15px;line-height:1.12;letter-spacing:.01em;background-color:#fff;color:#d41443;-webkit-transition:border-color .25s cubic-bezier(.4,0,.2,1);transition:border-color .25s cubic-bezier(.4,0,.2,1);-webkit-box-shadow:6px 8px 7px -1px rgba(174,23,163,.2);box-shadow:6px 8px 7px -1px rgba(174,23,163,.2)}.header-modal__input:focus{border-color:#d41443}.header-modal__product{display:inline-block;color:#d41443;font-weight:700;font-size:20px;margin-right:10px}.header-modal__select{font-size:20px;color:#e17992;background-color:#fff;border-radius:8px;border:3px solid #e17992}.header-modal__select:focus{border-color:#d41443;color:#d41443}.header-modal__option{font-size:15px;color:#d41443;background-color:#fff}.header-modal__products-container{margin-bottom:20px;margin-left:auto;margin-right:auto}.conditions{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:40px}.conditions__checkbox{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.conditions__text{margin-left:5px;font-size:14px;line-height:1.16;color:#d41443}@media screen and (min-width:1280px){.conditions__text{font-size:14px;line-height:1.71}}.conditions__check{fill:#d41443;width:16px;height:15px;position:absolute;top:14%;left:40px;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0;-webkit-transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity .25s cubic-bezier(.4,0,.2,1)}.conditions__checkbox:checked~.conditions__check{opacity:1}@media screen and (min-width:768px){.conditions__check{top:18%;left:41px}}@media screen and (min-width:1280px){.conditions__check{left:80px;top:14%}}.conditions__notcheck{fill:#d41443;width:16px;height:15px;opacity:1;-webkit-transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity .25s cubic-bezier(.4,0,.2,1)}.conditions__checkbox:checked~.conditions__no-wrap .conditions__notcheck{opacity:0}.conditions__link{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:20px;color:#1b068d;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;line-height:1.16;-webkit-transition:color .25s cubic-bezier(.4,0,.2,1);transition:color .25s cubic-bezier(.4,0,.2,1)}.conditions__link:focus,.conditions__link:hover{color:#200363}@media screen and (min-width:1280px){.conditions__link{font-size:14px;line-height:1.71}}.closer-button__image{position:absolute;width:18px;height:18px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:fill .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);transition:fill .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);fill:#e17992}.closer-button:focus .closer-button__image,.closer-button:hover .closer-button__image{fill:#d41443;border-color:#d41443}.closer-button{padding:0;position:absolute;top:8px;right:8px;-webkit-box-sizing:border-box;box-sizing:border-box;width:30px;height:30px;border-radius:50%;background-color:#fff;border:2px solid #e17992;-webkit-transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.closer-button:focus,.closer-button:hover{cursor:pointer;background-color:#ecebeb;border-color:#d41443}.header__mob-button{cursor:pointer;outline:none;position:relative}.header__mob-button,.header__mob-button:before{-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.header__mob-button:before{content:"";border-radius:22px;width:160px;height:44px;border:4px solid #d41443;-webkit-box-shadow:0 0 10px #d41443;box-shadow:0 0 10px #d41443;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.header__mob-button:focus,.header__mob-button:hover{color:#d41443;-webkit-transform:translateY(-6px);transform:translateY(-6px)}.header__mob-button:focus:before,.header__mob-button:hover:before{opacity:1}.header__mob-button:after{content:"";width:15px;height:15px;border-radius:100%;border:6px solid #d41443;position:absolute;z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:ring 3s infinite;animation:ring 3s infinite}.header__mob-button:focus:after,.header__mob-button:hover:after{-webkit-animation:none;animation:none;display:none}@-webkit-keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:200px;height:200px;opacity:0}}@keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:200px;height:200px;opacity:0}}.btn-animated{-webkit-animation:moveInBottom 2s ease-out;animation:moveInBottom 2s ease-out}.products__container{background-color:#fff;padding-top:121px;padding-bottom:98px}@media screen and (min-width:768px){.products__container{padding-top:122px;padding-bottom:112px}}@media screen and (min-width:1280px){.products__container{padding-top:127px;padding-bottom:119px}}.products__title-wrapper{margin-bottom:144px}@media screen and (min-width:768px){.products__title-wrapper{margin-bottom:150px}}@media screen and (min-width:1280px){.products__title-wrapper{margin-bottom:259px}}.products__double-title{font-family:Titan One,sans-serif;text-align:center;text-transform:uppercase;font-size:18px;line-height:1.166;margin-bottom:15px;color:#ffa5ba}@media screen and (min-width:768px){.products__double-title{font-size:26px;line-height:1.154}}@media screen and (min-width:1280px){.products__double-title{font-size:30px;line-height:1.133;letter-spacing:.04em}}.products__title{font-family:Titan One,sans-serif;text-transform:uppercase;font-size:34px;line-height:1.147;letter-spacing:.04em;text-align:center;color:#d41443}@media screen and (min-width:768px){.products__title{font-size:48px;line-height:1.145}}@media screen and (min-width:1280px){.products__title{font-size:58px;line-height:1.138}}@media screen and (min-width:768px){.products__list{display:-webkit-box;display:-ms-flexbox;display:flex}}.products__card{margin-left:auto;margin-right:auto;height:auto;border-radius:24px;text-align:center}@media screen and (max-width:767px){.products__card{max-width:280px}.products__card:not(:last-child){margin-bottom:130px}}@media screen and (min-width:768px){.products__card{max-width:220px}.products__card:not(:first-child){margin-left:20px}}@media screen and (min-width:1280px){.products__card{max-width:335px}.products__card:not(:first-child){margin-left:24px}}.products__card.products__card--one{background-color:#ffb8ca}.products__card.products__card--two{background-color:#f0d1a5}.products__card.products__card--three{background-color:#c2e297}.products__card:before{display:inline-block;content:"";width:100%;height:100%;max-width:249px;height:252px;background-repeat:no-repeat;background-position-x:50%;background-position-y:98%;margin-top:-113px;margin-bottom:22px}@media screen and (min-width:768px){.products__card:before{display:-webkit-box;display:-ms-flexbox;display:flex;content:"";max-width:220px;height:226px;margin-top:-104px;margin-bottom:30px;background-position-y:90%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width:1280px){.products__card:before{content:"";max-width:335px;height:335px;margin-top:-210px;margin-bottom:38px;background-position-y:90%}}.products__card--one:before{background-image:url(/goit-icecream-teamproject/product-one320@1x.84f11407.png)}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.products__card--one:before{background-image:url(/goit-icecream-teamproject/product-one320@2x.84f11407.png);background-size:cover}}@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3),(min-resolution:3dppx),(min-resolution:288dpi){.products__card--one:before{background-image:url(/goit-icecream-teamproject/product-one320@3x.74b1b2aa.png);background-size:cover}}@media screen and (min-width:768px){.products__card--one:before{background-image:url(/goit-icecream-teamproject/product-one768@1x.128262b0.png)}}@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:2dppx),screen and (min-width:768px) and (min-resolution:192dpi){.products__card--one:before{background-image:url(/goit-icecream-teamproject/product-one768@2x.8b97be50.png);background-size:cover}}@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:3),screen and (min-width:768px) and (min-device-pixel-ratio:3),screen and (min-width:768px) and (min-resolution:3dppx),screen and (min-width:768px) and (min-resolution:288dpi){.products__card--one:before{background-image:url(/goit-icecream-teamproject/product-one768@3x.49c764c9.png);background-size:cover}}@media screen and (min-width:1280px){.products__card--one:before{background-image:url(/goit-icecream-teamproject/product-one1280@1x.e6468039.png)}}@media screen and (min-width:1280px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:2dppx),screen and (min-width:1280px) and (min-resolution:192dpi){.products__card--one:before{background-image:url(/goit-icecream-teamproject/product-one1280@2x.2efbd119.png);background-size:cover}}@media screen and (min-width:1280px) and (-webkit-min-device-pixel-ratio:3),screen and (min-width:1280px) and (min-device-pixel-ratio:3),screen and (min-width:1280px) and (min-resolution:3dppx),screen and (min-width:1280px) and (min-resolution:288dpi){.products__card--one:before{background-image:url(/goit-icecream-teamproject/product-one1280@3x.994b06df.png);background-size:cover}}.products__card--two:before{background-image:url(/goit-icecream-teamproject/product-two320@1x.d67fff96.png)}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.products__card--two:before{background-image:url(/goit-icecream-teamproject/product-two320@2x.d67fff96.png);background-size:cover}}@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3),(min-resolution:3dppx),(min-resolution:288dpi){.products__card--two:before{background-image:url(/goit-icecream-teamproject/product-two320@3x.489da13c.png);background-size:cover}}@media screen and (min-width:768px){.products__card--two:before{background-image:url(/goit-icecream-teamproject/product-two768@1x.eb3a8325.png)}}@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:2dppx),screen and (min-width:768px) and (min-resolution:192dpi){.products__card--two:before{background-image:url(/goit-icecream-teamproject/product-two768@2x.90228760.png);background-size:cover}}@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:3),screen and (min-width:768px) and (min-device-pixel-ratio:3),screen and (min-width:768px) and (min-resolution:3dppx),screen and (min-width:768px) and (min-resolution:288dpi){.products__card--two:before{background-image:url(/goit-icecream-teamproject/product-two768@3x.fa9f4baf.png);background-size:cover}}@media screen and (min-width:1280px){.products__card--two:before{background-image:url(/goit-icecream-teamproject/product-two1280@1x.e1266370.png)}}@media screen and (min-width:1280px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:2dppx),screen and (min-width:1280px) and (min-resolution:192dpi){.products__card--two:before{background-image:url(/goit-icecream-teamproject/product-two1280@2x.9f24e80c.png);background-size:cover}}@media screen and (min-width:1280px) and (-webkit-min-device-pixel-ratio:3),screen and (min-width:1280px) and (min-device-pixel-ratio:3),screen and (min-width:1280px) and (min-resolution:3dppx),screen and (min-width:1280px) and (min-resolution:288dpi){.products__card--two:before{background-image:url(/goit-icecream-teamproject/product-two1280@3x.93a3b28e.png);background-size:cover}}.products__card--three:before{background-image:url(/goit-icecream-teamproject/product-three320@1x.1568731f.png)}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.products__card--three:before{background-image:url(/goit-icecream-teamproject/product-three320@2x.f1f54919.png);background-size:cover}}@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3),(min-resolution:3dppx),(min-resolution:288dpi){.products__card--three:before{background-image:url(/goit-icecream-teamproject/product-three320@3x.96445cd2.png);background-size:cover}}@media screen and (min-width:768px){.products__card--three:before{background-image:url(/goit-icecream-teamproject/product-three768@1x.a0613041.png)}}@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:2dppx),screen and (min-width:768px) and (min-resolution:192dpi){.products__card--three:before{background-image:url(/goit-icecream-teamproject/product-three768@2x.38bac2ce.png);background-size:cover}}@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:3),screen and (min-width:768px) and (min-device-pixel-ratio:3),screen and (min-width:768px) and (min-resolution:3dppx),screen and (min-width:768px) and (min-resolution:288dpi){.products__card--three:before{background-image:url(/goit-icecream-teamproject/product-three768@3x.bbeea91f.png);background-size:cover}}@media screen and (min-width:1280px){.products__card--three:before{background-image:url(/goit-icecream-teamproject/product-three1280@1x.cac3f155.png)}}@media screen and (min-width:1280px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:2dppx),screen and (min-width:1280px) and (min-resolution:192dpi){.products__card--three:before{background-image:url(/goit-icecream-teamproject/product-three1280@2x.3be45448.png);background-size:cover}}@media screen and (min-width:1280px) and (-webkit-min-device-pixel-ratio:3),screen and (min-width:1280px) and (min-device-pixel-ratio:3),screen and (min-width:1280px) and (min-resolution:3dppx),screen and (min-width:1280px) and (min-resolution:288dpi){.products__card--three:before{background-image:url(/goit-icecream-teamproject/product-three1280@3x.edd9f700.png);background-size:cover}}.products__card-link{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:16px;padding-right:16px}.products__card-subtitle{font-family:Titan One,sans-serif;font-weight:400;font-size:20px;line-height:1.15;text-align:center;letter-spacing:.04em;text-transform:uppercase;color:#fff}@media screen and (max-width:1279px){.products__card-subtitle{margin-bottom:30px}}@media screen and (min-width:1280px){.products__card-subtitle{font-size:30px;line-height:1.13;margin-bottom:32px}}.products__card-subtitle:after{content:"";display:inline-block;width:100%;height:6px;background-image:url(/goit-icecream-teamproject/point@1x.a41b871a.png);background-repeat:no-repeat;background-position:50%;margin-top:30px}@media screen and (min-width:1280px){.products__card-subtitle:after{margin-top:32px}}.products__card-text{font-weight:700;font-size:14px;line-height:1.52;text-align:center;letter-spacing:.04em;margin:0 auto 30px;color:#fff}@media screen and (min-width:768px){.products__card-text{line-height:1.76;margin-bottom:40px}}@media screen and (min-width:1280px){.products__card-text{font-size:16px;margin-bottom:62px}}.products__button-closed:after,.products__card-button:after{content:"";display:block;width:40px;height:40px;border-radius:50%;background-image:url(/goit-icecream-teamproject/arrow-right@1x.103b4cb6.png);background-repeat:no-repeat;background-position:50%;-webkit-transition:-webkit-transform .25s linear;transition:-webkit-transform .25s linear;transition:transform .25s linear;transition:transform .25s linear,-webkit-transform .25s linear}.products__button-closed,.products__card-button{padding-bottom:50px;border-radius:50%;-webkit-transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1)}@media screen and (max-width:767px){.products__button-closed,.products__card-button{padding-bottom:41px}}@media screen and (min-width:768px){.products__button-closed,.products__card-button{padding-bottom:40px}}@media screen and (min-width:1280px){.products__button-closed,.products__card-button{padding-bottom:50px}}.products__card-button:focus:after,.products__card-button:hover:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.products__button-closed:focus:after,.products__button-closed:hover:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.products__card-text--two{font-weight:700;font-size:14px;line-height:1.52;text-align:center;letter-spacing:.04em;margin:0 auto 30px;color:#fff;-webkit-transition:-webkit-transform 2.5s cubic-bezier(.075,.82,.165,1);transition:-webkit-transform 2.5s cubic-bezier(.075,.82,.165,1);transition:transform 2.5s cubic-bezier(.075,.82,.165,1);transition:transform 2.5s cubic-bezier(.075,.82,.165,1),-webkit-transform 2.5s cubic-bezier(.075,.82,.165,1)}@media screen and (min-width:768px){.products__card-text--two{line-height:1.76;margin-bottom:40px}}@media screen and (min-width:1280px){.products__card-text--two{font-size:16px;margin-bottom:52px}}.modal-one{background-color:#ffb8ca}.modal-two{background-color:#f0d1a5}.modal-three{background-color:#c2e297}.overlay{position:fixed;top:25%;height:75%;background:rgba(255,184,202,.2);visibility:hidden;-webkit-transition:opacity .25s linear;transition:opacity .25s linear;overflow-y:auto}.modalpro,.overlay{left:0;width:100%;border-radius:24px;opacity:0}.modalpro{position:absolute;max-width:450px;padding:0 16px;top:50%;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform .25s linear;transition:-webkit-transform .25s linear;transition:transform .25s linear;transition:transform .25s linear,-webkit-transform .25s linear}.modalpro.active,.overlay.active{opacity:1;visibility:visible}.about{position:relative;padding-top:125px;padding-bottom:39px;background:#fff5f6}@media screen and (min-width:768px) and (max-width:1279px){.about{padding-top:130px;padding-bottom:66px}}.about__top-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-bottom:26px}@media screen and (min-width:768px) and (max-width:1279px){.about__top-box{margin-bottom:50px}}@media screen and (min-width:1280px){.about__top-box{margin-bottom:55px}}.about__bottom-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.about__bottom-box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.about__text-box{position:relative;z-index:99;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.about__text-box{margin-left:17px}}@media screen and (min-width:1280px){.about__text-box{margin-left:74px}}.about__image{min-width:280px;min-height:280px}@media screen and (min-width:768px){.about__image{min-width:340px;min-height:340px}}@media screen and (min-width:1280px){.about__image{min-width:516px;min-height:516px}}.about__image-box{min-width:280px;min-height:280px}@media screen and (min-width:768px){.about__image-box{min-width:340px;min-height:340px}}@media screen and (min-width:1280px){.about__image-box{min-width:516px;min-height:516px}}.about__bottom-text{font-weight:500;font-size:12px;line-height:1.62;letter-spacing:.04em}@media screen and (min-width:768px){.about__bottom-text{font-size:14px;line-height:1.76}}@media screen and (min-width:1279px){.about__bottom-text{font-size:16px}}.about__text-span{display:block;margin-top:15px}.about__box-btn{min-width:220px}.about .btn__svg{margin-left:5px;width:7px;height:10px;fill:none;stroke:currentColor}.about__bottom-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:34px;padding-left:36px;width:177px;color:#d41443;background-color:#fff}@media screen and (min-width:768px){.about__bottom-btn{font-size:16px;padding-right:34px;padding-left:37px}}.about .btn:link,.about .btn:visited{padding:15px 40px;display:inline-block;-webkit-transition:all .2s;transition:all .2s;position:absolute}.about .btn:focus,.about .btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 20px #d41443;box-shadow:0 10px 20px #d41443}.about .btn:active{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 5px 10px #d41443;box-shadow:0 5px 10px #d41443}.about .btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:100px;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .4s;transition:all .4s}.about .btn-white:after{background-color:#fff}.about .btn:hover:after{-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6);opacity:0}.about .btn-animated{-webkit-animation:moveInBottom 5s ease-out;animation:moveInBottom 5s ease-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.about__bottom-img{display:block;position:absolute;background-size:cover;width:100vw;left:0;bottom:12%}@media screen and (min-width:768px) and (max-width:1279px){.about__bottom-img{display:none}}@media screen and (min-width:1280px){.about__bottom-img{max-width:1200px;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.small-title{margin-bottom:15px;color:#ffa5ba;font-family:Titan One;font-size:30px;font-style:normal;font-weight:400;line-height:1.1;letter-spacing:.04em;text-align:center;text-transform:uppercase}@media screen and (min-width:768px) and (max-width:1279px){.small-title{font-size:26px;line-height:1.153;margin-bottom:16px}}@media screen and (min-width:1280px){.small-title{font-size:30px;line-height:1.133}}.big-title{color:#d41443;font-family:Titan One;font-size:34px;font-style:normal;font-weight:400;line-height:1.2;letter-spacing:.06em;text-align:center;text-transform:uppercase}@media screen and (min-width:768px){.big-title{font-size:48px;line-height:1.145}}@media screen and (min-width:1280px){.big-title{font-size:57px;line-height:1.137}}.top-text{margin-top:46px;margin-bottom:26px}@media screen and (min-width:768px){.top-text{margin-top:50px;margin-bottom:28px}}@media screen and (min-width:1280px){.top-text{margin-top:56px;margin-bottom:35px}}.bottom-text{color:#907e82;margin-bottom:47px}@media screen and (min-width:768px){.bottom-text{margin-bottom:62px}}@media screen and (min-width:1280px){.bottom-text{margin-bottom:45px}}.about__modal,.modal__franchise,.modal__locations{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1050;opacity:0;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;pointer-events:none;margin:0;padding:0}.about__modal:target,.modal__franchise:target,.modal__locations:target{opacity:1;pointer-events:auto;overflow-y:auto}.about__modal-dialog{width:480px;padding:40px;min-height:40px;margin:0 auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.about__modal-content{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;background-clip:padding-box;border:1px solid #ffa5ba;-webkit-box-shadow:0 5px 15px #907e82;box-shadow:0 5px 15px #907e82;border-radius:24px;overflow:hidden;outline:0}.about__modal-content,.about__modal-header{display:-webkit-box;display:-ms-flexbox;display:flex}.about__modal-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:0;margin-bottom:0;padding:25px;border-bottom:1px solid #eceeef}.about__modal-title{font-family:Titan One,sans-serif;text-align:center;text-transform:uppercase;margin:0;color:#ffa5ba}@media screen and (min-width:768px){.about__modal-title{font-size:26px;line-height:1.154}}@media screen and (min-width:1280px){.about__modal-title{font-size:30px;line-height:1.13333;letter-spacing:.04em}}.about__modal-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;width:30px;height:30px;color:#fff;background-color:#ffb8ca;border-radius:50%;-webkit-transition:background-color .25s cubic-bezier(.4,0,.2,1);transition:background-color .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.about__modal-button:focus,.about__modal-button:hover{background-color:#d41443}.about__modal-cross{fill:currentColor}.about__modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px;overflow-y:auto;display:inline-block;font-weight:500;font-size:12px;line-height:1.58333;text-align:left}@media screen and (min-width:768px){.about__modal-body{font-size:14px;line-height:1.78571}}@media screen and (min-width:1280px){.about__modal-body{font-size:16px;line-height:1.75}}.about__maps{padding:30px}.about__maps,.about__modal-maps{background-color:#d41443}.advantages{background-color:#fff5f6}@media screen and (min-width:768px){.advantages__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-right:40px;margin-right:0}}.advantages__item{width:230px}@media screen and (min-width:768px){.advantages__item{width:180px}}@media screen and (min-width:1280px){.advantages__item{width:330px}}@media screen and (max-width:767px){.advantages__item:not(:last-child){margin-bottom:38px}}.icon-one:before{width:33px;background-image:url(/goit-icecream-teamproject/milk1.fdd3ea8b.png)}.icon-one:before,.icon-two:before{display:block;content:"";height:50px;-webkit-animation-name:wobble;animation-name:wobble;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.icon-two:before{width:50px;background-image:url(/goit-icecream-teamproject/milk2.69ba8e6d.png)}.icon-three:before{display:block;content:"";width:44px;height:50px;background-image:url(/goit-icecream-teamproject/milk3.463733c8.png);-webkit-animation-name:wobble;animation-name:wobble;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.advantages__subtitle{font-family:Titan One,sans-serif;font-size:36px;font-weight:700;line-height:1.14;color:#d41443;margin-bottom:10px;margin-top:16px}@media screen and (min-width:768px){.advantages__subtitle{font-size:48px;margin-top:36px;margin-bottom:13px}}@media screen and (min-width:1280px){.advantages__subtitle{font-size:58px;margin-top:40px;margin-bottom:15px}}.advantages__text{font-weight:700;font-size:12px;line-height:1.7;color:#000}@media screen and (min-width:768px){.advantages__text{font-size:14px}}@media screen and (min-width:1280px){.advantages__text{font-size:16px}}@media screen and (min-width:320px){.gallery__img{max-width:1199px;width:100vw;margin-left:auto;margin-right:auto}.gallery__section1,.gallery__section2,.gallery__section3{display:none}}.gallery__gradient{padding-top:140px;padding-bottom:121px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,#fff5f6),color-stop(40%,#fff));background-image:linear-gradient(180deg,#fff5f6 40%,#fff 0)}@media screen and (min-width:1200px){.gallery__img{display:none}.gallery{width:1200px;height:430px;margin-left:auto;margin-right:auto}.gallery__gradient{position:relative;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,#fff5f6),color-stop(40%,#fff));background-image:linear-gradient(180deg,#fff5f6 40%,#fff 0)}.gallery__images{display:block;width:160px;height:160px;border-radius:10%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1s cubic-bezier(.4,0,.2,1);transition:-webkit-transform 1s cubic-bezier(.4,0,.2,1);transition:transform 1s cubic-bezier(.4,0,.2,1);transition:transform 1s cubic-bezier(.4,0,.2,1),-webkit-transform 1s cubic-bezier(.4,0,.2,1)}.gallery__section1,.gallery__section2,.gallery__section3{display:-webkit-box;display:-ms-flexbox;display:flex;height:160px}.gallery__section1{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gallery__section2{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:40px;margin-right:40px}.gallery__section3{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gallery__image2,.gallery__image9{width:320px;height:320px}.gallery__image9{margin-top:-160px}.gallery__image1:focus,.gallery__image1:hover,.gallery__image2:focus,.gallery__image2:hover,.gallery__image3:focus,.gallery__image3:hover,.gallery__image4:focus,.gallery__image4:hover,.gallery__image5:focus,.gallery__image5:hover,.gallery__image6:focus,.gallery__image6:hover,.gallery__image7:focus,.gallery__image7:hover,.gallery__image8:focus,.gallery__image8:hover,.gallery__image9:focus,.gallery__image9:hover,.gallery__image10:focus,.gallery__image10:hover{-webkit-transform:scale(1.25);transform:scale(1.25);z-index:9}.gallery__gradient{padding-top:139px;padding-bottom:123px}}.cusomer__reviews{margin-bottom:132px;position:relative}.single-item{padding-left:5px;padding-right:5px}@media screen and (min-width:768px){.single-item{padding-left:59px;padding-right:59px}}.reviews-card__img{margin:0 auto;width:185px;height:100%}.reviews-card__wrapper{position:relative;z-index:1;margin-top:29px;padding:43px 50px 20px;background:radial-gradient(circle,#ffe3e6 40%,#fff 100%)}@media screen and (min-width:768px){.reviews-card__wrapper{margin-top:19px;padding:47px 36px 28px 60px}}@media screen and (min-width:1280px){.reviews-card__wrapper{margin-top:15px;padding:47px 54px 32px 59px}}.reviews-card__wrapper-icon{position:absolute;z-index:-1;top:28px;left:61px;fill:#d41443}@media screen and (min-width:768px){.reviews-card__wrapper-icon{top:30px;left:40px}}@media screen and (min-width:1280px){.reviews-card__wrapper-icon{top:32px;left:50px}}.reviews-card__overlay{font-weight:500;text-align:center;font-size:12px;line-height:2.55;background-image:repeating-linear-gradient(180deg,transparent,transparent 29px,#fff 30px)}@media screen and (min-width:768px){.reviews-card__overlay{font-size:14px;line-height:2.14;letter-spacing:.04em}}@media screen and (min-width:1280px){.reviews-card__overlay{font-size:16px;line-height:1.88;letter-spacing:.04em}}.reviews-card__comment{padding:0 16px 0 7px}@media screen and (min-width:768px){.reviews-card__comment{padding:0 44px 0 20px}}@media screen and (min-width:1280px){.reviews-card__comment{padding:0 35px 0 28px}}.reviews-card__marker{position:relative;text-align:center}.reviews-card__marker:after{content:"";position:absolute;width:4px;height:4px;background-color:#c7133e;border-radius:50%;-webkit-box-shadow:0 0 0 2px #c7133e,20px 0 0 2px #c7133e,-20px 0 0 2px #c7133e;box-shadow:0 0 0 2px #c7133e,20px 0 0 2px #c7133e,-20px 0 0 2px #c7133e;top:30px}@media screen and (min-width:768px){.reviews-card__marker:after{top:24px}}@media screen and (min-width:1280px){.reviews-card__marker:after{top:15px}}.reviews-card__icon{width:4px;height:4px;fill:#c7133e;margin-right:10px}.reviews-card__customername{margin-top:52px;text-align:center;font-size:14px;line-height:1.14}@media screen and (min-width:768px){.reviews-card__customername{margin-top:42px;font-size:16px;line-height:1.88}}@media screen and (min-width:1280px){.reviews-card__customername{margin-top:34px;font-size:20px;line-height:1.85}}.dots-style{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.dots-style{margin-top:35px}}.dots-style li:not(:last-child){margin-right:18px}.dots-style button{background:#d9d9d9;border:none;border-radius:50%;font-size:0;height:12px;width:12px;outline:none;cursor:pointer}.dots-style li[class=slick-active] button{background:#d31342}@media screen and (min-width:320px){.contacts{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(4%,#fff),color-stop(4%,#fff5f6));background-image:linear-gradient(180deg,#fff 4%,#fff5f6 0);font-style:normal;font-weight:500;font-size:12px;line-height:186%;padding-bottom:113px}.contacts__card{background-color:#fff;max-width:220px;max-height:427px;-webkit-box-shadow:0 8px 30px rgba(212,20,67,.1);box-shadow:0 8px 30px rgba(212,20,67,.1);border-radius:24px;margin-left:auto;margin-right:auto;padding:43px 20px}.contacts__card:not(:last-child){margin-bottom:20px}.contacts__name{display:inline-block;padding:0 25px;background-color:#f0d1a5;color:#fff5f6;line-height:1.86;text-transform:uppercase;border-radius:4px}.contacts__name-color{width:138px}.contacts__city{margin-bottom:10px}.contacts__card-text{color:#907e82;font-size:11px;line-height:150%;padding-bottom:25px;margin-bottom:25px}.contacts__card-border{padding-bottom:25px;border-bottom:1px solid #e1e1e1}.contacts__work-hours-marg{margin-bottom:10px}.contacts__work-hours{color:#ffa5ba}.contacts__address-list{margin-top:25px}.btn-red{background-color:#d41443;color:#fff;margin:54px auto 10px}.btn-red,.btn-white{display:block;font-family:DM Sans;font-style:normal;font-weight:700;font-size:16px;line-height:21px;border-radius:22px;border:none;width:161px;height:44px;cursor:pointer}.btn-white{background-color:#fff;color:#d41443;margin-left:auto;margin-right:auto}.maps{min-width:120px;width:80vw;height:80vh}.modal-window{z-index:999;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.2);opacity:1;-webkit-transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity .25s cubic-bezier(.4,0,.2,1)}.modal-window.is-hidden{opacity:0;pointer-events:none}.modal-window.is-hidden .modal{-webkit-transform:translate(-50% -50%) scale(1.2);transform:translate(-50% -50%) scale(1.2)}.modal{position:absolute;top:50%;left:50%;width:80%;height:80%;background-color:#d41443;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform .25s cubic-bezier(.4,0,.2,1),-webkit-transform .25s cubic-bezier(.4,0,.2,1)}.modal__close-button{position:fixed;top:8px;right:8px;padding:0;width:20px;height:20px;cursor:pointer;border-radius:50%;border:1px solid rgba(0,0,0,.1);background-color:#d41443}.contacts__card-link:focus,.contacts__card-link:hover{color:#d41443}}@media screen and (max-width:767px){.contacts__head{margin-bottom:54px}}@media screen and (min-width:768px){.contacts__head{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.contacts__card,.contacts__head{display:-webkit-box;display:-ms-flexbox;display:flex}.contacts__card{-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:220px;max-height:544px;margin:0;padding:50px 31px}.contacts__card:not(:last-child){margin-bottom:0;margin-right:20px}.contacts__name{display:block;margin-bottom:30px;height:28px}.contacts__name-color{width:138px}.contacts__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:81px}.btn-red,.btn-white{margin:0}.btn-red{width:191px;margin-right:15px}.btn-white{width:177px}.contacts{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#fff),color-stop(10%,#fff5f6)),url(/goit-icecream-teamproject/content-backg.066c0e8a.png);background-image:linear-gradient(180deg,#fff 10%,#fff5f6 0),url(/goit-icecream-teamproject/content-backg.066c0e8a.png);background-repeat:no-repeat;margin-left:auto;margin-right:auto}.contacts,.contacts__card-text{font-size:14px}}@media screen and (min-width:1280px){.contacts{background-image:url(/goit-icecream-teamproject/content-backg.066c0e8a.png),-webkit-gradient(linear,left top,left bottom,color-stop(10%,#fff),color-stop(10%,#fff5f6));background-image:url(/goit-icecream-teamproject/content-backg.066c0e8a.png),linear-gradient(180deg,#fff 10%,#fff5f6 0);background-repeat:no-repeat}.contacts__container{max-width:1280px;margin-left:auto;margin-right:auto}.contacts__card{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:330px;max-height:572px;padding:51px 43px 62px}.contacts__name{margin-bottom:32px}.btn-red{width:198px}.btn-white{width:180px}.contacts,.contacts__card-text{font-size:16px}.contacts__icon-franchise{fill:#d41443}.contacts__icon-location{fill:#fff}.contacts__button-location:focus,.contacts__button-location:hover{background-color:#d41342}.contacts__button-franchise:focus,.contacts__button-franchise:hover{background-color:#ecebeb}}.contacts__modal{position:fixed;top:50%;left:50%;background:rgba(0,0,0,.5);z-index:1050;opacity:0;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;pointer-events:none;margin:0;padding:0}.contacts__modal:target{opacity:1;pointer-events:auto;overflow-y:auto}.contacts__modal-dialog{position:relative;width:auto;margin:10px}@media (min-width:480px){.contacts__modal-dialog{max-width:480px;margin:30px auto}}.contacts__modal-content{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 10px;background-color:#fff;background-clip:padding-box;border:1px solid #ffa5ba;-webkit-box-shadow:0 5px 15px #907e82;box-shadow:0 5px 15px #907e82;border-radius:24px;outline:0}.contacts__modal-content,.contacts__modal-header{display:-webkit-box;display:-ms-flexbox;display:flex}.contacts__modal-header{border-bottom:1px solid #eceeef}.contacts__modal-title{font-family:Titan One,sans-serif;text-align:center;text-transform:uppercase;margin:0;color:#ffa5ba}@media screen and (min-width:768px){.contacts__modal-title{font-size:26px;line-height:1.154}}@media screen and (min-width:1280px){.contacts__modal-title{font-size:30px;line-height:1.13333;letter-spacing:.04em}}.contacts__modal-button{text-align:center;padding-top:4px;margin:0;width:30px;height:30px;color:#fff;background-color:#ffb8ca;border-radius:50%;-webkit-transition:background-color .25s cubic-bezier(.4,0,.2,1);transition:background-color .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.contacts__modal-button:focus,.contacts__modal-button:hover{background-color:#d41443}.contacts__modal-cross{display:inline-block;fill:currentColor}.contacts__modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px;overflow-y:auto;display:inline-block;font-weight:500;font-size:12px;line-height:1.58333;text-align:left}@media screen and (min-width:768px){.contacts__modal-body{font-size:14px;line-height:1.78571}}@media screen and (min-width:1280px){.contacts__modal-body{font-size:16px;line-height:1.75}}.footer__section{background-color:#fff5f6}.footer__container{padding-bottom:43px}@media screen and (min-width:768px){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}.footer__thumb-titles{max-width:234px;margin-bottom:43px}@media screen and (min-width:768px){.footer__thumb-titles{max-width:340px;margin-top:7px;margin-bottom:91px}}@media screen and (min-width:1280px){.footer__thumb-titles{max-width:474px;margin-top:0;margin-bottom:97px}}.footer__double-title{font-family:Titan One,sans-serif;font-size:18px;line-height:1.16667;text-transform:uppercase;letter-spacing:.03em;margin-bottom:17px;color:#ffa5ba}@media screen and (min-width:768px){.footer__double-title{font-size:26px;line-height:1.15385;letter-spacing:.04em;margin-bottom:16px}}@media screen and (min-width:1280px){.footer__double-title{font-size:30px;line-height:1.13333;margin-bottom:15px}}.footer__title{font-family:Titan One,sans-serif;font-size:34px;line-height:1.14706;letter-spacing:.04em;text-transform:uppercase;color:#d41443}@media screen and (min-width:768px){.footer__title{font-size:48px;line-height:1.14583}}@media screen and (min-width:1280px){.footer__title{font-size:58px;line-height:1.13793}}.footer__socials{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right;margin-bottom:46px}@media screen and (min-width:1280px){.footer__socials{margin-bottom:50px;margin-bottom:57px}}.footer__social-item{display:inline-block;position:relative;font-size:24px}.footer__social-item:not(:last-child){margin-right:28px}@media screen and (min-width:768px){.footer__social-item:not(:last-child){margin-right:30px}}@media screen and (min-width:1280px){.footer__social-item:not(:last-child){margin-right:24px}}.footer__social-link{color:#fff}.footer__social-link:before{-webkit-transform:scale(1);transform:scale(1);content:"";width:32px;height:32px;border-radius:100%;display:block;background-color:#fea5bb;color:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.2);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}@media screen and (min-width:768px){.footer__social-link:before{width:34px;height:34px}}@media screen and (min-width:1280px){.footer__social-link:before{width:32px;height:32px}}.footer__social-link:focus:before,.footer__social-link:hover:before{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease-in;transition:all .3s ease-in;color:#fff}.footer__icon{display:block;width:20px;height:20px;fill:currentColor;position:absolute;top:6px;left:6px;text-align:center;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.footer__social-link:focus .footer__icon,.footer__social-link:hover .footer__icon{-webkit-transform:scale(1.5);transform:scale(1.5);color:#d41443;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.footer__contact{font-weight:700;font-size:12px;line-height:1.83333;text-align:right;letter-spacing:.02em;color:#000}@media screen and (min-width:768px){.footer__contact{font-size:14px;line-height:1.85714}}.footer__contact .footer__contact{font-size:16px;line-height:1.875}.footer__tel{color:#ffa5ba;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}.footer__tel:focus,.footer__tel:hover{color:#d41443}.footer__thumb-licence{border-top:1px solid #e1e1e1}.footer__licence{display:block;padding:25px 70px;max-width:320px;margin:auto;color:#907e82;font-weight:700;font-size:14px;line-height:1.5;text-align:center}@media screen and (min-width:768px){.footer__licence{padding:29px 212px 18px;max-width:768px;line-height:1.85714;letter-spacing:.02em}}@media screen and (min-width:1280px){.footer__licence{padding:9px 387px 10px;max-width:1200px}}#back-button{display:inline-block;background-color:#ffa5ba;width:50px;height:50px;text-align:center;border-radius:4px;position:fixed;bottom:50px;right:50px;-webkit-transition:background-color .3s,opacity .5s,visibility .5s;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000}#back-button:after{content:"\f077";font-family:FontAwesome;font-weight:400;font-style:normal;font-size:2em;line-height:50px;color:#d41443}#back-button:hover{cursor:pointer;background-color:#ffa5ba;-webkit-transform:scale(200%);transform:scale(200%);border-radius:50%}#back-button:active{background-color:#fff}#back-button.show{opacity:1;visibility:visible}.about__bottom-btn{position:relative;padding-right:37px;padding-left:37px;min-height:44px;min-width:176px;border-radius:22px;font-weight:700;font-size:14px;line-height:1.285;cursor:pointer;-webkit-box-shadow:inset 0 0 0 0 #ecebeb;box-shadow:inset 0 0 0 0 #ecebeb;-webkit-transition:.4s ease-out;transition:.4s ease-out}@media screen and (min-width:768px){.about__bottom-btn{font-size:16px}}.about__bottom-btn:focus,.about__bottom-btn:hover{-webkit-box-shadow:inset 0 0 0 50px #ecebeb;box-shadow:inset 0 0 0 50px #ecebeb}.btn-white{color:#d41443;background-color:#fff}.btn-red{color:#fff;background-color:#d41443}.btn:link,.btn:visited{padding:15px 40px;display:inline-block;-webkit-transition:all .2s;transition:all .2s;position:absolute}.btn:focus,.btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 20px #d41443;box-shadow:0 10px 20px #d41443}.btn:active{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 5px 10px #d41443;box-shadow:0 5px 10px #d41443}.btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:100px;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .4s;transition:all .4s}.btn-white:after{background-color:#fff}.btn-white:focus,.btn-white:hover{background-color:#ecebeb}.btn-red:after{background-color:#d41443}.btn:hover:after{-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6);opacity:0}.btn-animated{-webkit-animation:moveInBottom 8s ease-out;animation:moveInBottom 8s ease-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=/goit-icecream-teamproject/main.b80daef1.css.map */