*{box-sizing:border-box;margin:0;padding:0}.header{background-color:#fff;height:111px}.header__img{width:201px;height:50px;margin:31px 0 0 40px}.js-design__form{overflow:hidden;height:0px;margin-bottom:-45px}.js-fa-chevron-up{transform:rotate(180deg)}.js-fill__form{overflow:hidden;height:0px;margin-bottom:-30px}.js-share__section{overflow:hidden;height:0px;margin-bottom:-15px}.js-share{padding-bottom:20px}@media all and (min-width: 768px){.main-aplication{min-height:calc(100vh - 171px);background:linear-gradient(to bottom, #f5f5f5, #fff);padding:20px 40px 20px 20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;-moz-column-gap:10px;column-gap:10px}.main-aplication__section{grid-row:1/2}}.preview{background:linear-gradient(to bottom, #bfcdd0, #dde9ed);height:457px;padding:38px 35px 40px 45px}@media all and (min-width: 768px){.preview{height:100%;grid-column:2/3;border-radius:6px;display:flex;flex-direction:column;justify-content:center;padding:0px;align-items:center}.preview .preview-button-div{width:240px}}.preview__button{width:75px;height:30px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:transparent;border:1px solid #fff;border-radius:15px}.preview__button:hover{cursor:pointer}.preview__button--trash{color:#54585a;width:11px;height:20px;line-height:20px}.preview__button--text{font-family:"Open Sans",sans-serif;font-size:12px;line-height:20px;text-transform:uppercase;color:#54585a;margin-left:8px}.preview__card{width:240px;height:329px;background-color:#fff;margin-top:20px;padding-top:21px;border-radius:2px;box-shadow:0 1px 5px 0 #54585a}.preview__card--text{padding-left:15px;border-left:5px solid #438792}.preview__card--text .text-name{font-family:"Montserrat",sans-serif;font-size:18px;line-height:20px;color:#114e4e}.preview__card--text .text-work{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:normal;line-height:20px;color:#54585a;margin-top:4px}.preview__card--img{width:100%;height:200px;margin-top:10px}.preview__card--nav{list-style:none;display:flex;flex-direction:row;padding:10px 0 0 10px}.preview__card--nav .icons{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:2px solid #a2deaf;border-radius:50%;text-decoration:none;color:#114e4e;margin-left:10px}.design{margin:27px 20px 30px 20px}.design__title{display:flex;justify-content:space-between;align-items:center;padding:10px 0 22px 0}.design__title:hover{cursor:pointer}.design__title--arrow{color:#54585a;font-size:18px;z-index:1}.design__title--container{display:flex;align-items:center}.design__title--container--text{font-family:"Open Sans",sans-serif;font-size:18px;font-weight:600;color:#54585a;text-transform:uppercase}.design-icon{font-size:18px;color:#e17334;margin-right:8px}.design__form{display:flex;justify-content:space-between}.design__form--label{font-family:"Open Sans",sans-serif;color:#114e4e;font-size:14px;line-height:20px}@media all and (min-width: 768px){.design{margin:0 20px 30px 20px}}.uppercase{text-transform:uppercase}.design__container__options{width:7.5rem;display:inline-block;text-align:end}.design__container__options__cold,.design__container__options__warm,.design__container__options__medium{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.design__container__options__cold:hover,.design__container__options__warm:hover,.design__container__options__medium:hover{cursor:pointer}.design__container__options .palette-cold,.design__container__options .palette-warm,.design__container__options .palette-medium{display:flex}.design__container__options .palette-cold span,.design__container__options .palette-warm span,.design__container__options .palette-medium span{display:inline-block;width:30px;height:25px;margin:0}.design__container__options .warm{margin-top:1.25rem;margin-bottom:1.25rem}.palette-cold .a{background-color:#114e4e}.palette-cold .b{background-color:#438792}.palette-cold .c{background-color:#a2deaf}.palette-warm .a{background-color:#420101}.palette-warm .b{background-color:#bd1010}.palette-warm .c{background-color:#e95626}.palette-medium .a{background-color:#3e5b65}.palette-medium .b{background-color:#eab052}.palette-medium .c{background-color:#a0c0cf}.js-paletteCold .js-text-name{color:#114e4e}.js-paletteCold .js-preview__card--text{border-color:#438792}.js-paletteCold .js-icons{border-color:#a2deaf;color:#114e4e}.js-paletteWarm .js-text-name{color:#420101}.js-paletteWarm .js-preview__card--text{border-color:#bd1010}.js-paletteWarm .js-icons{border-color:#e95626;color:#420101}.js-paletteMedium .js-text-name{color:#3e5b65}.js-paletteMedium .js-preview__card--text{border-color:#eab052}.js-paletteMedium .js-icons{border-color:#a0c0cf;color:#3e5b65}.action{display:flex;justify-content:flex-start}.action__upload-btn{background:#e17334;border-radius:3px;border:0;box-shadow:0 0 4px 0 rgba(0,0,0,0.32);color:#fff;font-family:"Open Sans",sans-serif;font-size:14px;line-height:20px;width:140px;height:30px}.action__hiddenField{display:none}.profile__image,.profile__preview{background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid #ccc}.profile__preview{width:30px;height:30px;margin-left:20px}.fill{border-top:1px solid #d8d8d8;margin:0px 19px 30px 20px}.fill__title{display:flex;justify-content:space-between;align-items:center;padding:10px 0 5px 0}.fill__title:hover{cursor:pointer}.fill__title--container{display:flex;align-items:center}.fill__title--container .keyboard{font-size:18px;color:#e17334;margin-right:8px}.fill__title--container .container--text{font-family:"Open Sans",sans-serif;font-size:18px;font-weight:600;color:#54585a;text-transform:uppercase}.fill__title--arrow{color:#54585a;font-size:18px;z-index:2}.fill__form{display:flex;flex-direction:column}.fill__form--label{padding:20px 0 7px 0;font-family:"Open Sans",sans-serif;color:#114e4e;font-size:14px;line-height:20px}.fill__form--input{height:30px;border:1px solid #a2deaf;padding:3px 0 7px 9px;font-family:"Open Sans",sans-serif}.fill__form--input::-webkit-input-placeholder{color:#c5c5c5}.share{border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;margin:0px 19px 30px 20px;z-index:10}.share__title{display:flex;justify-content:space-between;align-items:center;padding-top:10px}.share__title:hover{cursor:pointer}.share__title--container{display:flex;align-items:center}.share__title--container .container-share{font-size:18px;color:#e17334;margin-right:12px}.share__title--container .container-text{font-family:"Open Sans",sans-serif;font-size:18px;font-weight:600;color:#54585a;text-transform:uppercase}.share__title--arrow{color:#54585a;font-size:18px}.share__button{width:199px;height:50px;background-color:#d5d5d5;border:none;border-radius:12px;box-shadow:0 1px 6px 0 rgba(0,0,0,0.32);color:#fff;display:flex;justify-content:center;align-items:center;margin:30px auto 30px auto;z-index:20}.share__button--icon{font-size:22px}.share__button--text{font-family:"Open Sans",sans-serif;font-size:18px;text-transform:uppercase;font-weight:600;margin-left:9px}.share__finish{border-top:1px solid #d8d8d8;padding:20px 0 30px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.share__finish--title{font-family:"Open Sans",sans-serif;font-size:18px;font-weight:600;color:#54585a}.share__finish--text{font-family:"Open Sans",sans-serif;font-weight:600;font-size:12px;text-align:center;color:#e17334;margin-top:5px}.share__finish--anchor{display:flex;justify-content:center;align-items:center;background-color:#00a0f5;color:#fff;width:181px;height:30px;border-radius:3px;text-decoration:none;margin-top:10px}.share__finish--anchor .anchor-icon{font-size:18px}.share__finish--anchor .anchor-text{font-family:"Open Sans",sans-serif;font-size:14px;line-height:20px;margin-left:9.5px}.share .js-button-create{background-color:#e17334}.share .js-button-create:hover{cursor:pointer}.share .js__finish-hidden{display:none}.share .card-link{text-decoration:none;color:#e17334}.share .paragraph{font-family:"Open Sans",sans-serif}.footer{border-top:1px solid #d8d8d8;width:100%;height:110px;background-color:white;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px 0 20px 0}@media all and (min-width: 768px){.footer{height:60px;flex-direction:row;padding:10px 40px 10px 41px}}.footer__copy{opacity:0.5;font-family:"Open Sans",sans-serif;font-size:14px;line-height:1.43;color:#6b6b6b}.footer__logo{margin-top:12px;height:40px;-o-object-fit:contain;object-fit:contain}@media all and (min-width: 768px){.footer__logo{margin-top:0}}