@import url(https://fonts.googleapis.com/css?family=Catamaran:400,700&display=swap);:root{--clr-primary:#2680c0;--clr-primary-dark:#003e6b;--clr-primary-light:#85c6f4;--clr-orange:#ff893b;--clr-grey-1:#102a42;--clr-grey-5:#617d98;--clr-grey-10:#f1f5f8;--clr-white:#fff;--clr-red-dark:#bb2525;--clr-red-light:#e66b6b;--ff-primary:"Catamaran",sans-serif;--ff-footer:"Open Sans",Helvetica,sans-serif;--transition:all 0.3s linear;--spacing:0.25rem;--radius:0.5rem;--large-screen-width:1170px;--small-screen-width:90vw;--fixed-width:50rem;--max-width:600px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Catamaran",sans-serif;font-family:var(--ff-primary);background:#f1f5f8;background:var(--clr-grey-10);color:#102a42;color:var(--clr-grey-1);line-height:1.5;font-size:.875rem;max-width:600px;max-width:var(--max-width)}a{text-decoration:none}img{width:100%;display:block}h1,h2,h3,h4{letter-spacing:.25rem;letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;margin-bottom:.75rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:.875rem}p{margin-bottom:1.25rem}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:2rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.btn{text-transform:uppercase;background:#2680c0;background:var(--clr-primary);color:#fff;color:var(--clr-white);padding:.375rem .75rem;letter-spacing:.25rem;letter-spacing:var(--spacing);display:inline-block;font-weight:700;transition:all .3s linear;transition:var(--transition);font-size:.875rem;border:none;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}.btn:hover{color:#2680c0;color:var(--clr-primary);background:#85c6f4;background:var(--clr-primary-light)}nav{background:#2680c0;background:var(--clr-primary);padding:1.25rem 2rem}.nav-center{max-width:600px;max-width:var(--max-width);width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}nav h3{margin-bottom:0;width:90vw;color:#fff;color:var(--clr-white)}.nav-container{display:block;position:relative}nav svg{width:2rem;fill:#fff;fill:var(--clr-white)}.amount-container{position:absolute;top:-.75rem;right:-.75rem;width:1.75rem;height:1.75rem;border-radius:50%;background:#85c6f4;background:var(--clr-primary-light);display:flex;align-items:center;justify-content:center}.total-amount{color:#fff;color:var(--clr-white);margin-bottom:0;font-size:1.25rem}

/*!
 * react-flags-select v1.1.13 - https://github.com/ekwonye-richard/react-flags-select#readme
 * MIT Licensed
 */.flag-select{position:relative;display:inline-block;vertical-align:inherit;padding-bottom:5px;text-align:left}.flag-select__btn{padding:0 8px;color:#4d4d4d;border:none;background:transparent}.flag-select__btn:after,.flag-select__btn[aria-expanded=true]:after{content:" ";width:0;height:0;display:inline-block;vertical-align:middle;margin-left:5px}.flag-select__btn:after{border-top:5px solid #4d4d4d;border-bottom:0}.flag-select__btn:after,.flag-select__btn[aria-expanded=true]:after{border-left:5px solid transparent;border-right:5px solid transparent}.flag-select__btn[aria-expanded=true]:after{border-top:0;border-bottom:5px solid #4d4d4d}.flag-select__btn:before{content:" ";display:block;width:100%;height:100%;position:absolute;z-index:999}.flag-select__option{cursor:pointer;padding:0 8px 3px;margin:4px 0;display:ruby}.flag-select__options{position:absolute;z-index:999999;border:1px solid #bdbbbb;border-radius:3px;background:#fff;margin-top:8px;padding:8px 0;max-height:160px;width:130px;overflow:auto}.flag-select__options.to--left{right:10px}.flag-select__option--placeholder{height:inherit;width:inherit;display:inline-block;vertical-align:middle}.flag-select__option:not(.flag-select__option--placeholder):focus,.flag-select__option:not(.flag-select__option--placeholder):hover{outline:none;background:#eaeaea}.flag-select__option.has-label{padding:0 20px 3px 8px}.flag-select__option__label{font-size:1em;position:relative;padding-left:9px}.flag-select__option__icon{width:1.3em;height:1.3em;position:relative;top:.3em}.flag-select .filterBox{width:100%}.flag-select .filterBox input{width:90%;margin:0 4%}.flag-select .filterBox input:focus{outline:none}.flag-select .hidden{display:none}.flag-select .no--focus{pointer-events:none}.calc{min-height:calc(1vh - 10px);width:90vw;margin:0 auto;padding:.2rem 0;max-width:600px;max-width:var(--max-width)}.calc h2{text-transform:uppercase;text-align:center;margin-bottom:1.25rem}.empty-calc{text-transform:lowercase;color:#617d98;color:var(--clr-grey-5);margin-top:1rem;text-align:center}.calc footer{margin-top:4rem;text-align:center}.calc-total h4{text-transform:capitalize;display:flex;justify-content:space-between;margin-top:1rem}.clear-btn{background:transparent;padding:.5rem 1rem;border:1px solid #bb2525;border:1px solid var(--clr-red-dark);margin-top:2.25rem}.clear-btn,.clear-btn:hover{color:#bb2525;color:var(--clr-red-dark)}.clear-btn:hover{background:#e66b6b;background:var(--clr-red-light);border-color:#e66b6b;border-color:var(--clr-red-light)}.calc-item{align-items:center;margin:1rem 0}.calc-item img{width:2.5rem;height:5rem;object-fit:cover}.calc-item h4{margin-bottom:.5rem;font-weight:500;letter-spacing:2px}.item-price,.item-price-total{color:#617d98;color:var(--clr-grey-5)}.item-price-total{text-align:right}.remove-btn{color:#2680c0;color:var(--clr-primary);letter-spacing:.25rem;letter-spacing:var(--spacing);cursor:pointer;font-size:.85rem;background:transparent;border:none;margin-top:.375rem;transition:all .3s linear;transition:var(--transition)}.remove-btn:hover{color:#85c6f4;color:var(--clr-primary-light)}.amount-btn{width:1.5rem;background:transparent;border:none;cursor:pointer}.amount-btn svg{fill:#2680c0;fill:var(--clr-primary)}.amount-btn:hover svg{fill:#85c6f4;fill:var(--clr-primary-light)}.amount{width:1.5rem;text-align:center;margin-bottom:0;font-size:1.25rem;line-height:1}.footer{min-height:calc(100vh - 80px);width:90vw;margin:0 auto;padding:2.5rem 0;max-width:600px;max-width:var(--max-width);font:11px "Open Sans",Helvetica,sans-serif;font:11px var(--ff-footer)}.footer h4{color:#ff893b;color:var(--clr-orange);margin-bottom:1.25rem}.footer-total,.footer h4{text-transform:capitalize}.footer-total{text-align:center;margin-top:.5rem}
/*# sourceMappingURL=main.ead224f1.chunk.css.map */