@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,800');
/*@import url('https://db.onlinewebfonts.com/c/0ae67f3df63a2e3d73117dc0a8e77484?family=HelvCond');*/
@font-face {font-family: "HelvCond";
    src: url("https://db.onlinewebfonts.com/t/0ae67f3df63a2e3d73117dc0a8e77484.eot"); /* IE9*/
    src: url("https://db.onlinewebfonts.com/t/0ae67f3df63a2e3d73117dc0a8e77484.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://db.onlinewebfonts.com/t/0ae67f3df63a2e3d73117dc0a8e77484.woff2") format("woff2"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/0ae67f3df63a2e3d73117dc0a8e77484.woff") format("woff"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/0ae67f3df63a2e3d73117dc0a8e77484.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("https://db.onlinewebfonts.com/t/0ae67f3df63a2e3d73117dc0a8e77484.svg#HelvCond") format("svg"); /* iOS 4.1- */
}

::placeholder { color: #949494; opacity: 1; font-style: italic; }

* { box-sizing: border-box; }
*:before, *:after { box-sizing: inherit; }
a { text-decoration: none; }

body { margin: 0; padding: 0; font-family: 'Heebo', sans-serif; background-color: #ffffff; }
header, main, footer { min-width: 1245px; max-width: 2500px; margin: 0 auto; font-weight: 400; font-size: 21px; color: #343435; line-height: 30px; }
.restrict { width: 1545px; margin: 0 auto; position: relative; }
.restrict.medium { width: 1018px; }
.restrict.small { width: 765px; }

ul { list-style: none; margin: 0; padding: 0; color: #191919; }
h1, h2, h3, h4, p { padding: 0; margin: 0; }
h1, h2 { margin-top: 45px; margin-bottom: 47px; font-weight: 300; text-align: center; display: block; font-size: 30px; }
h1 { font-size: 31px; }
h3 { margin-top: 25px; margin-bottom: 25px; font-size: 22px; font-weight: 800; color: #191919; font-style: italic; }
h4 { font-size: 21px; font-weight: 800; color: #191919; text-transform: uppercase; margin-left: 20px; }
h2 + h3 { margin-top: -40px; margin-bottom: 18px; }

header { background: url("image/header_back.png") top left no-repeat; color: #ffffff; height: 164px; }
header:before { content:' '; position: absolute; top: 0; left: 0; width: 324px; height: 155px; background-image: url("image/triangle_back.png"); }
header .logo { position: absolute; top: 28px; left: 40px; line-height: 22px; font-size: 18px; }
header .logo img { float: left; width: 206px; margin-top: 2px; }
header .logo span { display: block; margin-left: 225px; font-weight: 100; padding-right: 70px; }
header .logo span strong { display: block; font-weight: 800; line-height: 20px; }
header nav { position: absolute; top: 42px; right: 55px; }
header nav ul { padding: 0; margin: 0; }
header nav ul li { display: inline-block; padding: 0; margin: 0; padding-left: 37px; font-size: 16px; font-weight: 400; font-size: 18px; }
header nav ul li img { height: 17px; }
header nav ul li a { color: #ffffff; }
header nav ul li a.active { color: #e4002b; }
header .open_nav { display: none; }

div.right { text-align: right; }

select { display: none; }
input[type=text], input[type=password], textarea, .select { padding: 0px 17px; height: 57px; border-radius: 3px; font-family: 'Heebo', sans-serif; font-size: 24px; font-weight: 100; margin-bottom: 13px; outline: none; transition: border-color .2s; }
.select { background-color: #ffffff; border: 1px solid #b2b2b2; }
input[type=text], input[type=password], textarea { background-color: #ededed; border: none; }
input[type=text].error, input[type=password].error, textarea.error { border: 1px solid #e4002b; }
/*input[type=text]:focus, input[type=password]:focus, textarea:focus { border-color: #343435; }*/
input[type=text]:disabled, input[type=password]:disabled, textarea:disabled, .select.disabled { background-color: #e1e1e1; border-color: #e1e1e1; color: #969696; }
textarea { width: 100%; padding: 10px 17px; height: 180px; }

input[type='checkbox'], input[type='radio'] { width:auto; float:left; margin-right: .75em; background:transparent; border:none; }
input[type='checkbox']:checked, input[type='checkbox']:not(:checked), input[type='radio']:checked, input[type='radio']:not(:checked) { background: transparent; position: absolute; visibility: hidden; margin: 0; padding: 0; }
input[type='checkbox'] + label, input[type='radio'] + label { background-color: #b2b2b2; color: #ffffff; padding-left: 47px; position:relative; margin-bottom: 13px; line-height: 57px; display: block; text-align: center; height: 57px; border-radius: 3px; font-size: 24px; }
input[type='checkbox']:not(:disabled) + label, input[type='radio']:not(:disabled) + label { cursor: pointer; }
input[type='checkbox']:checked + label, input[type='radio']:checked + label { background-color: #3d3d3d; }
input[type='checkbox']:disabled + label, input[type='radio']:disabled + label { background-color: #ededed; }
input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before { content:' '; display:inline-block; position: absolute; width: 43px; height: 43px; left: 7px; top: 7px; background: url("image/checkbox_inactive.png") center center; border-radius: 3px; }
input[type='radio']:checked + label::before, input[type='radio']:not(:checked) + label::before { content:' '; display:inline-block; position: absolute; width: 37px; height: 37px; left: 10px; top: 10px; background: #fff url("image/radio_mask.png") center center; border-radius: 3px; }


input[type='checkbox']:not(:disabled):hover + label::before { background: url("image/checkbox_inactive_hover.png") center center; }
input[type='checkbox']:not(:disabled):checked + label::before { background: url("image/checkbox_active.png") center center; }
input[type='checkbox']:not(:disabled):checked:hover + label::before { background: url("image/checkbox_active_hover.png") center center; }
input[type='radio']:not(:disabled):hover + label::before { background: #ccc url("image/radio_mask.png") center center; }
input[type='radio']:checked  + label::before { background: #494949 url("image/radio_mask.png") center center; }

hr { height: 1px; border: none; background-color: #b2b2b2; padding: 0; margin-top: 13px; margin-bottom: 24px; }
.select { height: 57px; background-image: url("image/select_close.png"); background-repeat: no-repeat; background-position: right 17px center; cursor: pointer; position: relative; margin-bottom: 13px; transition: border-color .2s; padding: 0; font-size: 24px; }
.select:hover { background-image: url("image/select_hover.png"); }
.select span { display: block; padding: 14px 17px; }
.select span.empty { color: #a6a6a6; }
.select ul { display: none; background-color: #ffffff; border: 1px solid #bcbcbc; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: 0; position: absolute; left: -1px; right: -1px; top: 54px; z-index: 40; transition: border-color .2s; }
.select ul li { height: 50px; padding: 10px 17px; font-size: 22px; display: block; }
.select ul li:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.select ul li.selected { font-weight: 400; }
.select ul li:hover { background-color: #f0f0f0; }
.select.open { background-image: url("image/select_open.png"); border-color: #343435; border-bottom-color: #ffffff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.select.open ul { border-color: #343435; }

.double { display: flex; justify-content: space-between; }
.double > * { width: 49.4%; }
.double.tinyleft > *:first-child { width: 28%; }
.double.tinyleft > *:last-child { width: 70%; }
.double.important { height: 0; opacity: 0.01; overflow: hidden; }

.tripple { display: flex; justify-content: space-between; }
.tripple > * { width: 33%; }
.tripple.table > *, .tripple.head > * { width: 39%; }
.tripple.table > *:first-child, .tripple.head > *:first-child { width: 20%; }
.tripple.table > *:first-child, .tripple.head > * { background-color: #b2b2b2; color: #ffffff; text-align: center; position: relative; margin-bottom: 13px; display: block; border-radius: 3px; font-size: 24px; }
.tripple.table > *:first-child { line-height: 57px; height: 57px; }
.tripple.head > * { padding-top: 15px; padding-bottom: 15px; }
.tripple.head > div.empty { visibility: hidden !important; }
.tripple.table > div.active, .tripple.head > div.active { background-color: #3d3d3d; }

.tripple.table input[type='checkbox'] + label { padding-left: unset; background-color: #ededed; }
.tripple.table input[type="checkbox"]:checked + label { background-color: #3d3d3d; }
.tripple.table input[type='checkbox']:checked + label::before, .tripple.table input[type='checkbox']:not(:checked) + label::before { position: unset; left: 0; top: 0; margin-top: 7px; }
.double input[type='checkbox'] + label { padding-left: unset; background-color: #ededed; font-size: 22px; }
.double input[type="checkbox"]:checked + label { background-color: #3d3d3d; }
input[type='checkbox'] + label.left { text-align: left; padding-left: 60px; color: #343435; }
input[type='checkbox']:checked + label.left { color: #ffffff; }


button { background-color: #e4002b; color: #ffffff; text-align: center; padding: 0px 55px; font-size: 24px; font-weight: 100; border: none; border-radius: 3px; height: 57px; margin-bottom: 13px; position: relative; outline: none; transition: transform .2s, background-color .1s; }
button:hover { cursor: pointer; background-color: #f2002a; transform: scale(1.02);}
button:active { transform: scale(1); }
button.grey { background-color: #58585a; }
button.grey:hover { background-color: #68686a; }
button:disabled { background-color: #f0b8be; }
button:disabled:hover { text-decoration: none; }
button:disabled:active { transform: scale(1); }
button img { vertical-align: middle; padding-right: 10px; margin-top: -2px; position: absolute; top: 0; bottom: 0; left: 30px; margin: auto; }
button.full { width: 100%; }

.depreciated dl { display: flex; flex-wrap: wrap; width: 100%; font-size: 21px; font-weight: 300; margin-bottom: 50px; }
.depreciated dl dt { background-color: #58585a; color: #ffffff; width: 236px; font-weight: 400; margin-bottom: 3px; text-align: right; padding: 10px 20px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.depreciated dl dd { background-color: #ffffff; color: #7c7c7c; margin-left: 0; width: calc(100% - 236px); margin-bottom: 3px; padding: 10px 20px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.overlay_back { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.65; z-index: 10; }
.overlay { position: absolute; top: 64px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 1275px; background-color: #f5f5f5; z-index: 20; padding: 62px; border-radius: 5px; line-height: 30px; }
.overlay > .close { position: absolute; top: 23px; right: 23px; width: 37px; height: 42px; background: #f5f5f5 url("image/icon_overlay_close.png") center center no-repeat; cursor: pointer; transition: background-color .2s, transform .2s; border-radius: 5px; }
.overlay > .close:hover { background-color: #dbdbdc; }
.overlay > .close:active { transform: scale(0.95); }
.overlay h1 { font-size: 40px; font-weight: 300; color: #585858; padding-left: 35px; margin-top: 30px; display: block; border-bottom: 1px solid #000000; position: relative; padding-bottom: 21px; margin-bottom: 35px; }
.overlay h1 .right { position: absolute; right: 0; font-size: 32px; top: -8px; padding-right: 5px; }
.overlay h1 .right span { color: #ffffff; display: inline-block; background-color: #e2001a; padding: 10px 30px; height: 49px; border-radius: 25px; display: inline-block; margin-left: 15px; margin-left: 20px; }
.overlay h2 { margin-top: 50px; font-size: 23px; font-weight: 300; display: inline-block; background-color: #e2001a; color: #ffffff; border-top-left-radius: 32px; border-top-right-radius: 32px; height: 59px; padding: 19px 35px 0 35px; line-height: unset; margin-bottom: 30px; }
.overlay h2:first-of-type { margin-top: 0; }
.overlay h2 strong { font-weight: 800; }
.overlay h2 + dl { border-top: 1px solid #e2001a; padding-top: 5px; margin-top: -30px; }

.phone { background: url("image/symbol_phone.png") center left 130px no-repeat; border: 1px solid #b2b2b2; height: 137px; border-radius: 3px; text-align: center; padding-left: 63px; font-weight: 300; font-size: 29px; line-height: 137px; margin-top: 30px; margin-bottom: 65px; }
.phone strong { color: #e4002b; font-weight: 800; }

.steps { margin-top: 80px; margin-bottom: 117px; }
.steps > strong { display: block; text-align: center; height: 45px; background-color: #e7e7e7; color: #e4002b; text-transform: uppercase; margin-bottom: 3px; line-height: 50px; font-size: 21px; }
.steps .double > div > strong { display: block; text-align: center; height: 50px; background-color: #4d4d4d; color: #ffffff; margin-bottom: 1px; font-weight: 100; line-height: 54px; font-size: 22px; }
.steps .double ul { display: block; background: url("image/steps_back.png") top right; }
.steps .double ul li { height: 71px; border-bottom: 1px solid #ffffff; display: block; text-align: center; color: #ffffff; font-size: 14px; text-transform: uppercase; font-weight: 800; line-height: 17px; padding-top: 13px; }
.steps .double ul li.empty { background-color: #ffffff; }
.steps .double ul li.doublerow { height: 142px; padding-top: 42px; }
.steps .double ul li.tripplerow { height: 213px; padding-top: 77px; }
.steps .double ul li strong { display: block; font-weight: 300; font-size: 29px; text-transform: uppercase; line-height: 28px; }
.steps .double .split { display: flex; justify-content: space-between; }
.steps .double .split > * { width: 49.8%; }

ul.path { width: 1240px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 117px; }
ul.path li { display: block; width: 25%; font-size: 18px; line-height: 22px; background: url("image/path_back.png") top center no-repeat; }
ul.path li span.number { display: block; width: 119px; height: 119px; border: 5px solid transparent; border-radius: 50%; margin-top: 37px; font-size: 49px; font-weight: 800; padding-top: 45px; margin-bottom: 100px; }
ul.path li.yellow span.number { border-color: #c3ba00; color: #c3ba00; padding-left: 10px; }
ul.path li.blue span.number { border-color: #009de0; color: #009de0; }
ul.path li:not(.yellow) span.number:after { content: ' '; display: block; width: 73px; height: 39px; position: relative; left: -138px; top: -28px; }
ul.path li.blue span.number:after { background: url("image/path_arrow_blue.png"); }
ul.path li.green span.number:after { background: url("image/path_arrow_green.png"); }
ul.path li.red span.number:after { background: url("image/path_arrow_red.png"); }
ul.path li.green span.number { border-color: #20beb7; color: #20beb7; }
ul.path li.red span.number { border-color: #e4002b; color: #e4002b; }
ul.path li strong { display: block; text-transform: uppercase; height: 60px; font-size: 20px; line-height: 24px; }
ul.path li.yellow strong { color: #c3ba00; }
ul.path li.blue strong { color: #009de0; }
ul.path li.green strong { color: #20beb7; }
ul.path li.red strong { color: #e4002b; }
ul.path li i { display: block; margin-top: 20px; color: #909090; }

.info { width: 819px; height: 181px; border-radius: 90px; background-color: #b1b1b1; color: #ffffff; margin-top: 60px; padding-top: 37px; line-height: 25px; margin-bottom: 95px; padding-left: 90px; padding-right: 90px ;}
.info strong { display: block; margin-top: 28px; font-size: 24px; }

.choicebutton { margin-bottom: 105px; text-align: center; }
.choicebutton a { display: inline-block; width: 461px; height: 59px; border: 4px solid #ffffff; color: #ffffff; text-align: center; text-transform: uppercase; padding-top: 12px; font-size: 20px; margin-bottom: 25px; }
.choicebutton a.green { color: #20beb7; border-color: #20beb7; }
.choicebutton a.blue { color: #009de0; border-color: #009de0; }
.choicebutton a + a { margin-left: 36px; }

ul.gear { font-size: 18px; margin-top: 8px; line-height: 28px; margin-bottom: 45px; }
ul.gear li { background: url("image/bullet_gear.png") left 3px no-repeat; padding-left: 34px; }
ul.gear li ul { line-height: 25px; margin-bottom: 40px; }
ul.gear li ul li { background: url("image/bullet_point.png") left 3px no-repeat; padding-left: 26px; }
ul.gear:last-child { margin-bottom: 85px; }

div.article p { margin-top: 20px; }
div.article h2 { font-size: 25px; text-align: left; margin-bottom: 20px; }
div.article ul { list-style: disc; margin-left: 40px; margin-top: 20px; }
div.article ul.gear { list-style: none; margin-left: 0; }
div.article.tiny { font-size: 18px; }
div.article a { color: #000060; }
div.article a:hover { text-decoration: underline; }
div.article dl dt { display: block; width: 180px; float: left; }
div.article dl dd { display: block; margin-left: 180px; }
div.article.tiny p { margin-top: 15px; }
div.article.tiny h2 { margin-top: 25px; margin-bottom: 15px; }
div.article.tiny h3 { margin-top: 15px; margin-bottom: 10px; font-weight: 500; }
div.article.tiny ul { margin-top: 10px; }
div.article.measurement img.articleimage_h { display: none; }
div.article.measurement img.articleimage_v { position: absolute; right: -150px; }
div.article.measurement button { margin-top: 150px; }

footer { height: 76px; padding: 20px; background-color: #3d3d3d; color: #ffffff; position: relative; margin-top: 100px; }
footer ul { color: #ffffff; padding: 0; margin: 0; }
footer ul li { display: inline-block; padding: 0; margin: 0; padding-left: 25px; line-height: 20px; font-size: 16px; font-weight: 400; text-transform: uppercase; }
footer ul li dl dt { display: block; width: 60px; float: left; }
footer ul li dl dd { display: block; margin-left: 60px; }
footer ul li:first-child { padding-left: 10px; }
footer a { color: #ffffff; }
footer a:hover { text-decoration: underline; }
footer div.legal { position: absolute; color: #3d3d3d; font-size: 14px; top: -43px; right: 57px; text-transform: uppercase; font-weight: 800; }
footer div.legal a { color: #3d3d3d; }

body.start { background-color: #353535; }
body.start header { background: transparent; position: absolute; top: 0; left: 0; right: 0; z-index: 2; }
body.start main { padding-top: 258px; color: #ffffff; font-size: 25px; font-weight: 300;  background-image: linear-gradient(160deg, #6a6a6a 0%, #353535 50%); min-height: 700px; }
body.start main b { font-weight: 800; }
body.start h1 { font-size: 48px; text-transform: uppercase; font-weight: 800; line-height: 55px;}
body.start h2 { margin-top: -27px; }
body.start .choicebutton { margin-top: 120px; margin-bottom: 30px; }
body.start .choicebutton a + a { margin-left: 56px; }
body.start footer { height: 0; padding: 0; background-color: transparent; position: absolute; bottom: 0; left: 0; right: 0; }
body.start footer div.legal { color: #ffffff; }
body.start footer div.legal a { color: #ffffff; }
body.start main > center { z-index: 1; position: absolute; top: 260px; left: calc(50% - (1495px / 2)); }
body.start canvas { position: absolute; top: 0; z-index: 0; }

@media (min-width: 1486px) {
	header { background-size: 100% 164px; }
}

@media (max-width: 1245px) {
    header, main, footer { width: 100%; min-width: 100%; }
    ul.path { width: 90%; }
    ul.path li { width: 50%; padding-bottom: 30px; }
    ul.path li p { display: block; padding-left: 40px; padding-right: 40px; }
    ul.path li.blue span.number:after { background: none; }
    ul.path li.green span.number:after { background: none; }
    ul.path li.red span.number:after { background: none; }
}

@media (max-width: 1450px) and (min-width: 1024px) {
    header .logo img { display: block; float: none; }
    header .logo span { display: block; margin-left: 0; position: relative; }
}

@media (max-width: 1024px) {
    header .open_nav { display: block; position: absolute; width: 49px; height: 40px; top: 40px; right: 25px; background: url("image/menu_open_light.png") 0 0 no-repeat; background-size: 100%; cursor: pointer; transform: scale(0.7); margin-left: -10px; margin-top: -15px; }
	header nav { position: fixed; top: 0; right: 0; bottom: 0; width: 50%; max-width: 300px; background-color: #3d3d3d; padding-top: 80px; z-index: 10; display: none; }
    header nav ul li { display: block; line-height: 40px; text-transform: uppercase; }
    header.open .open_nav { z-index: 11; background-image: url("image/menu_close.png"); }
    header.open nav { display: block; }
    .choicebutton a + a { margin-left: 0; margin-top: 18px; }
    .restrict.small { width: 90%; }
    .restrict.medium { width: 90%; }
    footer div.legal { right: 30px; top: -40px; }
    body.start .choicebutton { margin-top: 40px; margin-bottom: 40px; }
    body.start .choicebutton a { margin-bottom: 0; }
    body.start .choicebutton a + a { margin-left: 0; }
    body.start h1 { font-size: 38px; line-height: 45px;}
    body.start main { padding-top: 200px; }
    body.start main > center { position: relative; top: unset; left: unset; width: 90%; margin: 0 auto; }
    .phone { background-image: none; }
    .info { width: 90%; }
    .double { display: block; }
    .double > * { width: 100%; }
    .double div:last-child > strong { margin-top: 3px; }
    div.article.measurement img.articleimage_h { display: block; width: 100%; margin-top: 40px; }
    div.article.measurement img.articleimage_v { display: none; }
    div.article.measurement button { margin-top: 0; }
}

@media (max-width: 600px) {
	header { background: none; }
    header .logo { top: 20px; left: 30px; }
    header .logo img { width: 130px; }
    header .logo span { display: none; }
    header nav ul li { font-size: 16px; line-height: 35px; padding-left: 25px; }
    header .open_nav { top: 30px; right: 15px; background-image: url("image/menu_open_dark.png"); }
    body.start header .open_nav { background-image: url("image/menu_open_light.png"); }
    body.start header.open .open_nav { background-image: url("image/menu_close.png"); }

    footer { height: 160px; padding-bottom: 50px; margin-top: 50px; }
    footer ul li { padding-left: 0; padding-top: 10px; font-size: 14px; }
    footer ul li:first-child { padding-left: unset; padding-top: 0; }
    footer div.legal { right: 10px; bottom: 10px; top: unset; color: #ffffff; font-weight: 400; }
    footer div.legal a { color: #ffffff; }
    ul.gear { font-size: 16px; line-height: 24px; }
    ul.gear li { background-position: left top; padding-left: 30px; }
    ul.gear:last-child { margin-bottom: 50px;}
    h1, h2 { margin-top: 30px; margin-bottom: 30px; font-size: 24px; }
    h4 { font-size: 18px; line-height: 22px; }
    .choicebutton a { width: 90%; height: 46px; padding-top: 5px; font-size: 16px; font-weight: 400; }
    button { font-size: 20px; padding: 0 25px; height: 50px; border-radius: 0; }
    body.start header .logo img { width: 200px; display: block; float: none; }
    body.start header .logo span { display: block; margin-left: 0; position: relative; top: 10px; font-weight: 200; padding-right: 0; }
    body.start header .logo span br { display: none; }
    body.start footer div.legal { display: none; }
    body.start h1 { font-size: 30px; line-height: 35px; }
    body.start h2 { font-size: 17px; }
    body.start main > center { font-size: 16px; }
    body.start main br { display: none; }
    body.start .choicebutton a { width: 100%; }
    body.start button { margin-top: 80px; }
    div.article { font-size: 16px; line-height: 22px; }
    div.article dl dt { width: 140px; }
    div.article dl dd { margin-left: 140px; }
    div.article h2 { font-size: 20px; }
    div.article h3 { font-size: 18px; }
    div.article.tiny { font-size: 14px; line-height: 20px; }
    div.article ul { margin-left: 30px; }
    p.seal { text-align: center; }
    .phone { height: 80px; border-radius: 0; padding: 0; line-height: unset; padding-top: 25px; margin-bottom: 30px; }
    .phone span { display: none; }
    .double { display: block; }
    .double > * { width: 100%; }
    input[type="text"], input[type="password"], textarea, .select { padding: 0 10px; height: 40px; font-size: 16px; border-radius: 0; margin-bottom: 8px; }
    textarea { height: 150px; padding: 10px 10px; }
    .double.tinyleft { display: flex; }
    input[type="checkbox"] + label, input[type="radio"] + label { line-height: 40px; height: 45px; padding-left: 45px !important; font-size: 18px; border-radius: 0; padding-top: 2px; margin-bottom: 8px; }
    .tripple.table input[type="checkbox"] + label { padding-left: unset !important; }
    input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before { width: 30px; height: 30px; }
    .double.tinyleft > :first-child input[type="checkbox"] + label, input[type="radio"] + label { padding-top: 13px; }
    ul.path li { width: 100%; }
    h2 + h3 { margin-top: -20px; }
    .info { height: 150px;; border-radius: 75px; font-size: 15px; padding-left: 30px; padding-right: 30px; padding-top: 30px; line-height: 20px; margin-top: 20px; margin-bottom: 40px; }
    .info strong { font-size: 16px; margin-top: 10px; }
    ul.path li strong { font-size: 16px; height: unset; padding-bottom: 10px; }
    ul.path li p { font-size: 16px; padding-left: 20px; padding-right: 20px; }
    ul.path li span.number { transform: scale(.80); margin-top: 20px; margin-bottom: 50px; }
    ul.path li { background-size: 200px; }
    .steps { margin-top: 50px; margin-bottom: 50px; }
    .steps > strong { font-size: 19px; height: 40px; line-height: 44px; }
    .steps .double > div > strong { height: 40px; font-size: 18px; line-height: 40px; }
    .steps .double ul li strong { font-size: 25px; }

    .tripple.head > * { padding-top: 7px; padding-bottom: 7px; font-size: 18px; }
    .tripple.table > :first-child { height: 45px; line-height: 45px; font-size: 18px; }
}