html{background-color:rgba(0,0,0,0.1)}body{width:100%;min-width:320px;margin:auto;box-sizing:border-box;overflow-x:hidden;font-family:"GothamProReg";line-height:1.2;color:#000;background-color:#FFF}@media screen and (max-width: 768px){body{font-size:1.3}}p,ul,img,a{max-width:100%;margin:0;padding:0;color:inherit}b{font-family:"GothamProBlack";font-weight:normal}.container{max-width:1200px;margin:auto;padding:0;box-sizing:border-box}@media screen and (max-width: 1200px){.container{padding:0 30px}}.row{display:flex;flex-flow:row wrap}@media screen and (max-width: 1200px){.row{flex-direction:column}}.col{flex:1 0 50%}.header{position:relative;padding:30px 0 125px;box-sizing:border-box;background-image:url("/i/event-page/save-eco/group-bottles.png"),url("/i/event-page/save-eco/header__bg.png");background-repeat:repeat-x,no-repeat;background-position:left 0px bottom -35px,center top;background-size:auto,cover}@media screen and (max-width: 768px){.header{min-height:100vh;background-position:left 0px bottom -35px,center bottom}}.header::before{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url("/i/event-page/save-eco/header__trees.png") no-repeat center bottom -95px}@media screen and (max-width: 768px){.header::before{background-position:left -180px bottom -95px}}.header__row{display:flex}@media screen and (max-width: 768px){.header__row{flex-direction:column;align-items:center}}.header__col{flex:1 0 50%}@media screen and (max-width: 768px){.header__col{text-align:center}}@media screen and (max-height: 730px){.header__col-desc{margin-top:10px;background-color:rgba(255,255,255,0.5);z-index:1}}.header__title{position:relative;z-index:1;font-size:122px;font-family:"AristaProFat";line-height:.8;color:#FFF;text-align:left;text-transform:uppercase}@media screen and (max-width: 1200px){.header__title{font-size:8vmin}}@media screen and (max-width: 768px){.header__title{font-size:54px}}.header__title-line1{display:inline-block;color:red}.header__title-line2{display:block;color:#00F6FF}.header__title-line3{display:block}.header__title-icon{display:inline-block}@media screen and (max-width: 1200px){.header__title-icon{width:auto;height:.8em}}.header__desc-text{margin-bottom:20px;font-size:24px}@media screen and (min-width: 1201px){.header__desc-text{margin-top:20px;max-width:355px}}@media screen and (max-width: 1200px){.header__desc-text{font-size:18px}}@media screen and (max-width: 768px){.header__desc-text{margin-top:20px;line-height:1.3;text-align:center}}.header__logo{position:relative;z-index:1}@media screen and (min-width: 1201px){.header__logo{margin-left:-30px}}.summary-box{padding:50px 0;background-color:#3A3A3A}.summary-box__row{align-items:center}.summary__text{font-size:22px;line-height:1.3;color:#fff;font-family:"GothaProLight"}@media screen and (min-width: 1201px){.summary__text{padding-right:40px}}@media screen and (max-width: 768px){.summary__text{font-size:18px;text-align:center}}.summary-widget{white-space:nowrap;text-align:center;font-size:58px;color:#fff}@media screen and (max-width: 1200px){.summary-widget{margin-top:30px}}@media screen and (max-width: 768px){.summary-widget{font-size:34px}}@media screen and (max-width: 440px){.summary-widget{font-size:24px}}.summary-widget__obj-bottle,.summary-widget__obj-tree{display:inline-block;margin:0 5px;vertical-align:middle}@media screen and (max-width: 768px){.summary-widget__obj-bottle,.summary-widget__obj-tree{width:auto;height:2em}}.summary-widget__symbols{display:inline-block;vertical-align:middle;line-height:1;font-family:"GothaProLight"}.summary-widget__symbol-small{display:inline-block;font-size:.65em;line-height:1;font-style:normal;vertical-align:middle;font-family:"GothaProLight"}.instruction-box{padding-bottom:50px}.instruction__col-pictire{padding-top:40px;text-align:center}@media screen and (min-width: 1201px){.instruction__col-pictire{text-align:left}}.instruction__pic{position:relative;display:inline-block;margin-bottom:40px;text-align:center}@media screen and (min-width: 1280px){.instruction__pic{margin-left:-30px}}.instruction__pic-obj{display:inline-block}.instruction__pic-el{position:absolute;left:0;top:0;right:0;margin:auto}.instruction__pic::after{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:transparent}.instruction__map{margin-bottom:40px}@media screen and (min-width: 1280px){.instruction__map{margin-right:-40px}}.instruction__text{margin-bottom:20px;font-size:24px;text-align:left}@media screen and (min-width: 1201px){.instruction__text{padding-right:80px}}@media screen and (max-width: 768px){.instruction__text{font-size:20px}}.banner-box{padding:70px 0}.banner-box--bg-color{background-color:#60970f}.banner-box--bg-tree{padding-bottom:180px;background:url("/i/event-page/save-eco/banner__trees.png") no-repeat center bottom -270px}.banner{position:relative}.banner__icon{position:absolute;top:0;left:0;right:0;margin:auto;transform:translateY(-70%)}.banner__text{font-size:36px;text-align:center;font-family:"GothaProLight"}@media screen and (max-width: 768px){.banner__text{font-size:24px}}.banner__text--inverse{color:#FFF}.banner__subtitle{margin-top:40px;font-size:58px;text-align:center;color:#60970f}@media screen and (max-width: 768px){.banner__subtitle{font-size:35px}}.footer{padding:40px 0;background-color:#4d790c;font-family:"GothaProLight"}.footer__row{display:flex;flex-flow:row wrap;justify-content:space-between}.footer__col{flex:1 1 33%;padding-right:35px;margin-bottom:30px;box-sizing:border-box}@media screen and (max-width: 1200px){.footer__col--attention{order:1;width:100%}}.footer__subtitle{display:block;margin-bottom:3px;font-size:20px;text-transform:uppercase;color:#FFF;font-family:"GothamProBold"}.footer__text{color:#FFF;font-size:14px;margin-bottom:5px}.footer__link{text-decoration:none;opacity:.85}.footer__link:hover{opacity:1;text-decoration:underline}.footer__link--attention{display:flex;align-items:center;min-width:270px}.footer__link--attention:hover{text-decoration:none}.footer__icon-attention{flex:none;margin-right:10px}.footer__text-attention{display:inline-block;max-width:240px;font-size:20px;text-transform:uppercase;color:#FFF;font-family:"GothamProBold"}@media screen and (max-width: 440px){.footer__text-attention{font-size:17px}}.header::before{background-position:center bottom -125px;animation:header-trees 2s ease .95s forwards}@media screen and (max-width: 768px){.header::before{background-position:left -180px bottom -125px;animation:header-trees--768px 3s ease .95s forwards}}@-webkit-keyframes header-trees{0%{background-position:center bottom -125px}100%{background-position:center bottom -95px}}@keyframes header-trees{0%{background-position:center bottom -125px}100%{background-position:center bottom -95px}}@-webkit-keyframes header-trees--768px{0%{background-position:left -180px bottom -125px}100%{background-position:left -180px bottom -95px}}@keyframes header-trees--768px{0%{background-position:left -180px bottom -125px}100%{background-position:left -180px bottom -95px}}@-webkit-keyframes subtitle-typing{0%{width:0ch}100%{width:27ch;border-width:0}}@keyframes subtitle-typing{0%{width:0ch}100%{width:27ch;border-width:0}}.summary-widget:hover .summary-widget__obj-bottle{animation:bottle .5s;transform-origin:bottom}.summary-widget:hover .summary-widget__obj-tree{animation:tree .5s .5s;transform-origin:bottom}@-webkit-keyframes bottle{0%{transform:scaleY(1)}50%{transform:scaleY(.9)}100%{transform:scaleY(1)}}@keyframes bottle{0%{transform:scaleY(1)}50%{transform:scaleY(.9)}100%{transform:scaleY(1)}}@-webkit-keyframes tree{0%{transform:scaleY(1)}50%{transform:scaleY(1.1)}100%{transform:scaleY(1)}}@keyframes tree{0%{transform:scaleY(1)}50%{transform:scaleY(1.1)}100%{transform:scaleY(1)}}.instruction__pic:hover .instruction__pic-el{opacity:0}.instruction__pic:hover .instruction__pic-el.el-1{animation:appear .2s steps(1) .3s forwards}.instruction__pic:hover .instruction__pic-el.el-2{animation:appear .2s steps(1) .4s forwards}.instruction__pic:hover .instruction__pic-el.el-3{animation:appear .2s steps(1) .5s forwards}.instruction__pic:hover .instruction__pic-el.el-4{animation:appear .2s steps(1) 1.2s forwards}.instruction__pic:hover .instruction__pic-el.el-5{animation:appear .2s steps(1) 1.3s forwards}.instruction__pic:hover .instruction__pic-el.el-6{animation:appear .2s steps(1) 1.4s forwards}@-webkit-keyframes appear{0%{opacity:0}100%{opacity:1}}@keyframes appear{0%{opacity:0}100%{opacity:1}}@font-face{font-family:"GothamProReg";src:url("/fonts/GothamProReg.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"GothaProLight";src:url("/fonts/GothamPro-Light.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"GothamProMedium";src:url("/fonts/GothamPro-Medium.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"GothamProBold";src:url("/fonts/GothamPro-Bold.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"GothamProBlack";src:url("/fonts/GothamPro-BlackReg.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"AristaProFat";src:url("/fonts/arista_pro/Arista-Pro-Fat-trial.ttf") format("truetype");font-weight:normal;font-style:normal}
