.mdl-cell { margin-top: 0px; margin-bottom: 0px; } img { margin: 0 0 1rem; } .display { margin-bottom: 0.5rem; } .display h1 { font-weight: 800; font-size: 3rem; line-height: 1.4; text-transform: uppercase; } .display p { font-size: 1.3rem; font-style: italic; } @media all and (max-width: 1024px) { .display h1 { font-size: 2.2rem; } .display p { font-size: 1.1rem; } } /*.row { margin-top: 15px; margin-bottom: 15px; }*/ hr { background: none; background-color: transparent; border: none; border-top: rgba(0, 0, 0, 0.18) 1px solid; margin: 30px 0 25px; padding: 5px; } pre { font-family: courier; font-size: 1rem; white-space: pre-wrap; line-height: 1.4; padding: 15px; background: rgba(0, 0, 0, 0.03); } @media (min-width: 40rem) { .column { float: left; padding-left: 1rem; /* beta3 */ padding-right: 1rem; /* beta3 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .column.full { width: 100%; } .column.two-third { width: 66.7%; } .column.two-fourth { width: 75%; } .column.two-fifth { width: 80%; } .column.two-sixth { width: 83.3%; } .column.half { width: 50%; } .column.third { width: 33.3%; } .column.fourth { width: 25%; } .column.fifth { width: 20%; } .column.sixth { width: 16.6%; } .column.flow-opposite { float: right; } } .center { text-align: center } .right { text-align: right } .left { text-align: left } .padding-20 { padding: 20px } .padding-25 { padding: 25px } .padding-30 { padding: 30px } .padding-35 { padding: 35px } .padding-40 { padding: 40px } @media all and (max-width: 540px) { /*.center {text-align:initial} .right {text-align:initial} .left {text-align:initial}*/ .padding-20 { padding: 0 } .padding-25 { padding: 0 } .padding-30 { padding: 0 } .padding-35 { padding: 0 } .padding-40 { padding: 0 } } .margin-0 { margin: 0 !important } .margin-20 { margin: 20px !important } .margin-25 { margin: 25px !important } .margin-30 { margin: 30px !important } .margin-35 { margin: 35px !important } .margin-40 { margin: 40px !important } .is-card { display: table; background-color: #fff; } .is-card > * { display: table; } .is-card-circle { width: 280px; height: 280px; border-radius: 500px; padding: 70px; margin: 0 auto; } @media all and (max-width: 540px) { .is-card-circle { zoom: 0.7; -moz-transform: scale(0.7); } } .is-card-content-centered { display: table-cell; vertical-align: middle; text-align: center; } .max-390 { max-width: 390px; margin: 0 auto; } .shadow-1 { /* card */ -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); } .shadow-2 { /* screenshot */ -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); } .shadow-3 { /* highlight */ -webkit-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2); } .list { position: relative; margin: 1.5em 0; box-shadow: none; } .list > i { position: absolute; left: -3px; top: 7px; font-size: 1.7em; line-height: 1; } .quote { position: relative; margin: 1.5em 0; } .quote > i { position: absolute; top: -10px; left: -7px; font-size: 2em; } .quote > small { margin-left: 50px; opacity: 0.7; font-size: 1em; } .quote > p { margin-left: 50px; font-size: 1.5em; } @media all and (max-width: 540px) { .quote > i { left: -15px; font-size: 1.5em; } .quote > small { margin-left: 20px; font-size: 1em; } .quote > p { margin-left: 20px; font-size: 1.2em; } } .is-social { line-height: 1; margin-bottom: 1.5em } .is-social a > i { text-decoration: none; color: #333; font-size: 1.2em; margin: 0 15px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .is-social a:first-child > i { margin: 0 15px 0 0 } .is-social a:last-child > i { margin: 0 0 0 15px } .is-social a:hover > i { color: #08c9b9; } .is-light-text .is-social a > i { color: #fff } .is-light-text .is-social a:hover > i { color: #fff } .is-dark-text .is-social a > i { color: #000 } .is-dark-text .is-social a:hover > i { color: #000 } .is-rounded-button-big { } .is-rounded-button-big a { display: inline-block; text-align: center; margin: 0 20px; border-radius: 500px; width: 110px; height: 110px; background-color: #aaa; overflow: hidden; } .is-rounded-button-big a i { display: inline-block; width: 100%; height: 100%; vertical-align: middle; color: #ffffff; font-size: 40px; line-height: 110px; } .is-rounded-button-big a:first-child { margin: 0 20px 0 0; } .is-rounded-button-big a:last-child { margin: 0 0 0 20px; } .is-rounded-button-medium { } .is-rounded-button-medium a { display: inline-block; text-align: center; margin: 0 20px; border-radius: 500px; width: 70px; height: 70px; background-color: #aaa; overflow: hidden; } .is-rounded-button-medium a i { display: inline-block; width: 100%; height: 100%; vertical-align: middle; color: #ffffff; font-size: 30px; line-height: 70px; } .is-rounded-button-medium a:first-child { margin: 0 20px 0 0; } .is-rounded-button-medium a:last-child { margin: 0 0 0 20px; } .is-boxed-button-big { display: inline-block; } .is-boxed-button-big a { display: table; float: left; text-align: center; margin: 0 30px 0 0; width: 110px; height: 110px; background-color: #aaa; } .is-boxed-button-big a i { display: table-cell; width: 100%; height: 100%; vertical-align: middle; color: #ffffff; font-size: 40px } .is-boxed-button-big2 { display: inline-block; } .is-boxed-button-big2 a { display: table; float: left; text-align: center; margin: 0 30px 0 0; width: 150px; height: 70px; background-color: #aaa; } .is-boxed-button-big2 a i { display: table-cell; width: 100%; height: 100%; vertical-align: middle; color: #ffffff; font-size: 35px } .is-boxed-button-medium { display: inline-block; } .is-boxed-button-medium a { display: table; float: left; text-align: center; margin: 0 30px 0 0; width: 70px; height: 70px; background-color: #aaa; } .is-boxed-button-medium a i { display: table-cell; width: 100%; height: 100%; vertical-align: middle; color: #ffffff; font-size: 30px } .is-boxed-button-medium2 { display: inline-block; } .is-boxed-button-medium2 a { display: table; float: left; text-align: center; margin: 0 30px 0 0; width: 100px; height: 50px; background-color: #aaa; } .is-boxed-button-medium2 a i { display: table-cell; width: 100%; height: 100%; vertical-align: middle; color: #ffffff; font-size: 25px } .is-boxed-button-small { display: inline-block; } .is-boxed-button-small a { display: table; float: left; text-align: center; margin: 0 20px 0 0; width: 50px; height: 50px; background-color: #aaa; } .is-boxed-button-small a i { display: table-cell; width: 100%; height: 100%; vertical-align: middle; color: #ffffff; font-size: 20px } .height-20 { height: 20px } .height-40 { height: 40px } .height-60 { height: 60px } .height-80 { height: 80px } .height-100 { height: 100px } .height-120 { height: 120px } .height-140 { height: 140px } .height-160 { height: 160px } .height-180 { height: 180px } .height-200 { height: 200px } .height-220 { height: 220px } .height-240 { height: 240px } .height-260 { height: 260px } .height-280 { height: 280px } .height-300 { height: 300px } @media (max-width: 640px) { .height-20 { height: 20px } .height-40 { height: 30px } .height-60 { height: 40px } .height-80 { height: 45px } .height-100 { height: 50px } .height-120 { height: 55px } .height-140 { height: 60px } .height-160 { height: 65px } .height-180 { height: 70px } .height-200 { height: 75px } .height-220 { height: 80px } .height-240 { height: 85px } .height-260 { height: 90px } .height-280 { height: 95px } .height-300 { height: 100px } } .size-12 { font-size: 12px !important } .size-14 { font-size: 14px !important } .size-16 { font-size: 16px !important } .size-18 { font-size: 18px !important } .size-21 { font-size: 21px !important } .size-24 { font-size: 24px !important } .size-28 { font-size: 28px !important } .size-32 { font-size: 32px !important } .size-35 { font-size: 35px !important } .size-38 { font-size: 38px !important } .size-42 { font-size: 42px !important } .size-46 { font-size: 46px !important } .size-48 { font-size: 48px !important } .size-50 { font-size: 50px !important } .size-54 { font-size: 54px !important } .size-60 { font-size: 60px !important } .size-64 { font-size: 64px !important } .size-68 { font-size: 68px !important } .size-72 { font-size: 72px !important } .size-76 { font-size: 76px !important } .size-80 { font-size: 80px !important } .size-84 { font-size: 84px !important } .size-88 { font-size: 88px !important } .size-92 { font-size: 92px !important } .size-96 { font-size: 96px !important } .size-100 { font-size: 100px !important } .size-104 { font-size: 104px !important } .size-108 { font-size: 108px !important } .size-112 { font-size: 112px !important } .size-116 { font-size: 116px !important } .size-120 { font-size: 120px !important } .size-124 { font-size: 124px !important } .size-128 { font-size: 128px !important } .size-132 { font-size: 132px !important } .size-136 { font-size: 136px !important } .size-140 { font-size: 140px !important } .size-144 { font-size: 144px !important } .size-148 { font-size: 148px !important } .size-152 { font-size: 152px !important } .size-156 { font-size: 156px !important } .size-160 { font-size: 160px !important } .size-164 { font-size: 164px !important } .size-168 { font-size: 168px !important } .size-172 { font-size: 172px !important } .size-176 { font-size: 176px !important } .size-180 { font-size: 180px !important } .size-184 { font-size: 184px !important } .size-188 { font-size: 188px !important } .size-192 { font-size: 192px !important } .size-196 { font-size: 196px !important } .size-200 { font-size: 200px !important } .size-204 { font-size: 204px !important } .size-208 { font-size: 208px !important } .size-212 { font-size: 212px !important } .size-216 { font-size: 216px !important } .size-220 { font-size: 220px !important } @media all and (max-width: 1024px) { .size-12 { font-size: 12px !important } .size-14 { font-size: 14px !important } .size-16 { font-size: 16px !important } .size-18 { font-size: 18px !important } .size-21 { font-size: 21px !important } .size-24 { font-size: 24px !important } .size-28 { font-size: 28px !important } .size-32 { font-size: 32px !important } .size-35 { font-size: 35px !important } .size-38 { font-size: 38px !important } .size-42 { font-size: 42px !important } .size-46 { font-size: 46px !important } .size-48 { font-size: 48px !important } .size-50 { font-size: 50px !important } .size-54 { font-size: 54px !important } .size-60 { font-size: 60px !important } .size-64 { font-size: 64px !important } .size-68 { font-size: 68px !important } .size-72 { font-size: 72px !important } .size-76 { font-size: 73px !important } .size-80 { font-size: 74px !important } .size-84 { font-size: 75px !important } .size-88 { font-size: 76px !important } .size-92 { font-size: 77px !important } .size-96 { font-size: 78px !important } .size-100 { font-size: 79px !important } .size-104 { font-size: 80px !important } .size-108 { font-size: 81px !important } .size-112 { font-size: 82px !important } .size-116 { font-size: 84px !important } .size-120 { font-size: 85px !important } .size-124 { font-size: 86px !important } .size-128 { font-size: 87px !important } .size-132 { font-size: 88px !important } .size-136 { font-size: 89px !important } .size-140 { font-size: 90px !important } .size-144 { font-size: 91px !important } .size-148 { font-size: 92px !important } .size-152 { font-size: 93px !important } .size-156 { font-size: 94px !important } .size-160 { font-size: 95px !important } .size-164 { font-size: 96px !important } .size-168 { font-size: 97px !important } .size-172 { font-size: 98px !important } .size-176 { font-size: 99px !important } .size-180 { font-size: 100px !important } .size-184 { font-size: 111px !important } .size-188 { font-size: 112px !important } .size-192 { font-size: 113px !important } .size-196 { font-size: 114px !important } .size-200 { font-size: 115px !important } .size-204 { font-size: 116px !important } .size-208 { font-size: 117px !important } .size-212 { font-size: 118px !important } .size-216 { font-size: 119px !important } .size-220 { font-size: 120px !important } } @media all and (max-width: 640px) { .size-12 { font-size: 12px !important } .size-14 { font-size: 14px !important } .size-16 { font-size: 16px !important } .size-18 { font-size: 18px !important } .size-21 { font-size: 21px !important } .size-24 { font-size: 22px !important } .size-28 { font-size: 24px !important } .size-32 { font-size: 26px !important } .size-35 { font-size: 28px !important } .size-38 { font-size: 30px !important } .size-42 { font-size: 32px !important } .size-46 { font-size: 34px !important } .size-48 { font-size: 36px !important } .size-50 { font-size: 36px !important } .size-54 { font-size: 36px !important } .size-60 { font-size: 36px !important } .size-64 { font-size: 36px !important } .size-68 { font-size: 36px !important } .size-72 { font-size: 36px !important } .size-76 { font-size: 36px !important } .size-80 { font-size: 36px !important } .size-84 { font-size: 36px !important } .size-88 { font-size: 36px !important } .size-92 { font-size: 36px !important } .size-96 { font-size: 36px !important } .size-100 { font-size: 36px !important } .size-104 { font-size: 36px !important } .size-108 { font-size: 36px !important } .size-112 { font-size: 36px !important } .size-116 { font-size: 36px !important } .size-120 { font-size: 36px !important } .size-124 { font-size: 36px !important } .size-128 { font-size: 36px !important } .size-132 { font-size: 36px !important } .size-136 { font-size: 36px !important } .size-140 { font-size: 36px !important } .size-144 { font-size: 36px !important } .size-148 { font-size: 36px !important } .size-152 { font-size: 36px !important } .size-156 { font-size: 36px !important } .size-160 { font-size: 36px !important } .size-164 { font-size: 36px !important } .size-168 { font-size: 36px !important } .size-172 { font-size: 36px !important } .size-176 { font-size: 36px !important } .size-180 { font-size: 36px !important } .size-184 { font-size: 36px !important } .size-188 { font-size: 36px !important } .size-192 { font-size: 36px !important } .size-196 { font-size: 36px !important } .size-200 { font-size: 36px !important } .size-204 { font-size: 36px !important } .size-208 { font-size: 36px !important } .size-212 { font-size: 36px !important } .size-216 { font-size: 36px !important } .size-220 { font-size: 36px !important } } .size-12 span { font-size: 12px !important } .size-14 span { font-size: 14px !important } .size-16 span { font-size: 16px !important } .size-18 span { font-size: 18px !important } .size-21 span { font-size: 21px !important } .size-24 span { font-size: 24px !important } .size-28 span { font-size: 28px !important } .size-32 span { font-size: 32px !important } .size-35 span { font-size: 35px !important } .size-38 span { font-size: 38px !important } .size-42 span { font-size: 42px !important } .size-46 span { font-size: 46px !important } .size-48 span { font-size: 48px !important } .size-50 span { font-size: 50px !important } .size-54 span { font-size: 54px !important } .size-60 span { font-size: 60px !important } .size-64 span { font-size: 64px !important } .size-68 span { font-size: 68px !important } .size-72 span { font-size: 72px !important } .size-76 span { font-size: 76px !important } .size-80 span { font-size: 80px !important } .size-84 span { font-size: 84px !important } .size-88 span { font-size: 88px !important } .size-92 span { font-size: 92px !important } .size-96 span { font-size: 96px !important } .size-100 span { font-size: 100px !important } .size-104 span { font-size: 104px !important } .size-108 span { font-size: 108px !important } .size-112 span { font-size: 112px !important } .size-116 span { font-size: 116px !important } .size-120 span { font-size: 120px !important } .size-124 span { font-size: 124px !important } .size-128 span { font-size: 128px !important } .size-132 span { font-size: 132px !important } .size-136 span { font-size: 136px !important } .size-140 span { font-size: 140px !important } .size-144 span { font-size: 144px !important } .size-148 span { font-size: 148px !important } .size-152 span { font-size: 152px !important } .size-156 span { font-size: 156px !important } .size-160 span { font-size: 160px !important } .size-164 span { font-size: 164px !important } .size-168 span { font-size: 168px !important } .size-172 span { font-size: 172px !important } .size-176 span { font-size: 176px !important } .size-180 span { font-size: 180px !important } .size-184 span { font-size: 184px !important } .size-188 span { font-size: 188px !important } .size-192 span { font-size: 192px !important } .size-196 span { font-size: 196px !important } .size-200 span { font-size: 200px !important } .size-204 span { font-size: 204px !important } .size-208 span { font-size: 208px !important } .size-212 span { font-size: 212px !important } .size-216 span { font-size: 216px !important } .size-220 span { font-size: 220px !important } @media all and (max-width: 1024px) { .size-12 span { font-size: 12px !important } .size-14 span { font-size: 14px !important } .size-16 span { font-size: 16px !important } .size-18 span { font-size: 18px !important } .size-21 span { font-size: 21px !important } .size-24 span { font-size: 24px !important } .size-28 span { font-size: 28px !important } .size-32 span { font-size: 32px !important } .size-35 span { font-size: 35px !important } .size-38 span { font-size: 38px !important } .size-42 span { font-size: 42px !important } .size-46 span { font-size: 46px !important } .size-48 span { font-size: 48px !important } .size-50 span { font-size: 50px !important } .size-54 span { font-size: 54px !important } .size-60 span { font-size: 60px !important } .size-64 span { font-size: 64px !important } .size-68 span { font-size: 68px !important } .size-72 span { font-size: 72px !important } .size-76 span { font-size: 73px !important } .size-80 span { font-size: 74px !important } .size-84 span { font-size: 75px !important } .size-88 span { font-size: 76px !important } .size-92 span { font-size: 77px !important } .size-96 span { font-size: 78px !important } .size-100 span { font-size: 79px !important } .size-104 span { font-size: 80px !important } .size-108 span { font-size: 81px !important } .size-112 span { font-size: 82px !important } .size-116 span { font-size: 84px !important } .size-120 span { font-size: 85px !important } .size-124 span { font-size: 86px !important } .size-128 span { font-size: 87px !important } .size-132 span { font-size: 88px !important } .size-136 span { font-size: 89px !important } .size-140 span { font-size: 90px !important } .size-144 span { font-size: 91px !important } .size-148 span { font-size: 92px !important } .size-152 span { font-size: 93px !important } .size-156 span { font-size: 94px !important } .size-160 span { font-size: 95px !important } .size-164 span { font-size: 96px !important } .size-168 span { font-size: 97px !important } .size-172 span { font-size: 98px !important } .size-176 span { font-size: 99px !important } .size-180 span { font-size: 100px !important } .size-184 span { font-size: 111px !important } .size-188 span { font-size: 112px !important } .size-192 span { font-size: 113px !important } .size-196 span { font-size: 114px !important } .size-200 span { font-size: 115px !important } .size-204 span { font-size: 116px !important } .size-208 span { font-size: 117px !important } .size-212 span { font-size: 118px !important } .size-216 span { font-size: 119px !important } .size-220 span { font-size: 120px !important } } @media all and (max-width: 640px) { .size-12 span { font-size: 12px !important } .size-14 span { font-size: 14px !important } .size-16 span { font-size: 16px !important } .size-18 span { font-size: 18px !important } .size-21 span { font-size: 21px !important } .size-24 span { font-size: 22px !important } .size-28 span { font-size: 24px !important } .size-32 span { font-size: 26px !important } .size-35 span { font-size: 28px !important } .size-38 span { font-size: 30px !important } .size-42 span { font-size: 32px !important } .size-46 span { font-size: 34px !important } .size-48 span { font-size: 36px !important } .size-50 span { font-size: 36px !important } .size-54 span { font-size: 36px !important } .size-60 span { font-size: 36px !important } .size-64 span { font-size: 36px !important } .size-68 span { font-size: 36px !important } .size-72 span { font-size: 36px !important } .size-76 span { font-size: 36px !important } .size-80 span { font-size: 36px !important } .size-84 span { font-size: 36px !important } .size-88 span { font-size: 36px !important } .size-92 span { font-size: 36px !important } .size-96 span { font-size: 36px !important } .size-100 span { font-size: 36px !important } .size-104 span { font-size: 36px !important } .size-108 span { font-size: 36px !important } .size-112 span { font-size: 36px !important } .size-116 span { font-size: 36px !important } .size-120 span { font-size: 36px !important } .size-124 span { font-size: 36px !important } .size-128 span { font-size: 36px !important } .size-132 span { font-size: 36px !important } .size-136 span { font-size: 36px !important } .size-140 span { font-size: 36px !important } .size-144 span { font-size: 36px !important } .size-148 span { font-size: 36px !important } .size-152 span { font-size: 36px !important } .size-156 span { font-size: 36px !important } .size-160 span { font-size: 36px !important } .size-164 span { font-size: 36px !important } .size-168 span { font-size: 36px !important } .size-172 span { font-size: 36px !important } .size-176 span { font-size: 36px !important } .size-180 span { font-size: 36px !important } .size-184 span { font-size: 36px !important } .size-188 span { font-size: 36px !important } .size-192 span { font-size: 36px !important } .size-196 span { font-size: 36px !important } .size-200 span { font-size: 36px !important } .size-204 span { font-size: 36px !important } .size-208 span { font-size: 36px !important } .size-212 span { font-size: 36px !important } .size-216 span { font-size: 36px !important } .size-220 span { font-size: 36px !important } } @media all and (max-width: 1024px) { .margin-left-1024-reset { margin-left: 0px !important; } .margin-right-1024-reset { margin-right: 0px !important; } } .letter-spacing-25 { letter-spacing: 25px !important } .letter-spacing-24 { letter-spacing: 24px !important } .letter-spacing-23 { letter-spacing: 23px !important } .letter-spacing-22 { letter-spacing: 22px !important } .letter-spacing-21 { letter-spacing: 21px !important } .letter-spacing-20 { letter-spacing: 20px !important } .letter-spacing-19 { letter-spacing: 19px !important } .letter-spacing-18 { letter-spacing: 18px !important } .letter-spacing-17 { letter-spacing: 17px !important } .letter-spacing-16 { letter-spacing: 16px !important } .letter-spacing-15 { letter-spacing: 15px !important } .letter-spacing-14 { letter-spacing: 14px !important } .letter-spacing-13 { letter-spacing: 13px !important } .letter-spacing-12 { letter-spacing: 12px !important } .letter-spacing-11 { letter-spacing: 11px !important } .letter-spacing-10 { letter-spacing: 10px !important } .letter-spacing-9 { letter-spacing: 9px !important } .letter-spacing-8 { letter-spacing: 8px !important } .letter-spacing-7 { letter-spacing: 7px !important } .letter-spacing-6 { letter-spacing: 6px !important } .letter-spacing-5 { letter-spacing: 5px !important } .letter-spacing-4 { letter-spacing: 4px !important } .letter-spacing-3 { letter-spacing: 3px !important } .letter-spacing-2 { letter-spacing: 2px !important } .letter-spacing-1 { letter-spacing: 1px !important } @media all and (max-width: 1024px) { .letter-spacing-25 { letter-spacing: 5px !important } .letter-spacing-24 { letter-spacing: 5px !important } .letter-spacing-23 { letter-spacing: 5px !important } .letter-spacing-22 { letter-spacing: 5px !important } .letter-spacing-21 { letter-spacing: 5px !important } .letter-spacing-20 { letter-spacing: 5px !important } .letter-spacing-19 { letter-spacing: 5px !important } .letter-spacing-18 { letter-spacing: 5px !important } .letter-spacing-17 { letter-spacing: 5px !important } .letter-spacing-16 { letter-spacing: 5px !important } .letter-spacing-15 { letter-spacing: 5px !important } .letter-spacing-14 { letter-spacing: 5px !important } .letter-spacing-13 { letter-spacing: 5px !important } .letter-spacing-12 { letter-spacing: 5px !important } .letter-spacing-11 { letter-spacing: 5px !important } .letter-spacing-10 { letter-spacing: 5px !important } .letter-spacing-9 { letter-spacing: 5px !important } .letter-spacing-8 { letter-spacing: 4px !important } .letter-spacing-7 { letter-spacing: 4px !important } .letter-spacing-6 { letter-spacing: 3px !important } .letter-spacing-5 { letter-spacing: 3px !important } } .is-light-text * { color: #fff; } .is-dark-text * { color: #000; } .is-title1-96 { margin-top: 20px; margin-bottom: 20px; } .is-title1-80 { margin-top: 15px; margin-bottom: 15px; } .is-title1-64 { margin-top: 15px; margin-bottom: 15px; } .is-title1-48 { margin-top: 15px; margin-bottom: 15px; } .is-title1-32 { margin-top: 15px; margin-bottom: 15px; } .is-title2-96 { margin-top: 25px; margin-bottom: 20px; } .is-title2-80 { margin-top: 20px; margin-bottom: 15px; } .is-title2-64 { margin-top: 20px; margin-bottom: 15px; } .is-title2-48 { margin-top: 15px; margin-bottom: 15px; } .is-title2-32 { margin-top: 10px; margin-bottom: 15px; } .is-title3-96 { margin-top: 30px; margin-bottom: 35px; padding: 20px 0; border-top: #000 2px solid; border-bottom: #000 2px solid; } .is-title3-80 { margin-top: 25px; margin-bottom: 33px; padding: 20px 0; border-top: #000 2px solid; border-bottom: #000 2px solid; } .is-title3-64 { margin-top: 20px; margin-bottom: 30px; padding: 18px 0; border-top: #000 2px solid; border-bottom: #000 2px solid; } .is-title3-48 { margin-top: 20px; margin-bottom: 25px; padding: 18px 0; border-top: #000 2px solid; border-bottom: #000 2px solid; } .is-title3-32 { margin-top: 20px; margin-bottom: 20px; padding: 15px 0; border-top: #000 2px solid; border-bottom: #000 2px solid; } .is-light-text .is-title3-96 { border-top: #fff 2px solid; border-bottom: #fff 2px solid; } .is-light-text .is-title3-80 { border-top: #fff 2px solid; border-bottom: #fff 2px solid; } .is-light-text .is-title3-64 { border-top: #fff 2px solid; border-bottom: #fff 2px solid; } .is-light-text .is-title3-48 { border-top: #fff 2px solid; border-bottom: #fff 2px solid; } .is-light-text .is-title3-32 { border-top: #fff 2px solid; border-bottom: #fff 2px solid; } .is-dark-text .is-title3-96 { border-top: #000 2px solid; border-bottom: #000 2px solid; } .is-dark-text .is-title3-80 { border-top: #000 2px solid; border-bottom: #000 2px solid; } .is-dark-text .is-title3-64 { border-top: #000 2px solid; border-bottom: #000 2px solid; } .is-dark-text .is-title3-48 { border-top: #000 2px solid; border-bottom: #000 2px solid; } .is-dark-text .is-title3-32 { border-top: #000 2px solid; border-bottom: #000 2px solid; } .is-title4-96 { margin-top: 30px; margin-bottom: 35px; padding: 20px 30px; border: #000 2px solid; } .is-title4-80 { margin-top: 25px; margin-bottom: 33px; padding: 20px 30px; border: #000 2px solid; } .is-title4-64 { margin-top: 20px; margin-bottom: 30px; padding: 18px 28px; border: #000 2px solid; } .is-title4-48 { margin-top: 20px; margin-bottom: 25px; padding: 18px 25px; border: #000 2px solid; } .is-title4-32 { margin-top: 20px; margin-bottom: 20px; padding: 15px 20px; border: #000 2px solid; } .is-light-text .is-title4-96 { border: #fff 2px solid; } .is-light-text .is-title4-80 { border: #fff 2px solid; } .is-light-text .is-title4-64 { border: #fff 2px solid; } .is-light-text .is-title4-48 { border: #fff 2px solid; } .is-light-text .is-title4-32 { border: #fff 2px solid; } .is-dark-text .is-title4-96 { border: #000 2px solid; } .is-dark-text .is-title4-80 { border: #000 2px solid; } .is-dark-text .is-title4-64 { border: #000 2px solid; } .is-dark-text .is-title4-48 { border: #000 2px solid; } .is-dark-text .is-title4-32 { border: #000 2px solid; } .is-title5-96 { margin-top: 10px; margin-bottom: 35px; padding-bottom: 25px; border-bottom: #000 2px solid; } .is-title5-80 { margin-top: 10px; margin-bottom: 33px; padding-bottom: 25px; border-bottom: #000 2px solid; } .is-title5-64 { margin-top: 10px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: #000 2px solid; } .is-title5-48 { margin-top: 10px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: #000 2px solid; } .is-title5-32 { margin-top: 10px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #000 2px solid; } .is-light-text .is-title5-96 { border-bottom: #fff 2px solid; } .is-light-text .is-title5-80 { border-bottom: #fff 2px solid; } .is-light-text .is-title5-64 { border-bottom: #fff 2px solid; } .is-light-text .is-title5-48 { border-bottom: #fff 2px solid; } .is-light-text .is-title5-32 { border-bottom: #fff 2px solid; } .is-dark-text .is-title5-96 { border-bottom: #000 2px solid; } .is-dark-text .is-title5-80 { border-bottom: #000 2px solid; } .is-dark-text .is-title5-64 { border-bottom: #000 2px solid; } .is-dark-text .is-title5-48 { border-bottom: #000 2px solid; } .is-dark-text .is-title5-32 { border-bottom: #000 2px solid; } .is-title-lite { letter-spacing: 3px; word-spacing: 5px; } .is-title-lite.is-title3-96, .is-title-lite.is-title4-96, .is-title-lite.is-title5-96 { letter-spacing: 4px; word-spacing: 8px; } .is-title-lite.is-title3-80, .is-title-lite.is-title4-80, .is-title-lite.is-title5-80 { letter-spacing: 4px; word-spacing: 8px; } .is-title-lite.is-title3-64, .is-title-lite.is-title4-64, .is-title-lite.is-title5-64 { letter-spacing: 4px; word-spacing: 8px; } .is-title-lite.is-title3-48, .is-title-lite.is-title4-48, .is-title-lite.is-title5-48 { letter-spacing: 4px; word-spacing: 8px; } .is-title-lite.is-title3-32, .is-title-lite.is-title4-32, .is-title-lite.is-title5-32 { letter-spacing: 3px; word-spacing: 5px; } .is-title-bold { font-weight: 800; } .is-title-bold.is-title3-96, .is-title-bold.is-title4-96, .is-title-bold.is-title5-96 { border-width: 4px; } .is-title-bold.is-title3-80, .is-title-bold.is-title4-80, .is-title-bold.is-title5-80 { border-width: 4px; } .is-title-bold.is-title3-64, .is-title-bold.is-title4-64, .is-title-bold.is-title5-64 { border-width: 3px; } .is-title-bold.is-title3-48, .is-title-bold.is-title4-48, .is-title-bold.is-title5-48 { border-width: 3px; } .is-title-bold.is-title3-32, .is-title-bold.is-title4-32, .is-title-bold.is-title5-32 { border-width: 2px; } .is-info1 { margin-top: 10px; margin-bottom: 0px; font-style: italic; } .is-info1.size-21 { margin-top: 12px; } .is-info1.size-24 { margin-top: 15px; } .is-info2 { margin-top: 10px; margin-bottom: 0px; } .is-info2.size-21 { margin-top: 12px; } .is-info2.size-24 { margin-top: 15px; } .is-btn, a.is-btn { padding: 10px 50px; font-size: 1rem; line-height: 2rem; border-radius: 0; letter-spacing: 3px; display: inline-block; margin: 3px 0; font-weight: normal; text-align: center; text-decoration: none; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; -webkit-transition: all 0.16s ease; transition: all 0.16s ease; text-decoration: none; color: #000; } .is-btn:hover, .is-btn:visited, .is-btn:focus, a.is-btn:hover, a.is-btn:visited, a.is-btn:focus { color: initial; text-decoration: initial; opacity: initial; } .is-btn-ghost1, a.is-btn-ghost1 { color: #000; border: 2px solid #111; } .is-light-text .is-btn-ghost1, .is-dark-text .is-light-text .is-btn-ghost1, .is-light-text a.is-btn-ghost1, .is-dark-text .is-light-text a.is-btn-ghost1 { color: #fff; border: 2px solid #fff; } .is-dark-text .is-btn-ghost1, .is-light-text .is-dark-text .is-btn-ghost1, .is-dark-text a.is-btn-ghost1, .is-light-text .is-dark-text a.is-btn-ghost1 { color: #000; border: 2px solid #111; } .is-btn-ghost2, a.is-btn-ghost2 { color: #000; border: 2px solid #dcdcdc; background-color: #dcdcdc; } .is-light-text .is-btn-ghost2, .is-dark-text .is-light-text .is-btn-ghost2, .is-light-text a.is-btn-ghost2, .is-dark-text .is-light-text a.is-btn-ghost2 { color: #000; border: 2px solid #f9f9f9; background-color: #f9f9f9; } .is-dark-text .is-btn-ghost2, .is-light-text .is-dark-text .is-btn-ghost2, .is-dark-text a.is-btn-ghost2, .is-light-text .is-dark-text a.is-btn-ghost2 { color: #000; border: 2px solid #d7d7d7; background-color: #d7d7d7; } .is-btn.is-btn-small, .is-btn-small { padding: 5px 25px; font-size: 0.85em; } .is-btn.is-upper, .is-upper { text-transform: uppercase; } .is-btn.is-rounded-30, .is-rounded-30 { border-radius: 30px; }