.color-white {
    color: #FFFFFF; }

.bg-white {
    background-color: #FFFFFF; }

.color-white-force {
    color: #FFFFFF !important; }

.bg-white-force {
    background-color: #FFFFFF !important; }

.color-white-dark {
    color: #f9f9fb; }

.bg-white-dark {
    background-color: #f9f9fb; }

.color-white-dark-force {
    color: #f9f9fb !important; }

.bg-white-dark-force {
    background-color: #f9f9fb !important; }

.color-gray-light {
    color: #C8C8C8; }

.bg-gray-light {
    background-color: #C8C8C8; }

.color-gray-light-force {
    color: #C8C8C8 !important; }

.bg-gray-light-force {
    background-color: #C8C8C8 !important; }

.color-gray {
    color: #979797; }

.bg-gray {
    background-color: #979797; }

.color-gray-force {
    color: #979797 !important; }

.bg-gray-force {
    background-color: #979797 !important; }

.color-gray-dark {
    color: #5e5e5e; }

.bg-gray-dark {
    background-color: #5e5e5e; }

.color-gray-dark-force {
    color: #5e5e5e !important; }

.bg-gray-dark-force {
    background-color: #5e5e5e !important; }

.color-grey-darker {
    color: #4a4a4a; }

.bg-grey-darker {
    background-color: #4a4a4a; }

.color-grey-darker-force {
    color: #4a4a4a !important; }

.bg-grey-darker-force {
    background-color: #4a4a4a !important; }

.color-black-dark {
    color: #000000; }

.bg-black-dark {
    background-color: #000000; }

.color-black-dark-force {
    color: #000000 !important; }

.bg-black-dark-force {
    background-color: #000000 !important; }

.color-black {
    color: #2D2D2D; }

.bg-black {
    background-color: #2D2D2D; }

.color-black-force {
    color: #2D2D2D !important; }

.bg-black-force {
    background-color: #2D2D2D !important; }

.color-black-lighter {
    color: #3b3b3b; }

.bg-black-lighter {
    background-color: #3b3b3b; }

.color-black-lighter-force {
    color: #3b3b3b !important; }

.bg-black-lighter-force {
    background-color: #3b3b3b !important; }

.color-blue {
    color: #003580; }

.bg-blue {
    background-color: #003580; }

.color-blue-force {
    color: #003580 !important; }

.bg-blue-force {
    background-color: #003580 !important; }

.color-blue-light {
    color: #72afd2; }

.bg-blue-light {
    background-color: #72afd2; }

.color-blue-light-force {
    color: #72afd2 !important; }

.bg-blue-light-force {
    background-color: #72afd2 !important; }

.color-orange {
    color: #EE731B; }

.bg-orange {
    background-color: #EE731B; }

.color-orange-force {
    color: #EE731B !important; }

.bg-orange-force {
    background-color: #EE731B !important; }

.color-main {
    color: #EE731B; }

.bg-main {
    background-color: #EE731B; }

.color-main-force {
    color: #EE731B !important; }

.bg-main-force {
    background-color: #EE731B !important; }

.color-link {
    color: #f4a56c; }

.bg-link {
    background-color: #f4a56c; }

.color-link-force {
    color: #f4a56c !important; }

.bg-link-force {
    background-color: #f4a56c !important; }

.color-link-hover {
    color: #f4a56c; }

.bg-link-hover {
    background-color: #f4a56c; }

.color-link-hover-force {
    color: #f4a56c !important; }

.bg-link-hover-force {
    background-color: #f4a56c !important; }

.bg--contain {
    background-size: contain; }

.bg--contain-force {
    background-size: contain !important; }

.bg--cover {
    background-size: cover; }

.bg--cover-force {
    background-size: cover !important; }

* {
    outline: none !important; }

.p--1 {
    padding: -1px; }

.mt--1 {
    margin-top: -1px; }

.mt--1-force {
    margin-top: -1px !important; }

.mb--1 {
    margin-bottom: -1px; }

.mb--1-force {
    margin-bottom: -1px !important; }

.ml--1 {
    margin-left: -1px; }

.ml--1-force {
    margin-left: -1px !important; }

.mr--1 {
    margin-right: -1px; }

.mr--1-force {
    margin-right: -1px !important; }

.mv--1 {
    margin-top: -1px;
    margin-bottom: -1px; }

.mv--1-force {
    margin-top: -1px !important;
    margin-bottom: -1px !important; }

.pt--1 {
    padding-top: -1px; }

.pt--1-force {
    padding-top: -1px !important; }

.pb--1 {
    padding-bottom: -1px; }

.pb--1-force {
    padding-bottom: -1px !important; }

.pv--1 {
    padding-top: -1px;
    padding-bottom: -1px; }

.pv--1-force {
    padding-top: -1px !important;
    padding-bottom: -1px !important; }

.ph--1 {
    padding-left: -1px;
    padding-right: -1px; }

.ph--1-force {
    padding-left: -1px !important;
    padding-right: -1px !important; }

.pl--1 {
    padding-left: -1px; }

.mh--1 {
    margin-left: -1px;
    margin-right: -1px; }

.maxw--1 {
    max-width: -1px; }

.minw--1 {
    min-width: -1px; }

.p-0 {
    padding: 0px; }

.mt-0 {
    margin-top: 0px; }

.mt-0-force {
    margin-top: 0px !important; }

.mb-0 {
    margin-bottom: 0px; }

.mb-0-force {
    margin-bottom: 0px !important; }

.ml-0 {
    margin-left: 0px; }

.ml-0-force {
    margin-left: 0px !important; }

.mr-0 {
    margin-right: 0px; }

.mr-0-force {
    margin-right: 0px !important; }

.mv-0 {
    margin-top: 0px;
    margin-bottom: 0px; }

.mv-0-force {
    margin-top: 0px !important;
    margin-bottom: 0px !important; }

.pt-0 {
    padding-top: 0px; }

.pt-0-force {
    padding-top: 0px !important; }

.pb-0 {
    padding-bottom: 0px; }

.pb-0-force {
    padding-bottom: 0px !important; }

.pv-0 {
    padding-top: 0px;
    padding-bottom: 0px; }

.pv-0-force {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }

.ph-0 {
    padding-left: 0px;
    padding-right: 0px; }

.ph-0-force {
    padding-left: 0px !important;
    padding-right: 0px !important; }

.pl-0 {
    padding-left: 0px; }

.mh-0 {
    margin-left: 0px;
    margin-right: 0px; }

.maxw-0 {
    max-width: 0px; }

.minw-0 {
    min-width: 0px; }

.p-1 {
    padding: 1px; }

.mt-1 {
    margin-top: 1px; }

.mt-1-force {
    margin-top: 1px !important; }

.mb-1 {
    margin-bottom: 1px; }

.mb-1-force {
    margin-bottom: 1px !important; }

.ml-1 {
    margin-left: 1px; }

.ml-1-force {
    margin-left: 1px !important; }

.mr-1 {
    margin-right: 1px; }

.mr-1-force {
    margin-right: 1px !important; }

.mv-1 {
    margin-top: 1px;
    margin-bottom: 1px; }

.mv-1-force {
    margin-top: 1px !important;
    margin-bottom: 1px !important; }

.pt-1 {
    padding-top: 1px; }

.pt-1-force {
    padding-top: 1px !important; }

.pb-1 {
    padding-bottom: 1px; }

.pb-1-force {
    padding-bottom: 1px !important; }

.pv-1 {
    padding-top: 1px;
    padding-bottom: 1px; }

.pv-1-force {
    padding-top: 1px !important;
    padding-bottom: 1px !important; }

.ph-1 {
    padding-left: 1px;
    padding-right: 1px; }

.ph-1-force {
    padding-left: 1px !important;
    padding-right: 1px !important; }

.pl-1 {
    padding-left: 1px; }

.mh-1 {
    margin-left: 1px;
    margin-right: 1px; }

.maxw-1 {
    max-width: 1px; }

.minw-1 {
    min-width: 1px; }

.p-2 {
    padding: 2px; }

.mt-2 {
    margin-top: 2px; }

.mt-2-force {
    margin-top: 2px !important; }

.mb-2 {
    margin-bottom: 2px; }

.mb-2-force {
    margin-bottom: 2px !important; }

.ml-2 {
    margin-left: 2px; }

.ml-2-force {
    margin-left: 2px !important; }

.mr-2 {
    margin-right: 2px; }

.mr-2-force {
    margin-right: 2px !important; }

.mv-2 {
    margin-top: 2px;
    margin-bottom: 2px; }

.mv-2-force {
    margin-top: 2px !important;
    margin-bottom: 2px !important; }

.pt-2 {
    padding-top: 2px; }

.pt-2-force {
    padding-top: 2px !important; }

.pb-2 {
    padding-bottom: 2px; }

.pb-2-force {
    padding-bottom: 2px !important; }

.pv-2 {
    padding-top: 2px;
    padding-bottom: 2px; }

.pv-2-force {
    padding-top: 2px !important;
    padding-bottom: 2px !important; }

.ph-2 {
    padding-left: 2px;
    padding-right: 2px; }

.ph-2-force {
    padding-left: 2px !important;
    padding-right: 2px !important; }

.pl-2 {
    padding-left: 2px; }

.mh-2 {
    margin-left: 2px;
    margin-right: 2px; }

.maxw-2 {
    max-width: 2px; }

.minw-2 {
    min-width: 2px; }

.p-3 {
    padding: 3px; }

.mt-3 {
    margin-top: 3px; }

.mt-3-force {
    margin-top: 3px !important; }

.mb-3 {
    margin-bottom: 3px; }

.mb-3-force {
    margin-bottom: 3px !important; }

.ml-3 {
    margin-left: 3px; }

.ml-3-force {
    margin-left: 3px !important; }

.mr-3 {
    margin-right: 3px; }

.mr-3-force {
    margin-right: 3px !important; }

.mv-3 {
    margin-top: 3px;
    margin-bottom: 3px; }

.mv-3-force {
    margin-top: 3px !important;
    margin-bottom: 3px !important; }

.pt-3 {
    padding-top: 3px; }

.pt-3-force {
    padding-top: 3px !important; }

.pb-3 {
    padding-bottom: 3px; }

.pb-3-force {
    padding-bottom: 3px !important; }

.pv-3 {
    padding-top: 3px;
    padding-bottom: 3px; }

.pv-3-force {
    padding-top: 3px !important;
    padding-bottom: 3px !important; }

.ph-3 {
    padding-left: 3px;
    padding-right: 3px; }

.ph-3-force {
    padding-left: 3px !important;
    padding-right: 3px !important; }

.pl-3 {
    padding-left: 3px; }

.mh-3 {
    margin-left: 3px;
    margin-right: 3px; }

.maxw-3 {
    max-width: 3px; }

.minw-3 {
    min-width: 3px; }

.p-4 {
    padding: 4px; }

.mt-4 {
    margin-top: 4px; }

.mt-4-force {
    margin-top: 4px !important; }

.mb-4 {
    margin-bottom: 4px; }

.mb-4-force {
    margin-bottom: 4px !important; }

.ml-4 {
    margin-left: 4px; }

.ml-4-force {
    margin-left: 4px !important; }

.mr-4 {
    margin-right: 4px; }

.mr-4-force {
    margin-right: 4px !important; }

.mv-4 {
    margin-top: 4px;
    margin-bottom: 4px; }

.mv-4-force {
    margin-top: 4px !important;
    margin-bottom: 4px !important; }

.pt-4 {
    padding-top: 4px; }

.pt-4-force {
    padding-top: 4px !important; }

.pb-4 {
    padding-bottom: 4px; }

.pb-4-force {
    padding-bottom: 4px !important; }

.pv-4 {
    padding-top: 4px;
    padding-bottom: 4px; }

.pv-4-force {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }

.ph-4 {
    padding-left: 4px;
    padding-right: 4px; }

.ph-4-force {
    padding-left: 4px !important;
    padding-right: 4px !important; }

.pl-4 {
    padding-left: 4px; }

.mh-4 {
    margin-left: 4px;
    margin-right: 4px; }

.maxw-4 {
    max-width: 4px; }

.minw-4 {
    min-width: 4px; }

.p-5 {
    padding: 5px; }

.mt-5 {
    margin-top: 5px; }

.mt-5-force {
    margin-top: 5px !important; }

.mb-5 {
    margin-bottom: 5px; }

.mb-5-force {
    margin-bottom: 5px !important; }

.ml-5 {
    margin-left: 5px; }

.ml-5-force {
    margin-left: 5px !important; }

.mr-5 {
    margin-right: 5px; }

.mr-5-force {
    margin-right: 5px !important; }

.mv-5 {
    margin-top: 5px;
    margin-bottom: 5px; }

.mv-5-force {
    margin-top: 5px !important;
    margin-bottom: 5px !important; }

.pt-5 {
    padding-top: 5px; }

.pt-5-force {
    padding-top: 5px !important; }

.pb-5 {
    padding-bottom: 5px; }

.pb-5-force {
    padding-bottom: 5px !important; }

.pv-5 {
    padding-top: 5px;
    padding-bottom: 5px; }

.pv-5-force {
    padding-top: 5px !important;
    padding-bottom: 5px !important; }

.ph-5 {
    padding-left: 5px;
    padding-right: 5px; }

.ph-5-force {
    padding-left: 5px !important;
    padding-right: 5px !important; }

.pl-5 {
    padding-left: 5px; }

.mh-5 {
    margin-left: 5px;
    margin-right: 5px; }

.maxw-5 {
    max-width: 5px; }

.minw-5 {
    min-width: 5px; }

.p-10 {
    padding: 10px; }

.mt-10 {
    margin-top: 10px; }

.mt-10-force {
    margin-top: 10px !important; }

.mb-10 {
    margin-bottom: 10px; }

.mb-10-force {
    margin-bottom: 10px !important; }

.ml-10 {
    margin-left: 10px; }

.ml-10-force {
    margin-left: 10px !important; }

.mr-10 {
    margin-right: 10px; }

.mr-10-force {
    margin-right: 10px !important; }

.mv-10 {
    margin-top: 10px;
    margin-bottom: 10px; }

.mv-10-force {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }

.pt-10 {
    padding-top: 10px; }

.pt-10-force {
    padding-top: 10px !important; }

.pb-10 {
    padding-bottom: 10px; }

.pb-10-force {
    padding-bottom: 10px !important; }

.pv-10 {
    padding-top: 10px;
    padding-bottom: 10px; }

.pv-10-force {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }

.ph-10 {
    padding-left: 10px;
    padding-right: 10px; }

.ph-10-force {
    padding-left: 10px !important;
    padding-right: 10px !important; }

.pl-10 {
    padding-left: 10px; }

.mh-10 {
    margin-left: 10px;
    margin-right: 10px; }

.maxw-10 {
    max-width: 10px; }

.minw-10 {
    min-width: 10px; }

.p-15 {
    padding: 15px; }

.mt-15 {
    margin-top: 15px; }

.mt-15-force {
    margin-top: 15px !important; }

.mb-15 {
    margin-bottom: 15px; }

.mb-15-force {
    margin-bottom: 15px !important; }

.ml-15 {
    margin-left: 15px; }

.ml-15-force {
    margin-left: 15px !important; }

.mr-15 {
    margin-right: 15px; }

.mr-15-force {
    margin-right: 15px !important; }

.mv-15 {
    margin-top: 15px;
    margin-bottom: 15px; }

.mv-15-force {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }

.pt-15 {
    padding-top: 15px; }

.pt-15-force {
    padding-top: 15px !important; }

.pb-15 {
    padding-bottom: 15px; }

.pb-15-force {
    padding-bottom: 15px !important; }

.pv-15 {
    padding-top: 15px;
    padding-bottom: 15px; }

.pv-15-force {
    padding-top: 15px !important;
    padding-bottom: 15px !important; }

.ph-15 {
    padding-left: 15px;
    padding-right: 15px; }

.ph-15-force {
    padding-left: 15px !important;
    padding-right: 15px !important; }

.pl-15 {
    padding-left: 15px; }

.mh-15 {
    margin-left: 15px;
    margin-right: 15px; }

.maxw-15 {
    max-width: 15px; }

.minw-15 {
    min-width: 15px; }

.p-20 {
    padding: 20px; }

.mt-20 {
    margin-top: 20px; }

.mt-20-force {
    margin-top: 20px !important; }

.mb-20 {
    margin-bottom: 20px; }

.mb-20-force {
    margin-bottom: 20px !important; }

.ml-20 {
    margin-left: 20px; }

.ml-20-force {
    margin-left: 20px !important; }

.mr-20 {
    margin-right: 20px; }

.mr-20-force {
    margin-right: 20px !important; }

.mv-20 {
    margin-top: 20px;
    margin-bottom: 20px; }

.mv-20-force {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }

.pt-20 {
    padding-top: 20px; }

.pt-20-force {
    padding-top: 20px !important; }

.pb-20 {
    padding-bottom: 20px; }

.pb-20-force {
    padding-bottom: 20px !important; }

.pv-20 {
    padding-top: 20px;
    padding-bottom: 20px; }

.pv-20-force {
    padding-top: 20px !important;
    padding-bottom: 20px !important; }

.ph-20 {
    padding-left: 20px;
    padding-right: 20px; }

.ph-20-force {
    padding-left: 20px !important;
    padding-right: 20px !important; }

.pl-20 {
    padding-left: 20px; }

.mh-20 {
    margin-left: 20px;
    margin-right: 20px; }

.maxw-20 {
    max-width: 20px; }

.minw-20 {
    min-width: 20px; }

.p-25 {
    padding: 25px; }

.mt-25 {
    margin-top: 25px; }

.mt-25-force {
    margin-top: 25px !important; }

.mb-25 {
    margin-bottom: 25px; }

.mb-25-force {
    margin-bottom: 25px !important; }

.ml-25 {
    margin-left: 25px; }

.ml-25-force {
    margin-left: 25px !important; }

.mr-25 {
    margin-right: 25px; }

.mr-25-force {
    margin-right: 25px !important; }

.mv-25 {
    margin-top: 25px;
    margin-bottom: 25px; }

.mv-25-force {
    margin-top: 25px !important;
    margin-bottom: 25px !important; }

.pt-25 {
    padding-top: 25px; }

.pt-25-force {
    padding-top: 25px !important; }

.pb-25 {
    padding-bottom: 25px; }

.pb-25-force {
    padding-bottom: 25px !important; }

.pv-25 {
    padding-top: 25px;
    padding-bottom: 25px; }

.pv-25-force {
    padding-top: 25px !important;
    padding-bottom: 25px !important; }

.ph-25 {
    padding-left: 25px;
    padding-right: 25px; }

.ph-25-force {
    padding-left: 25px !important;
    padding-right: 25px !important; }

.pl-25 {
    padding-left: 25px; }

.mh-25 {
    margin-left: 25px;
    margin-right: 25px; }

.maxw-25 {
    max-width: 25px; }

.minw-25 {
    min-width: 25px; }

.p-30 {
    padding: 30px; }

.mt-30 {
    margin-top: 30px; }

.mt-30-force {
    margin-top: 30px !important; }

.mb-30 {
    margin-bottom: 30px; }

.mb-30-force {
    margin-bottom: 30px !important; }

.ml-30 {
    margin-left: 30px; }

.ml-30-force {
    margin-left: 30px !important; }

.mr-30 {
    margin-right: 30px; }

.mr-30-force {
    margin-right: 30px !important; }

.mv-30 {
    margin-top: 30px;
    margin-bottom: 30px; }

.mv-30-force {
    margin-top: 30px !important;
    margin-bottom: 30px !important; }

.pt-30 {
    padding-top: 30px; }

.pt-30-force {
    padding-top: 30px !important; }

.pb-30 {
    padding-bottom: 30px; }

.pb-30-force {
    padding-bottom: 30px !important; }

.pv-30 {
    padding-top: 30px;
    padding-bottom: 30px; }

.pv-30-force {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }

.ph-30 {
    padding-left: 30px;
    padding-right: 30px; }

.ph-30-force {
    padding-left: 30px !important;
    padding-right: 30px !important; }

.pl-30 {
    padding-left: 30px; }

.mh-30 {
    margin-left: 30px;
    margin-right: 30px; }

.maxw-30 {
    max-width: 30px; }

.minw-30 {
    min-width: 30px; }

.p-35 {
    padding: 35px; }

.mt-35 {
    margin-top: 35px; }

.mt-35-force {
    margin-top: 35px !important; }

.mb-35 {
    margin-bottom: 35px; }

.mb-35-force {
    margin-bottom: 35px !important; }

.ml-35 {
    margin-left: 35px; }

.ml-35-force {
    margin-left: 35px !important; }

.mr-35 {
    margin-right: 35px; }

.mr-35-force {
    margin-right: 35px !important; }

.mv-35 {
    margin-top: 35px;
    margin-bottom: 35px; }

.mv-35-force {
    margin-top: 35px !important;
    margin-bottom: 35px !important; }

.pt-35 {
    padding-top: 35px; }

.pt-35-force {
    padding-top: 35px !important; }

.pb-35 {
    padding-bottom: 35px; }

.pb-35-force {
    padding-bottom: 35px !important; }

.pv-35 {
    padding-top: 35px;
    padding-bottom: 35px; }

.pv-35-force {
    padding-top: 35px !important;
    padding-bottom: 35px !important; }

.ph-35 {
    padding-left: 35px;
    padding-right: 35px; }

.ph-35-force {
    padding-left: 35px !important;
    padding-right: 35px !important; }

.pl-35 {
    padding-left: 35px; }

.mh-35 {
    margin-left: 35px;
    margin-right: 35px; }

.maxw-35 {
    max-width: 35px; }

.minw-35 {
    min-width: 35px; }

.p-40 {
    padding: 40px; }

.mt-40 {
    margin-top: 40px; }

.mt-40-force {
    margin-top: 40px !important; }

.mb-40 {
    margin-bottom: 40px; }

.mb-40-force {
    margin-bottom: 40px !important; }

.ml-40 {
    margin-left: 40px; }

.ml-40-force {
    margin-left: 40px !important; }

.mr-40 {
    margin-right: 40px; }

.mr-40-force {
    margin-right: 40px !important; }

.mv-40 {
    margin-top: 40px;
    margin-bottom: 40px; }

.mv-40-force {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }

.pt-40 {
    padding-top: 40px; }

.pt-40-force {
    padding-top: 40px !important; }

.pb-40 {
    padding-bottom: 40px; }

.pb-40-force {
    padding-bottom: 40px !important; }

.pv-40 {
    padding-top: 40px;
    padding-bottom: 40px; }

.pv-40-force {
    padding-top: 40px !important;
    padding-bottom: 40px !important; }

.ph-40 {
    padding-left: 40px;
    padding-right: 40px; }

.ph-40-force {
    padding-left: 40px !important;
    padding-right: 40px !important; }

.pl-40 {
    padding-left: 40px; }

.mh-40 {
    margin-left: 40px;
    margin-right: 40px; }

.maxw-40 {
    max-width: 40px; }

.minw-40 {
    min-width: 40px; }

.p-45 {
    padding: 45px; }

.mt-45 {
    margin-top: 45px; }

.mt-45-force {
    margin-top: 45px !important; }

.mb-45 {
    margin-bottom: 45px; }

.mb-45-force {
    margin-bottom: 45px !important; }

.ml-45 {
    margin-left: 45px; }

.ml-45-force {
    margin-left: 45px !important; }

.mr-45 {
    margin-right: 45px; }

.mr-45-force {
    margin-right: 45px !important; }

.mv-45 {
    margin-top: 45px;
    margin-bottom: 45px; }

.mv-45-force {
    margin-top: 45px !important;
    margin-bottom: 45px !important; }

.pt-45 {
    padding-top: 45px; }

.pt-45-force {
    padding-top: 45px !important; }

.pb-45 {
    padding-bottom: 45px; }

.pb-45-force {
    padding-bottom: 45px !important; }

.pv-45 {
    padding-top: 45px;
    padding-bottom: 45px; }

.pv-45-force {
    padding-top: 45px !important;
    padding-bottom: 45px !important; }

.ph-45 {
    padding-left: 45px;
    padding-right: 45px; }

.ph-45-force {
    padding-left: 45px !important;
    padding-right: 45px !important; }

.pl-45 {
    padding-left: 45px; }

.mh-45 {
    margin-left: 45px;
    margin-right: 45px; }

.maxw-45 {
    max-width: 45px; }

.minw-45 {
    min-width: 45px; }

.p-50 {
    padding: 50px; }

.mt-50 {
    margin-top: 50px; }

.mt-50-force {
    margin-top: 50px !important; }

.mb-50 {
    margin-bottom: 50px; }

.mb-50-force {
    margin-bottom: 50px !important; }

.ml-50 {
    margin-left: 50px; }

.ml-50-force {
    margin-left: 50px !important; }

.mr-50 {
    margin-right: 50px; }

.mr-50-force {
    margin-right: 50px !important; }

.mv-50 {
    margin-top: 50px;
    margin-bottom: 50px; }

.mv-50-force {
    margin-top: 50px !important;
    margin-bottom: 50px !important; }

.pt-50 {
    padding-top: 50px; }

.pt-50-force {
    padding-top: 50px !important; }

.pb-50 {
    padding-bottom: 50px; }

.pb-50-force {
    padding-bottom: 50px !important; }

.pv-50 {
    padding-top: 50px;
    padding-bottom: 50px; }

.pv-50-force {
    padding-top: 50px !important;
    padding-bottom: 50px !important; }

.ph-50 {
    padding-left: 50px;
    padding-right: 50px; }

.ph-50-force {
    padding-left: 50px !important;
    padding-right: 50px !important; }

.pl-50 {
    padding-left: 50px; }

.mh-50 {
    margin-left: 50px;
    margin-right: 50px; }

.maxw-50 {
    max-width: 50px; }

.minw-50 {
    min-width: 50px; }

.p-55 {
    padding: 55px; }

.mt-55 {
    margin-top: 55px; }

.mt-55-force {
    margin-top: 55px !important; }

.mb-55 {
    margin-bottom: 55px; }

.mb-55-force {
    margin-bottom: 55px !important; }

.ml-55 {
    margin-left: 55px; }

.ml-55-force {
    margin-left: 55px !important; }

.mr-55 {
    margin-right: 55px; }

.mr-55-force {
    margin-right: 55px !important; }

.mv-55 {
    margin-top: 55px;
    margin-bottom: 55px; }

.mv-55-force {
    margin-top: 55px !important;
    margin-bottom: 55px !important; }

.pt-55 {
    padding-top: 55px; }

.pt-55-force {
    padding-top: 55px !important; }

.pb-55 {
    padding-bottom: 55px; }

.pb-55-force {
    padding-bottom: 55px !important; }

.pv-55 {
    padding-top: 55px;
    padding-bottom: 55px; }

.pv-55-force {
    padding-top: 55px !important;
    padding-bottom: 55px !important; }

.ph-55 {
    padding-left: 55px;
    padding-right: 55px; }

.ph-55-force {
    padding-left: 55px !important;
    padding-right: 55px !important; }

.pl-55 {
    padding-left: 55px; }

.mh-55 {
    margin-left: 55px;
    margin-right: 55px; }

.maxw-55 {
    max-width: 55px; }

.minw-55 {
    min-width: 55px; }

.p-60 {
    padding: 60px; }

.mt-60 {
    margin-top: 60px; }

.mt-60-force {
    margin-top: 60px !important; }

.mb-60 {
    margin-bottom: 60px; }

.mb-60-force {
    margin-bottom: 60px !important; }

.ml-60 {
    margin-left: 60px; }

.ml-60-force {
    margin-left: 60px !important; }

.mr-60 {
    margin-right: 60px; }

.mr-60-force {
    margin-right: 60px !important; }

.mv-60 {
    margin-top: 60px;
    margin-bottom: 60px; }

.mv-60-force {
    margin-top: 60px !important;
    margin-bottom: 60px !important; }

.pt-60 {
    padding-top: 60px; }

.pt-60-force {
    padding-top: 60px !important; }

.pb-60 {
    padding-bottom: 60px; }

.pb-60-force {
    padding-bottom: 60px !important; }

.pv-60 {
    padding-top: 60px;
    padding-bottom: 60px; }

.pv-60-force {
    padding-top: 60px !important;
    padding-bottom: 60px !important; }

.ph-60 {
    padding-left: 60px;
    padding-right: 60px; }

.ph-60-force {
    padding-left: 60px !important;
    padding-right: 60px !important; }

.pl-60 {
    padding-left: 60px; }

.mh-60 {
    margin-left: 60px;
    margin-right: 60px; }

.maxw-60 {
    max-width: 60px; }

.minw-60 {
    min-width: 60px; }

.p-65 {
    padding: 65px; }

.mt-65 {
    margin-top: 65px; }

.mt-65-force {
    margin-top: 65px !important; }

.mb-65 {
    margin-bottom: 65px; }

.mb-65-force {
    margin-bottom: 65px !important; }

.ml-65 {
    margin-left: 65px; }

.ml-65-force {
    margin-left: 65px !important; }

.mr-65 {
    margin-right: 65px; }

.mr-65-force {
    margin-right: 65px !important; }

.mv-65 {
    margin-top: 65px;
    margin-bottom: 65px; }

.mv-65-force {
    margin-top: 65px !important;
    margin-bottom: 65px !important; }

.pt-65 {
    padding-top: 65px; }

.pt-65-force {
    padding-top: 65px !important; }

.pb-65 {
    padding-bottom: 65px; }

.pb-65-force {
    padding-bottom: 65px !important; }

.pv-65 {
    padding-top: 65px;
    padding-bottom: 65px; }

.pv-65-force {
    padding-top: 65px !important;
    padding-bottom: 65px !important; }

.ph-65 {
    padding-left: 65px;
    padding-right: 65px; }

.ph-65-force {
    padding-left: 65px !important;
    padding-right: 65px !important; }

.pl-65 {
    padding-left: 65px; }

.mh-65 {
    margin-left: 65px;
    margin-right: 65px; }

.maxw-65 {
    max-width: 65px; }

.minw-65 {
    min-width: 65px; }

.p-70 {
    padding: 70px; }

.mt-70 {
    margin-top: 70px; }

.mt-70-force {
    margin-top: 70px !important; }

.mb-70 {
    margin-bottom: 70px; }

.mb-70-force {
    margin-bottom: 70px !important; }

.ml-70 {
    margin-left: 70px; }

.ml-70-force {
    margin-left: 70px !important; }

.mr-70 {
    margin-right: 70px; }

.mr-70-force {
    margin-right: 70px !important; }

.mv-70 {
    margin-top: 70px;
    margin-bottom: 70px; }

.mv-70-force {
    margin-top: 70px !important;
    margin-bottom: 70px !important; }

.pt-70 {
    padding-top: 70px; }

.pt-70-force {
    padding-top: 70px !important; }

.pb-70 {
    padding-bottom: 70px; }

.pb-70-force {
    padding-bottom: 70px !important; }

.pv-70 {
    padding-top: 70px;
    padding-bottom: 70px; }

.pv-70-force {
    padding-top: 70px !important;
    padding-bottom: 70px !important; }

.ph-70 {
    padding-left: 70px;
    padding-right: 70px; }

.ph-70-force {
    padding-left: 70px !important;
    padding-right: 70px !important; }

.pl-70 {
    padding-left: 70px; }

.mh-70 {
    margin-left: 70px;
    margin-right: 70px; }

.maxw-70 {
    max-width: 70px; }

.minw-70 {
    min-width: 70px; }

.p-75 {
    padding: 75px; }

.mt-75 {
    margin-top: 75px; }

.mt-75-force {
    margin-top: 75px !important; }

.mb-75 {
    margin-bottom: 75px; }

.mb-75-force {
    margin-bottom: 75px !important; }

.ml-75 {
    margin-left: 75px; }

.ml-75-force {
    margin-left: 75px !important; }

.mr-75 {
    margin-right: 75px; }

.mr-75-force {
    margin-right: 75px !important; }

.mv-75 {
    margin-top: 75px;
    margin-bottom: 75px; }

.mv-75-force {
    margin-top: 75px !important;
    margin-bottom: 75px !important; }

.pt-75 {
    padding-top: 75px; }

.pt-75-force {
    padding-top: 75px !important; }

.pb-75 {
    padding-bottom: 75px; }

.pb-75-force {
    padding-bottom: 75px !important; }

.pv-75 {
    padding-top: 75px;
    padding-bottom: 75px; }

.pv-75-force {
    padding-top: 75px !important;
    padding-bottom: 75px !important; }

.ph-75 {
    padding-left: 75px;
    padding-right: 75px; }

.ph-75-force {
    padding-left: 75px !important;
    padding-right: 75px !important; }

.pl-75 {
    padding-left: 75px; }

.mh-75 {
    margin-left: 75px;
    margin-right: 75px; }

.maxw-75 {
    max-width: 75px; }

.minw-75 {
    min-width: 75px; }

.p-80 {
    padding: 80px; }

.mt-80 {
    margin-top: 80px; }

.mt-80-force {
    margin-top: 80px !important; }

.mb-80 {
    margin-bottom: 80px; }

.mb-80-force {
    margin-bottom: 80px !important; }

.ml-80 {
    margin-left: 80px; }

.ml-80-force {
    margin-left: 80px !important; }

.mr-80 {
    margin-right: 80px; }

.mr-80-force {
    margin-right: 80px !important; }

.mv-80 {
    margin-top: 80px;
    margin-bottom: 80px; }

.mv-80-force {
    margin-top: 80px !important;
    margin-bottom: 80px !important; }

.pt-80 {
    padding-top: 80px; }

.pt-80-force {
    padding-top: 80px !important; }

.pb-80 {
    padding-bottom: 80px; }

.pb-80-force {
    padding-bottom: 80px !important; }

.pv-80 {
    padding-top: 80px;
    padding-bottom: 80px; }

.pv-80-force {
    padding-top: 80px !important;
    padding-bottom: 80px !important; }

.ph-80 {
    padding-left: 80px;
    padding-right: 80px; }

.ph-80-force {
    padding-left: 80px !important;
    padding-right: 80px !important; }

.pl-80 {
    padding-left: 80px; }

.mh-80 {
    margin-left: 80px;
    margin-right: 80px; }

.maxw-80 {
    max-width: 80px; }

.minw-80 {
    min-width: 80px; }

.p-85 {
    padding: 85px; }

.mt-85 {
    margin-top: 85px; }

.mt-85-force {
    margin-top: 85px !important; }

.mb-85 {
    margin-bottom: 85px; }

.mb-85-force {
    margin-bottom: 85px !important; }

.ml-85 {
    margin-left: 85px; }

.ml-85-force {
    margin-left: 85px !important; }

.mr-85 {
    margin-right: 85px; }

.mr-85-force {
    margin-right: 85px !important; }

.mv-85 {
    margin-top: 85px;
    margin-bottom: 85px; }

.mv-85-force {
    margin-top: 85px !important;
    margin-bottom: 85px !important; }

.pt-85 {
    padding-top: 85px; }

.pt-85-force {
    padding-top: 85px !important; }

.pb-85 {
    padding-bottom: 85px; }

.pb-85-force {
    padding-bottom: 85px !important; }

.pv-85 {
    padding-top: 85px;
    padding-bottom: 85px; }

.pv-85-force {
    padding-top: 85px !important;
    padding-bottom: 85px !important; }

.ph-85 {
    padding-left: 85px;
    padding-right: 85px; }

.ph-85-force {
    padding-left: 85px !important;
    padding-right: 85px !important; }

.pl-85 {
    padding-left: 85px; }

.mh-85 {
    margin-left: 85px;
    margin-right: 85px; }

.maxw-85 {
    max-width: 85px; }

.minw-85 {
    min-width: 85px; }

.p-90 {
    padding: 90px; }

.mt-90 {
    margin-top: 90px; }

.mt-90-force {
    margin-top: 90px !important; }

.mb-90 {
    margin-bottom: 90px; }

.mb-90-force {
    margin-bottom: 90px !important; }

.ml-90 {
    margin-left: 90px; }

.ml-90-force {
    margin-left: 90px !important; }

.mr-90 {
    margin-right: 90px; }

.mr-90-force {
    margin-right: 90px !important; }

.mv-90 {
    margin-top: 90px;
    margin-bottom: 90px; }

.mv-90-force {
    margin-top: 90px !important;
    margin-bottom: 90px !important; }

.pt-90 {
    padding-top: 90px; }

.pt-90-force {
    padding-top: 90px !important; }

.pb-90 {
    padding-bottom: 90px; }

.pb-90-force {
    padding-bottom: 90px !important; }

.pv-90 {
    padding-top: 90px;
    padding-bottom: 90px; }

.pv-90-force {
    padding-top: 90px !important;
    padding-bottom: 90px !important; }

.ph-90 {
    padding-left: 90px;
    padding-right: 90px; }

.ph-90-force {
    padding-left: 90px !important;
    padding-right: 90px !important; }

.pl-90 {
    padding-left: 90px; }

.mh-90 {
    margin-left: 90px;
    margin-right: 90px; }

.maxw-90 {
    max-width: 90px; }

.minw-90 {
    min-width: 90px; }

.p-95 {
    padding: 95px; }

.mt-95 {
    margin-top: 95px; }

.mt-95-force {
    margin-top: 95px !important; }

.mb-95 {
    margin-bottom: 95px; }

.mb-95-force {
    margin-bottom: 95px !important; }

.ml-95 {
    margin-left: 95px; }

.ml-95-force {
    margin-left: 95px !important; }

.mr-95 {
    margin-right: 95px; }

.mr-95-force {
    margin-right: 95px !important; }

.mv-95 {
    margin-top: 95px;
    margin-bottom: 95px; }

.mv-95-force {
    margin-top: 95px !important;
    margin-bottom: 95px !important; }

.pt-95 {
    padding-top: 95px; }

.pt-95-force {
    padding-top: 95px !important; }

.pb-95 {
    padding-bottom: 95px; }

.pb-95-force {
    padding-bottom: 95px !important; }

.pv-95 {
    padding-top: 95px;
    padding-bottom: 95px; }

.pv-95-force {
    padding-top: 95px !important;
    padding-bottom: 95px !important; }

.ph-95 {
    padding-left: 95px;
    padding-right: 95px; }

.ph-95-force {
    padding-left: 95px !important;
    padding-right: 95px !important; }

.pl-95 {
    padding-left: 95px; }

.mh-95 {
    margin-left: 95px;
    margin-right: 95px; }

.maxw-95 {
    max-width: 95px; }

.minw-95 {
    min-width: 95px; }

.p-100 {
    padding: 100px; }

.mt-100 {
    margin-top: 100px; }

.mt-100-force {
    margin-top: 100px !important; }

.mb-100 {
    margin-bottom: 100px; }

.mb-100-force {
    margin-bottom: 100px !important; }

.ml-100 {
    margin-left: 100px; }

.ml-100-force {
    margin-left: 100px !important; }

.mr-100 {
    margin-right: 100px; }

.mr-100-force {
    margin-right: 100px !important; }

.mv-100 {
    margin-top: 100px;
    margin-bottom: 100px; }

.mv-100-force {
    margin-top: 100px !important;
    margin-bottom: 100px !important; }

.pt-100 {
    padding-top: 100px; }

.pt-100-force {
    padding-top: 100px !important; }

.pb-100 {
    padding-bottom: 100px; }

.pb-100-force {
    padding-bottom: 100px !important; }

.pv-100 {
    padding-top: 100px;
    padding-bottom: 100px; }

.pv-100-force {
    padding-top: 100px !important;
    padding-bottom: 100px !important; }

.ph-100 {
    padding-left: 100px;
    padding-right: 100px; }

.ph-100-force {
    padding-left: 100px !important;
    padding-right: 100px !important; }

.pl-100 {
    padding-left: 100px; }

.mh-100 {
    margin-left: 100px;
    margin-right: 100px; }

.maxw-100 {
    max-width: 100px; }

.minw-100 {
    min-width: 100px; }

.p-110 {
    padding: 110px; }

.mt-110 {
    margin-top: 110px; }

.mt-110-force {
    margin-top: 110px !important; }

.mb-110 {
    margin-bottom: 110px; }

.mb-110-force {
    margin-bottom: 110px !important; }

.ml-110 {
    margin-left: 110px; }

.ml-110-force {
    margin-left: 110px !important; }

.mr-110 {
    margin-right: 110px; }

.mr-110-force {
    margin-right: 110px !important; }

.mv-110 {
    margin-top: 110px;
    margin-bottom: 110px; }

.mv-110-force {
    margin-top: 110px !important;
    margin-bottom: 110px !important; }

.pt-110 {
    padding-top: 110px; }

.pt-110-force {
    padding-top: 110px !important; }

.pb-110 {
    padding-bottom: 110px; }

.pb-110-force {
    padding-bottom: 110px !important; }

.pv-110 {
    padding-top: 110px;
    padding-bottom: 110px; }

.pv-110-force {
    padding-top: 110px !important;
    padding-bottom: 110px !important; }

.ph-110 {
    padding-left: 110px;
    padding-right: 110px; }

.ph-110-force {
    padding-left: 110px !important;
    padding-right: 110px !important; }

.pl-110 {
    padding-left: 110px; }

.mh-110 {
    margin-left: 110px;
    margin-right: 110px; }

.maxw-110 {
    max-width: 110px; }

.minw-110 {
    min-width: 110px; }

.p-115 {
    padding: 115px; }

.mt-115 {
    margin-top: 115px; }

.mt-115-force {
    margin-top: 115px !important; }

.mb-115 {
    margin-bottom: 115px; }

.mb-115-force {
    margin-bottom: 115px !important; }

.ml-115 {
    margin-left: 115px; }

.ml-115-force {
    margin-left: 115px !important; }

.mr-115 {
    margin-right: 115px; }

.mr-115-force {
    margin-right: 115px !important; }

.mv-115 {
    margin-top: 115px;
    margin-bottom: 115px; }

.mv-115-force {
    margin-top: 115px !important;
    margin-bottom: 115px !important; }

.pt-115 {
    padding-top: 115px; }

.pt-115-force {
    padding-top: 115px !important; }

.pb-115 {
    padding-bottom: 115px; }

.pb-115-force {
    padding-bottom: 115px !important; }

.pv-115 {
    padding-top: 115px;
    padding-bottom: 115px; }

.pv-115-force {
    padding-top: 115px !important;
    padding-bottom: 115px !important; }

.ph-115 {
    padding-left: 115px;
    padding-right: 115px; }

.ph-115-force {
    padding-left: 115px !important;
    padding-right: 115px !important; }

.pl-115 {
    padding-left: 115px; }

.mh-115 {
    margin-left: 115px;
    margin-right: 115px; }

.maxw-115 {
    max-width: 115px; }

.minw-115 {
    min-width: 115px; }

.p-130 {
    padding: 130px; }

.mt-130 {
    margin-top: 130px; }

.mt-130-force {
    margin-top: 130px !important; }

.mb-130 {
    margin-bottom: 130px; }

.mb-130-force {
    margin-bottom: 130px !important; }

.ml-130 {
    margin-left: 130px; }

.ml-130-force {
    margin-left: 130px !important; }

.mr-130 {
    margin-right: 130px; }

.mr-130-force {
    margin-right: 130px !important; }

.mv-130 {
    margin-top: 130px;
    margin-bottom: 130px; }

.mv-130-force {
    margin-top: 130px !important;
    margin-bottom: 130px !important; }

.pt-130 {
    padding-top: 130px; }

.pt-130-force {
    padding-top: 130px !important; }

.pb-130 {
    padding-bottom: 130px; }

.pb-130-force {
    padding-bottom: 130px !important; }

.pv-130 {
    padding-top: 130px;
    padding-bottom: 130px; }

.pv-130-force {
    padding-top: 130px !important;
    padding-bottom: 130px !important; }

.ph-130 {
    padding-left: 130px;
    padding-right: 130px; }

.ph-130-force {
    padding-left: 130px !important;
    padding-right: 130px !important; }

.pl-130 {
    padding-left: 130px; }

.mh-130 {
    margin-left: 130px;
    margin-right: 130px; }

.maxw-130 {
    max-width: 130px; }

.minw-130 {
    min-width: 130px; }

.p-150 {
    padding: 150px; }

.mt-150 {
    margin-top: 150px; }

.mt-150-force {
    margin-top: 150px !important; }

.mb-150 {
    margin-bottom: 150px; }

.mb-150-force {
    margin-bottom: 150px !important; }

.ml-150 {
    margin-left: 150px; }

.ml-150-force {
    margin-left: 150px !important; }

.mr-150 {
    margin-right: 150px; }

.mr-150-force {
    margin-right: 150px !important; }

.mv-150 {
    margin-top: 150px;
    margin-bottom: 150px; }

.mv-150-force {
    margin-top: 150px !important;
    margin-bottom: 150px !important; }

.pt-150 {
    padding-top: 150px; }

.pt-150-force {
    padding-top: 150px !important; }

.pb-150 {
    padding-bottom: 150px; }

.pb-150-force {
    padding-bottom: 150px !important; }

.pv-150 {
    padding-top: 150px;
    padding-bottom: 150px; }

.pv-150-force {
    padding-top: 150px !important;
    padding-bottom: 150px !important; }

.ph-150 {
    padding-left: 150px;
    padding-right: 150px; }

.ph-150-force {
    padding-left: 150px !important;
    padding-right: 150px !important; }

.pl-150 {
    padding-left: 150px; }

.mh-150 {
    margin-left: 150px;
    margin-right: 150px; }

.maxw-150 {
    max-width: 150px; }

.minw-150 {
    min-width: 150px; }

.p-160 {
    padding: 160px; }

.mt-160 {
    margin-top: 160px; }

.mt-160-force {
    margin-top: 160px !important; }

.mb-160 {
    margin-bottom: 160px; }

.mb-160-force {
    margin-bottom: 160px !important; }

.ml-160 {
    margin-left: 160px; }

.ml-160-force {
    margin-left: 160px !important; }

.mr-160 {
    margin-right: 160px; }

.mr-160-force {
    margin-right: 160px !important; }

.mv-160 {
    margin-top: 160px;
    margin-bottom: 160px; }

.mv-160-force {
    margin-top: 160px !important;
    margin-bottom: 160px !important; }

.pt-160 {
    padding-top: 160px; }

.pt-160-force {
    padding-top: 160px !important; }

.pb-160 {
    padding-bottom: 160px; }

.pb-160-force {
    padding-bottom: 160px !important; }

.pv-160 {
    padding-top: 160px;
    padding-bottom: 160px; }

.pv-160-force {
    padding-top: 160px !important;
    padding-bottom: 160px !important; }

.ph-160 {
    padding-left: 160px;
    padding-right: 160px; }

.ph-160-force {
    padding-left: 160px !important;
    padding-right: 160px !important; }

.pl-160 {
    padding-left: 160px; }

.mh-160 {
    margin-left: 160px;
    margin-right: 160px; }

.maxw-160 {
    max-width: 160px; }

.minw-160 {
    min-width: 160px; }

.p-180 {
    padding: 180px; }

.mt-180 {
    margin-top: 180px; }

.mt-180-force {
    margin-top: 180px !important; }

.mb-180 {
    margin-bottom: 180px; }

.mb-180-force {
    margin-bottom: 180px !important; }

.ml-180 {
    margin-left: 180px; }

.ml-180-force {
    margin-left: 180px !important; }

.mr-180 {
    margin-right: 180px; }

.mr-180-force {
    margin-right: 180px !important; }

.mv-180 {
    margin-top: 180px;
    margin-bottom: 180px; }

.mv-180-force {
    margin-top: 180px !important;
    margin-bottom: 180px !important; }

.pt-180 {
    padding-top: 180px; }

.pt-180-force {
    padding-top: 180px !important; }

.pb-180 {
    padding-bottom: 180px; }

.pb-180-force {
    padding-bottom: 180px !important; }

.pv-180 {
    padding-top: 180px;
    padding-bottom: 180px; }

.pv-180-force {
    padding-top: 180px !important;
    padding-bottom: 180px !important; }

.ph-180 {
    padding-left: 180px;
    padding-right: 180px; }

.ph-180-force {
    padding-left: 180px !important;
    padding-right: 180px !important; }

.pl-180 {
    padding-left: 180px; }

.mh-180 {
    margin-left: 180px;
    margin-right: 180px; }

.maxw-180 {
    max-width: 180px; }

.minw-180 {
    min-width: 180px; }

.p-250 {
    padding: 250px; }

.mt-250 {
    margin-top: 250px; }

.mt-250-force {
    margin-top: 250px !important; }

.mb-250 {
    margin-bottom: 250px; }

.mb-250-force {
    margin-bottom: 250px !important; }

.ml-250 {
    margin-left: 250px; }

.ml-250-force {
    margin-left: 250px !important; }

.mr-250 {
    margin-right: 250px; }

.mr-250-force {
    margin-right: 250px !important; }

.mv-250 {
    margin-top: 250px;
    margin-bottom: 250px; }

.mv-250-force {
    margin-top: 250px !important;
    margin-bottom: 250px !important; }

.pt-250 {
    padding-top: 250px; }

.pt-250-force {
    padding-top: 250px !important; }

.pb-250 {
    padding-bottom: 250px; }

.pb-250-force {
    padding-bottom: 250px !important; }

.pv-250 {
    padding-top: 250px;
    padding-bottom: 250px; }

.pv-250-force {
    padding-top: 250px !important;
    padding-bottom: 250px !important; }

.ph-250 {
    padding-left: 250px;
    padding-right: 250px; }

.ph-250-force {
    padding-left: 250px !important;
    padding-right: 250px !important; }

.pl-250 {
    padding-left: 250px; }

.mh-250 {
    margin-left: 250px;
    margin-right: 250px; }

.maxw-250 {
    max-width: 250px; }

.minw-250 {
    min-width: 250px; }

.p-690 {
    padding: 690px; }

.mt-690 {
    margin-top: 690px; }

.mt-690-force {
    margin-top: 690px !important; }

.mb-690 {
    margin-bottom: 690px; }

.mb-690-force {
    margin-bottom: 690px !important; }

.ml-690 {
    margin-left: 690px; }

.ml-690-force {
    margin-left: 690px !important; }

.mr-690 {
    margin-right: 690px; }

.mr-690-force {
    margin-right: 690px !important; }

.mv-690 {
    margin-top: 690px;
    margin-bottom: 690px; }

.mv-690-force {
    margin-top: 690px !important;
    margin-bottom: 690px !important; }

.pt-690 {
    padding-top: 690px; }

.pt-690-force {
    padding-top: 690px !important; }

.pb-690 {
    padding-bottom: 690px; }

.pb-690-force {
    padding-bottom: 690px !important; }

.pv-690 {
    padding-top: 690px;
    padding-bottom: 690px; }

.pv-690-force {
    padding-top: 690px !important;
    padding-bottom: 690px !important; }

.ph-690 {
    padding-left: 690px;
    padding-right: 690px; }

.ph-690-force {
    padding-left: 690px !important;
    padding-right: 690px !important; }

.pl-690 {
    padding-left: 690px; }

.mh-690 {
    margin-left: 690px;
    margin-right: 690px; }

.maxw-690 {
    max-width: 690px; }

.minw-690 {
    min-width: 690px; }

.w30 {
    width: 30px; }

.h30 {
    height: 30px; }

.maxw30 {
    max-width: 30px; }

.maxh30 {
    max-height: 30px; }

.w280 {
    width: 280px; }

.h280 {
    height: 280px; }

.maxw280 {
    max-width: 280px; }

.maxh280 {
    max-height: 280px; }

.w500 {
    width: 500px; }

.h500 {
    height: 500px; }

.maxw500 {
    max-width: 500px; }

.maxh500 {
    max-height: 500px; }

.w525 {
    width: 525px; }

.h525 {
    height: 525px; }

.maxw525 {
    max-width: 525px; }

.maxh525 {
    max-height: 525px; }

.w560 {
    width: 560px; }

.h560 {
    height: 560px; }

.maxw560 {
    max-width: 560px; }

.maxh560 {
    max-height: 560px; }

.w720 {
    width: 720px; }

.h720 {
    height: 720px; }

.maxw720 {
    max-width: 720px; }

.maxh720 {
    max-height: 720px; }

.w900 {
    width: 900px; }

.h900 {
    height: 900px; }

.maxw900 {
    max-width: 900px; }

.maxh900 {
    max-height: 900px; }

.w100 {
    width: 100%; }

.h100 {
    height: 100%; }

.h100--force {
    height: 100% !important; }

.mh100 {
    min-height: 100%; }

.mh100--force {
    min-height: 100% !important; }

.h100vh {
    height: 100vh; }

.h200 {
    height: 200%; }

.top0 {
    top: 0; }

.top0-force {
    top: 0 !important; }

.t-100 {
    top: -100%; }

.oh {
    overflow: hidden; }

.oxh {
    overflow-x: hidden; }

.oyh {
    overflow-y: hidden; }

.pos-r {
    position: relative; }

.cp {
    cursor: pointer; }

.dn {
    display: none; }

.db {
    display: block; }

.dib {
    display: inline-block; }

.wsn {
    white-space: nowrap; }

.tal {
    text-align: left; }

.tac {
    text-align: center; }

.tar {
    text-align: right; }

.tdn {
    text-decoration: none; }

.align-center {
    vertical-align: middle;
    margin-right: auto;
    margin-left: auto;
    display: block; }

.vat,
.align-top,
.push-top {
    vertical-align: top !important; }

.vam,
.align-middle,
.push-middle {
    vertical-align: middle !important; }

.vab,
.align-bottom,
.push-bottom {
    vertical-align: bottom !important; }

.centered-on-page {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column; }

.curtain {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EE731B;
    z-index: 10052;
    display: none; }

.loader-background {
    background: #EE731B;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden; }

.loader {
    border: 2px solid transparent;
    border-radius: 50%;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px; }

.loader2 {
    border: 2px solid transparent;
    border-radius: 50%;
    border-top: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    width: 110px;
    height: 110px;
    -webkit-animation: spin 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
    animation: spin 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    margin-left: -55px; }

.loader3 {
    border: 2px solid transparent;
    border-radius: 50%;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    width: 120px;
    height: 120px;
    -webkit-animation: spin-reverse 4s linear infinite;
    animation: spin-reverse 4s linear infinite;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px; }

.image {
    background: url("/img/logo.png") no-repeat center center;
    background-size: contain;
    position: absolute;
    width: 78px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -35px;
    animation-name: pulse_animation;
    animation-duration: 6000ms;
    transform-origin: 50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg); } }

@keyframes spin {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(360deg); } }

@-webkit-keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(360deg); }
    100% {
        -webkit-transform: rotate(0deg); } }

@keyframes spin-reverse {
    0% {
        transform: rotate(360deg); }
    100% {
        transform: rotate(0deg); } }

@keyframes pulse_animation {
    0% {
        transform: scale(0.9); }
    50% {
        transform: scale(1.1); }
    100% {
        transform: scale(0.8); } }

.login-page,
.register-page {
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: url("/img/free-distressed-wooden-digitalpbackground-FPTFY-2.png") no-repeat top;
    background-size: cover;
    height: 100vh; }

.login-page .content,
.register-page .content {
    width: 360px;
    margin: 0 auto;
    padding-top: 7%; }

@media (max-width: 768px) {
    .login-page .content,
    .register-page .content {
        width: 90%; } }

.login-page .content .logo,
.register-page .content .logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
    padding-right: 32px; }

.login-page .content .logo a,
.register-page .content .logo a {
    color: #444;
    text-decoration: none; }

.login-page .content .box-body,
.register-page .content .box-body {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    color: #666;
    border-radius: 8px; }

.login-page .content .box-body a,
.register-page .content .box-body a {
    color: #EE731B;
    text-decoration: none; }

.login-page .content .box-body a:hover,
.login-page .content .box-body a a:active,
.login-page .content .box-body a a:focus,
.register-page .content .box-body a:hover,
.register-page .content .box-body a a:active,
.register-page .content .box-body a a:focus {
    outline: none;
    text-decoration: none;
    color: #f4a56c; }

.login-page .content .box-body .box-msg,
.register-page .content .box-body .box-msg {
    margin: 0 0 10px 0;
    color: #EE731B;
    text-align: center;
    padding: 0 20px 20px 20px; }

.login-page .content .box-body .form-group .form-control,
.register-page .content .box-body .form-group .form-control {
    height: 34px;
    padding-right: 42.5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #EE731B; }

.login-page .content .box-body .form-group .form-control:focus,
.register-page .content .box-body .form-group .form-control:focus {
    border-color: #f4a56c;
    -webkit-box-shadow: none;
    box-shadow: none; }

.login-page .content .box-body .form-group .form-control::-webkit-input-placeholder,
.register-page .content .box-body .form-group .form-control::-webkit-input-placeholder {
    color: #bbb;
    opacity: 1; }

.login-page .content .box-body .form-group .form-control:-ms-input-placeholder,
.register-page .content .box-body .form-group .form-control:-ms-input-placeholder {
    color: #bbb;
    opacity: 1; }

.login-page .content .box-body .form-group .form-control::-ms-input-placeholder,
.register-page .content .box-body .form-group .form-control::-ms-input-placeholder {
    color: #bbb;
    opacity: 1; }

.login-page .content .box-body .form-group .form-control::placeholder,
.register-page .content .box-body .form-group .form-control::placeholder {
    color: #bbb;
    opacity: 1; }

.login-page .content .box-body .form-group .form-control-icon,
.register-page .content .box-body .form-group .form-control-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none; }

.login-page .content .box-body .form-group.has-error .form-control,
.register-page .content .box-body .form-group.has-error .form-control {
    border-color: #dd4b39;
    -webkit-box-shadow: none;
    border-radius: 5px;
    box-shadow: none; }

.login-page .content .box-body .form-group.has-success .form-control,
.register-page .content .box-body .form-group.has-success .form-control {
    border-color: #EE731B;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none; }

.login-page .content .box-body .form-group.has-success .form-control-icon:before,
.register-page .content .box-body .form-group.has-success .form-control-icon:before {
    content: "\E013"; }

.login-page .content .box-body .form-group .error-block,
.register-page .content .box-body .form-group .error-block {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a94442; }

.login-page .content .box-body .checkbox label,
.register-page .content .box-body .checkbox label {
    color: #000;
    padding-left: 0; }

.login-page .content .box-body .btn-login,
.register-page .content .box-body .btn-login {
    background-color: #EE731B;
    border-color: #EE731B;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
    padding: 6px 10px;
    font-size: 13px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }

.login-page .content .box-body .btn-login:hover,
.login-page .content .box-body .btn-login:active,
.register-page .content .box-body .btn-login:hover,
.register-page .content .box-body .btn-login:active {
    background-color: #FA9249;
    border-color: #FA9249; }

.login-page .content .box-body .btn-login:focus,
.register-page .content .box-body .btn-login:focus {
    outline: none;
    background-color: #204d74;
    border-color: #122b40; }

.login-page .main-footer,
.register-page .main-footer {
    border-top: none;
    position: relative; }

.login-page .bg-main,
.register-page .bg-main {
    background-color: transparent; }

.main-header {
    position: relative; }

.main-header .navbar {
    background-color: #EE731B;
    height: 50px;
    margin-left: 0; }

.main-header .navbar .navbar-header .navbar-brand {
    float: left;
    padding: 7px;
    height: 50px; }

.main-header .navbar .navbar-header .navbar-brand img {
    max-height: 100%; }

.main-header .navbar .navbar-custom-menu {
    float: right; }

@media (max-width: 991px) {
    .main-header .navbar .navbar-custom-menu {
        position: absolute;
        top: 0;
        right: 40px; } }

@media (max-width: 767px) {
    .main-header .navbar .navbar-custom-menu {
        float: right; } }

@media (max-width: 991px) {
    .main-header .navbar .navbar-custom-menu .navbar-nav {
        float: right;
        margin: 0; } }

.main-header .navbar .navbar-custom-menu .navbar-nav > li {
    position: relative; }

.main-header .navbar .navbar-custom-menu .navbar-nav > li.open > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6; }

.main-header .navbar .navbar-custom-menu .navbar-nav > li > a {
    color: #FFFFFF;
    padding-top: 12px;
    padding-bottom: 13px; }

.main-header .navbar .navbar-custom-menu .navbar-nav > li > a:hover,
.main-header .navbar .navbar-custom-menu .navbar-nav > li > a:focus {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6; }

.main-header .navbar .navbar-custom-menu .navbar-nav > li > a img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px; }

@media (max-width: 767px) {
    .main-header .navbar .navbar-custom-menu .navbar-nav > li > a img {
        margin-right: 0; } }

.main-header .navbar .navbar-custom-menu .navbar-nav > li .dropdown-menu {
    right: 0;
    left: auto;
    width: 280px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ddd; }

@media (max-width: 991px) {
    .main-header .navbar .navbar-custom-menu .navbar-nav > li .dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #ddd;
        background: #FFFFFF; } }

.main-header .navbar .navbar-custom-menu .navbar-nav > li .dropdown-menu .user-header {
    height: 175px;
    padding: 10px;
    text-align: center;
    background-color: #EE731B; }

.main-header .navbar .navbar-custom-menu .navbar-nav > li .dropdown-menu .user-header img {
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: rgba(255, 255, 255, 0.2); }

.main-header .navbar .navbar-custom-menu .navbar-nav > li .dropdown-menu .user-header p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    margin-top: 10px; }

.main-header .navbar .navbar-custom-menu .navbar-nav > li .dropdown-menu .user-header p small {
    display: block;
    font-size: 12px; }

.main-header .navbar .navbar-custom-menu .navbar-nav > li .dropdown-menu .user-footer {
    background-color: #f9f9f9;
    padding: 10px; }

.main-header .navbar .navbar-custom-menu .navbar-nav > li .dropdown-menu .user-footer a {
    color: #666;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd; }

.main-header .navbar .navbar-custom-menu .navbar-nav > li .dropdown-menu .user-footer a:hover,
.main-header .navbar .navbar-custom-menu .navbar-nav > li .dropdown-menu .user-footer a:focus {
    background-color: #e1e3e9;
    border-color: #8c8c8c; }

body.layout-top-nav {
    background-color: #ecf0f5;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400; }

body.layout-top-nav .content-wrapper {
    padding: 15px 0 50px;
    margin-bottom: 50px;
}

body.layout-top-nav .content-wrapper .content-header > h1 {
    margin: 0;
    margin-left: 10px;
    font-size: 24px; }

body.layout-top-nav .content-wrapper .content-header > h1 > small {
    font-size: 15px;
    display: inline-block;
    padding-left: 4px;
    color: #000;
    font-weight: bold; }

body.layout-top-nav .content-wrapper .content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto; }

body.layout-top-nav .content-wrapper .content .box {
    position: relative;
    border-radius: 3px;
    background: #FFFFFF;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

body.layout-top-nav .content-wrapper .content .box.box.box-primary {
    border-top-color: #f4a56c; }

body.layout-top-nav .content-wrapper .content .box .box-header {
    display: block;
    color: #444;
    padding: 10px; }

body.layout-top-nav .content-wrapper .content .box .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0; }

body.layout-top-nav .content-wrapper .content .box .box-body {
    padding: 10px; }

body.layout-top-nav .content-wrapper .content .box .box-footer {
    border-radius: 0 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #FFFFFF; }

body.layout-top-nav .content-wrapper .content .form-group {
    position: relative; }

body.layout-top-nav .content-wrapper .content .form-group .form-control {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #d2d6de;
    outline: none; }

body.layout-top-nav .content-wrapper .content .form-group .form-control:focus {
    border-color: #f4a56c;
    -webkit-box-shadow: none;
    box-shadow: none; }

body.layout-top-nav .content-wrapper .content .form-group.has-success label {
    color: #00a65a; }

body.layout-top-nav .content-wrapper .content .form-group.has-success .form-control {
    border-color: #EE731B;
    -webkit-box-shadow: none;
    box-shadow: none; }

body.layout-top-nav .content-wrapper .content .form-group.has-success .form-control-icon {
    position: absolute;
    color: #00a65a;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none; }

body.layout-top-nav .content-wrapper .content .form-group.has-success .form-control-icon.form-group-icon {
    top: 25px; }

body.layout-top-nav .content-wrapper .content .form-group.has-error label {
    color: #dd4b39; }

body.layout-top-nav .content-wrapper .content .form-group.has-error .form-control {
    border-color: #dd4b39;
    -webkit-box-shadow: none;
    box-shadow: none; }

body.layout-top-nav .content-wrapper .content .form-group .select2-container--default {
    display: block;
    width: 100% !important; }

body.layout-top-nav .content-wrapper .content .form-group .select2-container--default .select2-selection--single {
    background-color: #FFFFFF;
    border: 1px solid #d2d6de !important;
    border-radius: 0 !important;
    outline: none; }

body.layout-top-nav .content-wrapper .content .form-group .error-block {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a94442;
    font-size: 13px; }

body.layout-top-nav .content-wrapper .content .btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent; }

body.layout-top-nav .content-wrapper .content .btn.btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
    outline: none; }

body.layout-top-nav .content-wrapper .content .btn.btn-default:hover {
    background-color: #e7e7e7;
    color: #333;
    border-color: #adadad; }

body.layout-top-nav .content-wrapper .content .btn.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }

body.layout-top-nav .content-wrapper .content .btn.btn-primary {
    background-color: #f4a56c;
    border-color: #EE731B; }

body.layout-top-nav .content-wrapper .content .btn.btn-primary:hover,
body.layout-top-nav .content-wrapper .content .btn.btn-primary:active {
    background-color: #EE731B;
    border-color: #EE731B; }

body.layout-top-nav .content-wrapper .content .btn.btn-primary:focus {
    color: #FFFFFF;
    background-color: #286090;
    border-color: #122b40; }

body.layout-top-nav .select2-dropdown .select2-search__field:focus {
    outline: none !important;
    border: 1px solid #f4a56c !important; }

body.layout-top-nav .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #EE731B;
    color: #FFFFFF; }

body.layout-top-nav .container .content h2 {
    font-family: 'Source Sans Pro', sans-serif; }

body.layout-top-nav .container .content h2 .create-postcard {
    float: right; }

body.layout-top-nav .container .content h2 .create-postcard.postando {
    background: #EE731B;
    color: #FFFFFF; }

body.layout-top-nav .container .content .month:first-of-type .month-title {
    border-top: 0; }

body.layout-top-nav .container .content .month .month-title {
    padding-top: 15px;
    border-top: 1px solid #999; }

body.layout-top-nav .container .content .month .smaller {
    font-weight: lighter;
    font-size: 75%;
    padding-left: 5px; }

body.layout-top-nav .container .content .month .day:nth-child(even) .day-title {
    background: rgba(253, 253, 253, 0.8); }

body.layout-top-nav .container .content .month .day:nth-child(odd) .day-title {
    background: rgba(238, 238, 238, 0.8); }

body.layout-top-nav .container .content .month .day.open .toggle-indicator {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

body.layout-top-nav .container .content .month .day.open .day-orders {
    max-height: none; }

body.layout-top-nav .container .content .month .day .day-title {
    margin: 0;
    padding: 10px 15px;
    -webkit-transition: background 300ms;
    transition: background 300ms;
    background: rgba(253, 253, 253, 0.8); }

body.layout-top-nav .container .content .month .day .day-title:hover {
    cursor: pointer;
    background: rgba(238, 115, 27, 0.8); }

body.layout-top-nav .container .content .month .day .day-title .toggle-indicator {
    float: right;
    font-weight: lighter;
    font-size: 18px; }

body.layout-top-nav .container .content .month .day .day-orders {
    background: #FFFFFF;
    padding-left: 30px;
    max-height: 0;
    overflow: hidden; }

body.layout-top-nav .container .content .month .day .day-orders .order .postcard {
    padding: 5px 0; }

body.layout-top-nav .container .content .month .day .day-orders .order .postcard img {
    max-width: 100%; }

body.layout-top-nav .container .content .month .day .day-orders .order .resend-button {
    padding: 5.5px;
    background: #EE731B;
    color: #FFFFFF;
    float: right;
    margin-right: 15px; }

body.layout-top-nav .container .content .month .day .day-orders .order .resend-button img {
    width: 100%;
    max-width: 20px;
    margin-right: 5px; }

.main-footer {
    padding: 10px;
    color: #444;
    /*border-top: 1px solid #d2d6de;*/
    width: 100%;
    position: fixed;
    bottom: 0; }

.main-footer a {
    color: #FFFFFF;
    text-decoration: none; }

.ui-draggable .ui-dialog-titlebar {
    background-color: #EE731B; }

.ui-dialog .ui-dialog-title {
    color: #fff; }

.postcard-shape {
    width: 99%;
    padding-top: 70.88305489%;
    position: relative; }

#first-step .selected-motif {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    background: #FFFFFF;
    box-shadow: 0 0 10px -3px; }

#first-step .selected-col .selected-motif {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 1.351351351%;
    background: #FFFFFF;
    box-shadow: 0 0 10px -3px; }

#first-step .motif-scroller .motif-holder {
    padding: 0 20px; }

#first-step .motif-scroller .motif-holder .motif > img {
    max-width: 100%;
    transform: scale(1.01) translateZ(1px);
    box-shadow: 0 0 0 0 transparent;
    transition: transform 250ms, box-shadow 250ms;
    margin: 15px 0; }

#review .front-preview img {
    padding: 0;
    background: none;
    max-height: 368px; }

.center-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.selected {
    box-shadow: 0 0 15px 3px #EE731B; }

.cp {
    cursor: pointer; }

.layout-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /*padding: 1.351351351%;*/
    padding: 8px;
    background: #FFFFFF;
    box-shadow: 0 0 10px -3px; }

.selected-col .selected-motif {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 1.351351351%;
    background: white;
    box-shadow: 0 0 10px -3px; }

#review.layout-container {
    height: 100% !important;
    /*



  @todo     I think this needs to be addressed, added important to override the height that is set via JS */ }

.layout-container > img {
    width: 100%;
    height: 100%; }

.layout-container .layout-image-holder {
    background: #DADADA;
    position: relative;
    text-align: center; }

.layout-container .layout-image-holder img {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px; }

.layout-container .layout-image-holder.has-image-selected .center-helper {
    display: none; }

.layout-container .layout-image-holder.has-image-selected img {
    width: 100%;
    height: 100%; }

.layout-container .layout-image-holder img::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: white; }

.layout-container[data-motif-index="1"] .layout-image-holder {
    height: 100%; }

.layout-container[data-motif-index="2"] .layout-image-holder {
    width: 49.3243243245%;
    float: left; }

.layout-container[data-motif-index="2"] .layout-image-holder:nth-child(1) {
    height: 100%;
    margin: 0 0.6756756755% 0 0; }

.layout-container[data-motif-index="2"] .layout-image-holder:nth-child(2) {
    height: 49%;
    margin: 0 0 0.6756756755% 0.6756756755%; }

.layout-container[data-motif-index="2"] .layout-image-holder:nth-child(3) {
    height: 49%;
    margin: 0.6756756755% 0 0 0.6756756755%; }

.layout-container[data-motif-index="3"] .layout-image-holder {
    width: 49.3243243245%;
    height: 49%;
    float: left; }

.layout-container[data-motif-index="3"] .layout-image-holder:nth-child(1) {
    margin: 0 0.6756756755% 0.6756756755% 0; }

.layout-container[data-motif-index="3"] .layout-image-holder:nth-child(2) {
    margin: 0 0 0.6756756755% 0.6756756755%; }

.layout-container[data-motif-index="3"] .layout-image-holder:nth-child(3) {
    margin: 0.6756756755% 0.6756756755% 0 0; }

.layout-container[data-motif-index="3"] .layout-image-holder:nth-child(4) {
    margin: 0.6756756755% 0 0 0.6756756755%; }

.layout-container .layout-image-holder img {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px; }

#first-step .motif-scroller .motif-holder .motif-layout-selector > img {
    width: 100%;
    max-width: 100%;
    transform: scale(1.01) translateZ(1px);
    box-shadow: 0 0 0 0 transparent;
    transition: transform 250ms, box-shadow 250ms;
    margin: 15px 0; }

#first-step .motif-scroller .motif-holder .motif > img:not(.active) {
    cursor: pointer; }

.layout-container .layout-image-holder,
#first-step .motif-scroller .motif-holder .motif-layout-selector > img:not(.active) {
    cursor: pointer; }

#first-step .motif-scroller .motif-holder .motif-layout-selector > img:hover {
    transform: scale(1.03) translateZ(1px);
    box-shadow: 0 0 20px -5px black; }

#first-step .motif-scroller .motif-holder .motif > img.active,
#first-step .motif-scroller .motif-holder .motif-layout-selector > img.active {
    transform: scale(1.06) translateZ(1px);
    box-shadow: 0 0 15px 3px #EE731B; }

.time-select {
    float: right;
    font-weight: bold;
    display: inline-table;
    margin: 0 15px 0 0; }

.time-select .text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px; }

time.icon {
    font-size: 12px;
    /* change icon size */
    display: inline-block;
    position: relative;
    width: 3em;
    height: 3em;
    background-color: #FFFFFF;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
    overflow: hidden;
    cursor: pointer; }

time.icon * {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-align: center; }

time.icon strong {
    position: absolute;
    top: 0;
    padding: 0;
    color: #FFFFFF;
    background-color: #f37302;
    /*border-bottom: 1px dashed #f37302;*/
    /*box-shadow: 0 2px 0 #A5A5A5; */
}

time.icon em {
    position: absolute;
    bottom: 0.3em;
    color: #fd9f1b; }

time.icon span {
    font-size: 18px;
    letter-spacing: -0.05em;
    padding-top: 14px;
    color: #2f2f2f; }

.excel-download,
label[for="test-excel"] {
    color: #EE731B;
    font-weight: normal; }

.excel-download:hover,
.excel-download:active,
.excel-download:focus,
label[for="test-excel"]:hover,
label[for="test-excel"]:active,
label[for="test-excel"]:focus {
    outline: none;
    text-decoration: none;
    color: #ED9F68; }

.excel-download .dingbat {
    font-size: 18px; }

label[for="test-excel"] .dingbat {
    font-size: 20px; }

.dingbat img {
    height: 33px;
    width: auto;
    margin-bottom: 5px; }

.excel-download .dingbat,
label[for="test-excel"] .dingbat {
    height: 16px;
    width: 16px;
    background: url("/img/icon-upload.png") no-repeat top left;
    background-size: contain;
    display: inline-block; }

label[for="test-excel"]:hover .dingbat {
    background: url("/img/icon-upload-hover.png") no-repeat top left;
    background-size: contain; }

.excel-download .dingbat {
    background: url("/img/icon-download.png") no-repeat top left;
    background-size: contain; }

.excel-download:hover .dingbat {
    background: url("/img/icon-download-hover.png") no-repeat top left;
    background-size: contain; }

.excel-buttons .btn {
    background: #EE731B;
    color: #FFFFFF;
    font-size: 120%;
    margin: 0 3px 6px 0; }

.excel-buttons .btn:hover,
.excel-buttons .btn:focus,
.excel-buttons .btn.focus {
    color: #ffffff; }

/*tooltip Box*/
.con-tooltip {
    position: relative;
    border-radius: 9px;
    padding: 0;
    display: inline-table;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    float: right;
    margin: 4px 15px 0 0;
    min-height: 37px; }

.con-tooltip .text {
    vertical-align: middle; }

.con-tooltip svg {
    height: 18px;
    width: 20px; }

/*tooltip */
.tooltip {
    visibility: hidden;
    opacity: .40;
    padding: 5px 10px;
    background: #FFFFFF;
    box-shadow: #333333 0 0 10px -3px;
    color: #000000;
    position: absolute;
    top: -140%;
    left: -25%;
    width: 300px;
    border-radius: 3px;
    font-size: 16px;
    transform: translateY(9px);
    transition: all 0.3s ease-in-out;
    line-height: 1;
    z-index: 999; }

.tooltip p {
    margin: 0; }

/* tooltip  after*/
.tooltip::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12.5px 0 12.5px;
    border-color: #333 transparent transparent transparent;
    position: absolute;
    left: 40%; }

.text:hover + .tooltip {
    visibility: visible;
    transform: translateY(-10px);
    opacity: 1;
    transition: .3s linear;
    animation: odsoky 1s ease-in-out infinite alternate; }

@keyframes odsoky {
    0% {
        transform: translateY(6px); }
    100% {
        transform: translateY(1px); } }

.tooltip-left .tooltip {
    top: -20%;
    left: -170%; }

.tooltip-left .tooltip::after {
    top: 40%;
    left: 90%;
    transform: rotate(-90deg); }

/*bottom*/
.tooltip-bottom .tooltip {
    top: 120%;
    right: -101px;
    left: auto; }

.tooltip-bottom .tooltip::after {
    top: auto;
    bottom: 100%;
    left: 59.2%;
    transform: rotate(180deg); }

/*right*/
.tooltip-right .tooltip {
    top: -20%;
    left: 115%; }

.tooltip-right .tooltip::after {
    top: 40%;
    left: -12%;
    transform: rotate(90deg); }

.edit-container .con-tooltip {
    float: none;
    height: 26px;
    margin: 0 0 0 15px;
    min-height: 26px;
    vertical-align: bottom; }

.edit-container .tooltip-bottom .tooltip {
    left: -140px;
    right: auto; }

.edit-container .tooltip-bottom .tooltip::after {
    left: 45.3%; }

/* Signature upload */
.signature-images {
    padding: 15px 0 0 15px; }

.signature-images .btn,
.signature-images .btn:focus,
.signature-images .btn:hover {
    background: #EE731B;
    color: #FFFFFF;
    font-size: 100%;
    margin-top: 10px; }

.signature-images .btn:hover{
    opacity: 0.9;}

.signature-images img {
    max-width: 100%;
    max-height: 85px;
    height: auto;
    cursor: pointer; }

.signature-images span {
    width: 100%;
    max-width: 150px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border: 2px dashed #919191;
    background: #fff;
    padding: 10px; }

.signature-images span:hover{
    border: 2px dashed #ee731b; }

.signature-images span:not(.selected) img {
    max-height: 61px; }

.signature-images .selected {
    box-shadow: none;
    border: 0;
    padding: 0;
    text-align: center; }

#signature-modal button.btn {
    font-size: 100%; }

.signature-images .con-tooltip {
    float: left;
    margin: 0; }

#back-preview {
    background: #FFFFFF; }

@-webkit-keyframes loadingNew {
    to {
        -webkit-transform: rotate(360deg); } }

@-moz-keyframes loadingNew {
    to {
        -moz-transform: rotate(360deg); } }

@-ms-keyframes loadingNew {
    to {
        -ms-transform: rotate(360deg); } }

@keyframes loadingNew {
    to {
        transform: rotate(360deg); } }

.loadingNew {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 48%;
    top: 45%;
    border-radius: 50%;
    background: transparent;
    border-top: 6px solid rgba(238, 115, 27, 0.5);
    border-right: 6px solid rgba(238, 115, 27, 0.5);
    border-bottom: 6px solid rgba(238, 115, 27, 0.5);
    border-left: 6px solid #EE731B;
    -webkit-animation: loadingNew 1.2s infinite linear;
    -moz-animation: loadingNew 1.2s infinite linear;
    -ms-animation: loadingNew 1.2s infinite linear;
    animation: loadingNew 1.2s infinite linear; }

.spinnerNew {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: #000000b3;*/
    background: rgba(0, 0, 0, 0.5);
    text-align: center; }

/*
        .spinnerNew svg {
            position: absolute;
            top: 50%;
            bottom: 50%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 80px;
        }*/
/*
        .spinnerNew svg path,
        .spinnerNew svg rect {
            fill: $main-color;
        }*/
/* Konvajs Content
.konvajs-content {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 71.5%;
}

.konvajs-content canvas {
    width: 100% !important;
    height: 100% !important;
}
*/
.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.49);
    opacity: 1;
    z-index: 1050; }

.ui-dialog {
    z-index: 1051;
    border-radius: 0;
    border: 0 !important; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #000000;
    background: #EE731B; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #EE731B;
    background-color: #f4a56c;
    color: #FFFFFF; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background-color: #EE731B;
    border-color: #EE731B; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:hover {
    color: #333;
    background-color: #e7e7e7;
    border-color: #adadad; }

.btn {
    background: #EE731B;
    color: white; }

.btn.big {
    font-size: 16.8px; }

.btn:hover,
.btn:focus {
    color: white; }

button.pt-0 {
    padding: 0px 8px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    #text-input .font-color-heading {
        position: relative; }
    #text-input .con-tooltip {
        position: absolute;
        top: -2px;
        left: auto;
        margin-left: 5px; }
    .excel-download {
        letter-spacing: -0.5px; }
    .cp {
        letter-spacing: -0.5px; } }

@media (min-width: 768px) {
    .signature-images .col-sm-4 {
        width: 32%;
        padding-right: 0; } }

@media screen and (max-width: 767px) {
    body .content #postcard-creator .postcard-creation-step {
        padding-top: 85px; }
    body .content #postcard-creator .postcard-creation-step .next-step {
        padding-top: 0; }
    .time-select {
        margin: 4px 15px 0; }
    .time-select .text {
        float: left; }
    .time-select time {
        float: right; }
    time.icon {
        display: table-cell;
        vertical-align: middle; }
    .postcard-shape {
        margin-bottom: 10px; }
    .signature-images {
        padding: 5px 0 0 15px; }
    .signature-images > div {
        padding-bottom: 5px; }
    .signature-images .tooltip-wrapper {
        width: 70%;
        float: left; } }