* {box-sizing:border-box}

html, body {font-family: 'Barlow', sans-serif; font-size: 16px; font-weight: 500; color:#333; margin:0}
body, caption, input, textarea, select, td {font-family: 'Barlow', sans-serif; font-size: 16px; color:#333; margin:0}
ul {margin:0; padding:0; list-style:none}
a, button:focus, input:focus, textarea:focus {outline:none}
a img {border:0 none}
a {color: #05aeca; text-decoration:none}
a[href^="tel"], a[href^="mailto"] {color: #fff}
::-webkit-input-placeholder {color: #787878}
::-moz-placeholder {color: #787878}
:-ms-input-placeholder {color: #787878}
:-moz-placeholder {color: #787878}

.limit {width: 1170px; margin: 0 auto}
.blue {color: #05aeca}

html, body {height:100%; width:100%}

header {margin-bottom: 23px}
.thank-you-page header, .inner-page header, .thank-you-page main, .thank-you-page .contact-block{margin: 0}

.header-top {box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25); position: relative}
.header-top .limit {display: flex; height: 100px; justify-content: space-between; align-items: center}
.header-top-left {display: flex}
.header-top-left img {display: block}
.logo {padding-right: 15px; border-right: 1px solid #d5d5d5}
.logo-coloplast {display: flex; align-items: center; padding-left: 15px}
.logo-coloplast .text {font-weight: 500; line-height: 18px; color: #787878; margin-right: 20px}
.header-phone {border: 2px solid rgb(5, 174, 202); background: url(../images/phone-contact.png) 14px center no-repeat; padding: 8px 0 0 76px; border-radius: 35px; height: 70px; width: 330px}
.header-phone .text {font-weight: 500; font-size: 12px; line-height: 18px; color: #787878; text-transform: uppercase}
.header-phone a[href^="tel"] {color: #05aeca; font-size: 34px; line-height: 1; font-weight: 800}

.header {background: url(../images/header-bg.png) center 0 no-repeat; padding: 45px 0 0; height: 600px; color: #fff}
.header .limit {display: flex; justify-content: space-between; align-items: flex-start}
.header-left {width: 755px; padding-top: 8px}
.header-left .title {font-size: 48px; font-weight: 800; line-height: 1; color: #fff; margin-bottom: 28px}
.header-left ul {margin-bottom: 55px}
.header-left li {padding: 0 0 0 38px; background: url(../images/header-li.png) 0 0 no-repeat; font-size: 20px; font-weight: 500; margin-bottom: 16px}
.contact-us {display: flex; margin-bottom: 15px}
.contact-us-left {border-radius: 10px; background: url(../images/phone-call.png) 20px center no-repeat rgb(5, 174, 202); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.51), inset 0px -3px 0px 0px rgba(4, 131, 152, 0.004); border-bottom: 3px solid #048398; height: 80px; padding: 8px 0 0 80px; width: 330px; margin-right: 25px}
.contact-us-left .text {font-weight: 500; line-height: 24px; text-transform: uppercase}
.contact-us-left .phone {font-weight: 800; font-size: 34px; line-height: 1}
.contact-us-right {border: 2px solid rgb(255, 255, 255); border-radius: 10px; background: url(../images/arrow.png) calc(100% - 16px) center no-repeat rgba(2, 65, 76, 0.4); width: 400px; height: 80px; font-weight: 700; font-size: 18px; line-height: 24px; padding: 11px 18px}
.header-left .small {font-size: 12px; line-height: 14px; font-style: italic}
.header-right, .form-left {background: rgba(255, 255, 255, 0.29); border-radius: 8px; padding: 5px; width: 350px}
.form {background: #fff; border-radius: 8px; overflow: hidden}
.form .title {background: #03606f; font-size: 22px; line-height: 24px; padding: 7px 0 14px; height: 70px; color: #fff; text-transform: uppercase; margin-bottom: 20px; text-align: center}
.form form {padding: 0 20px}
.form input[type="text"], .form input[type="phone"], .form input[type="email"] {display: block; width: 100%; border: 1px solid rgb(230, 230, 230); border-radius: 11px; background-color: rgb(246, 246, 246); font-size: 18px; height: 62px; padding: 8px 18px; margin-bottom: 10px}
.label {font-size: 11px; line-height: 12px; color: #787878; margin-bottom: 21px}
.container {display: block; position: relative; padding-left: 22px; cursor: pointer; user-select: none}
.container input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0}
.checkmark {position: absolute; top: 0; left: 0; height: 12px; width: 12px; background-color: #eee}
.container:hover input ~ .checkmark {background-color: #ccc}
.container input:checked ~ .checkmark {background-color: #ea6453}
.checkmark:after {content: ""; position: absolute; display: none}
.container input:checked ~ .checkmark:after {display: block}
.container .checkmark:after {left: 3px; top: 0; width: 3px; height: 8px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg)}
.label a {text-decoration: underline}
.form input[type="submit"] {border-radius: 10px; background-color: rgb(234, 100, 83); box-shadow: inset 0px -2px 0px 0px rgba(189, 81, 67, 0.004); height: 60px; border: 0 none; color: #fff; font-size: 18px; line-height: 20px; font-weight: 700; width: 100%; text-transform: uppercase; margin-bottom: 15px}
.form .text {font-size: 11px; line-height: 12px; color: #787878; padding: 0 20px 15px}
main {margin-bottom: 50px}
.start-block {padding: 34px 0 0; position: relative; margin-bottom:107px; text-align: center}
.start-block:after {position: absolute; content: ""; left: 0; bottom: 0; width: 100%; background: linear-gradient(to bottom, #fff , #ececec); height: 420px}
.start-block .limit {position: relative; padding: 0 30px 78px; z-index: 3}
.title {font-size: 48px; color: #05aeca; line-height: 1; font-weight: 700}
.start-block .title {margin-bottom: 16px}
.subtitle {font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 30px}
.start-block-image {margin-bottom: 31px}
.start-block-image img {display: block; margin: 0 auto}
.start-block .start-block-text {font-size: 16px; line-height: 26px; margin-bottom: 54px}
.start-block .items {display: flex; justify-content: space-between}
.start-block .item {border: 1px solid rgb(228, 228, 228); border-radius: 10px; background-color: rgb(255, 255, 255); width: 252px}
.start-block .item .image {height: 201px; display: flex; justify-content: center; align-items: center; margin-bottom: 3px}
.start-block .item .name {font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 16px}
.start-block .item .text {font-size: 14px; line-height: 22px; padding: 0 15px 13px}
.request-block {position: absolute; left: 50%; bottom: -40px; transform: translate(-50%, 0); border-radius: 10px; background-color: rgb(5, 174, 202); border-bottom: 3px solid #048398; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.51), inset 0px -3px 0px 0px rgba(4, 131, 152, 0.004); width: 720px; height: 80px; color: #fff; font-weight: 800; display: flex; justify-content: space-between; align-items: center; padding: 0 14px 0 23px}
.request-block .request-left {font-size: 26px; line-height: 24px; text-transform: uppercase}
.request-block .request-phone {font-size: 34px; line-height: 18px; background: url(../images/phone-call-mini.png) 0 center no-repeat; padding: 6px 0 6px 28px}
.steps-block {height: 373px;  text-align: center}
.steps-block .steps-title {font-size: 30px; line-height: 48px; font-weight: 700; margin-bottom: 48px}
.steps-block .limit {display: flex; justify-content: center}
.steps-block .item {width: 240px; margin: 0 70px; position: relative}
.steps-block .item:before {position: absolute; content: ""; background: url(../images/arrow-big.png) 0 0 no-repeat; height: 51px; width: 72px; top: 43px; left: -105px}
.steps-block .item:first-child:before {display: none}
.steps-block .image {margin-bottom: 15px}
.steps-block .text {font-size: 18px; line-height: 22px; font-weight: 500}
.testimonial-block {background: url(../images/testimonials.png) center 0 no-repeat; color: #fff}
.testimonial-block .limit {background: url(../images/testimonial-in.png) calc(100% - 30px) bottom no-repeat; height: 351px; padding: 0 30px}
.quote {font-size: 36px; line-height: 48px; font-weight: 500; font-style: italic; margin-bottom: 22px; text-shadow: 0.5px 0.866px 1px rgba(0, 0, 0, 0.37); padding-top: 46px}
.testimonial-block .name {font-size: 22px; line-height: 30px; font-weight: 500; font-style: italic; text-shadow: 0.5px 0.866px 1px rgba(0, 0, 0, 0.37)}
.contact-block {background: url(../images/contact-bg.png) center 0 no-repeat; color: #fff; margin-bottom: 100px}
.contact-block .limit {display: flex; justify-content: space-between; align-items: center; padding: 0 30px; height: 100px}
.contact-left .small {font-size: 18px; line-height: 30px; font-weight: 700}
.contact-left .big {font-size: 24px; line-height: 30px; font-weight: 800}
.contact-phone {font-size: 44px; background: url(../images/phone-call-white.png) 0 center no-repeat; padding: 0 0 0 51px; line-height: 1; font-weight: 800}
.contact-button {position: relative; margin-left: 38px}
.contact-button:before {position: absolute; content: "or"; font-size: 18px; text-transform: uppercase; top: 50%; transform: translate(0, -50%); left: -41px; font-weight: 400}
.contact-button a {display: block; border-radius: 10px; background-color: rgb(234, 100, 83); box-shadow: inset 0px -2px 0px 0px rgba(189, 81, 67, 0.004); width: 300px; padding: 18px 0; height: 60px; color: #fff; font-size: 18px; line-height: 20px; font-weight: 700; text-transform: uppercase; text-align: center}
.text-block .limit {display: flex; justify-content: space-between; padding: 0 30px}
.text-block .title {line-height: 52px; margin-bottom: 18px}
.text-block .text {line-height: 26px}
.travel-block {margin-bottom: 65px}
.travel-block .image {margin-right: 30px}
.family-block {margin-bottom: 72px}
.family-block .image {padding-top: 24px;  margin-left: 30px}
.family-block p {margin: 0 0 26px}

.limit .button-blue {display: block; border: 2px solid rgb(5, 174, 202); border-radius: 9px; width: 270px; height: 50px; font-size: 16px; line-height: 26px; font-weight: 500; padding: 10px 0; color: #05aeca; text-align: center}

.form-block .limit {display: flex; justify-content: space-between; align-items: flex-start; background: #05aeca; color: #fff; padding: 40px 30px}
.form-right {width: 703px; padding-top: 42px}
.form-right-top {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 25px}
.form-right-top .text {font-size: 20px; line-height: 30px; font-weight: 500}
.form-right-title {font-size: 48px; line-height: 52px; font-weight: 700; margin-bottom: 24px}
.form-right-top .image {padding: 45px 8px 0 25px}
.form-right-bottom {font-size: 30px; line-height: 52px; font-weight: 700}
.form-right-phone {font-size: 70px; line-height: 1; font-weight: 800; background: url(../images/phone-call-huge.png) 0 center no-repeat; padding: 0 0 0 75px; margin-top: 10px}

.thank-you-block {background: url(../images/thank-you-bg.png) center 0 no-repeat; color: #fff; padding: 88px 0 0; height: 601px; margin-bottom: 56px; text-align: center}
.thank-you-block .big {font-size: 48px; font-weight: 800; background: url(../images/thank-you.png) center 0 no-repeat; padding: 100px 0 0; text-transform: uppercase; margin-bottom: 15px}
.thank-you-block .small {font-size: 24px; font-weight: 500; margin-bottom: 79px}
.thank-you-bottom {background: url(../images/thank-you-line.png) center 0 no-repeat; padding: 28px 0 0}
.thank-you-bottom .text {font-size: 20px; font-weight: 500; margin-bottom: 20px}
.thank-you-bottom .button {border-radius: 10px; background: url(../images/phone-call.png) 21px center no-repeat #05aeca; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.51), inset 0px -3px 0px 0px rgba(4, 131, 152, 0.004); width: 330px; height: 80px; margin: 0 auto; border-bottom: 3px solid #048398; line-height: 24px; font-weight: 500; padding: 6px 0 0 80px; text-transform: uppercase; text-align: left}
.thank-you-bottom .button a {display: block; font-size: 36px; line-height: 1; font-weight: 800}

.complete-product-block {position: relative; text-align: center}
.complete-product-block:after {position: absolute; content: ""; left: 0; bottom: 0; width: 100%; background: linear-gradient(to bottom, #fff , #ececec); height: 420px}
.complete-product-block .title {margin-bottom: 16px}
.complete-product-block .subtitle {margin-bottom: 38px}
.complete-product-block .limit {padding: 0 30px 80px; display: flex; justify-content: space-between; position: relative; text-align: left; z-index: 3}
.complete-product-block .item {border: 1px solid rgb(228, 228, 228); background: #fff; padding: 0 15px 19px; border-radius: 10px; width: 532px; overflow: hidden}
.complete-product-block .image {margin: 0 -15px 15px}
.complete-product-block img {display: block}
.complete-product-block .name {font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 13px}
.complete-product-block .text {font-size: 14px; line-height: 22px; margin-bottom: 30px}
.complete-product-block .button-blue {background: url(../images/arrow-blue.png) calc(100% - 10px) center no-repeat; font-size: 12px; font-weight: 700; height: 40px; text-transform: uppercase; padding: 5px 0 5px 15px; text-align: left}

.inner-page-top {display: flex; justify-content: space-between; align-items: center; padding: 20px 0 0; margin: 0 0 35px}
.inner-page-title {font-size: 48px; line-height: 1; font-weight: 800; color: #05aeca; padding: 0 0 11px; border-bottom: 2px solid #05aeca; width: 560px}
.inner-page-button a {display: block; border-radius: 10px; background-color: rgb(234, 100, 83); box-shadow: inset 0px -2px 0px 0px rgba(189, 81, 67, 0.004); width: 300px; height: 60px; padding: 21px 0; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center}
.inner-page-content {padding-left: 30px}
.title-inner {font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: 15px}
.text-inner {line-height: 24px; color: #787878; margin-bottom: 30px}
.text-inner p {margin: 0 0 25px}
.text-inner p:last-child {margin: 0}
.text-inner ul {padding: 25px 0 0 38px}
.text-inner li {margin-bottom: 30px}
.subtitle-inner {font-size: 18px; line-height: 30px; text-decoration: underline; color: #333; font-style: italic}

footer {background: #efefef; padding: 28px 0 42px}
.footer-top {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #bfbfbf; padding-bottom: 39px; margin-bottom: 27px}
.footer-left {display: flex; align-items: center}
.footer-left img {display: block}
.footer-right {padding-top: 8px}
.footer-menu {margin-bottom: 10px}
.footer-menu ul {display: flex; justify-content: flex-end}
.footer-menu li:before {content: "|"; margin: 0 6px; color: #333}
.footer-menu li:first-child:before {display: none}
.footer-menu a {color: #333; font-size: 12px; font-weight: 700; text-transform: uppercase}
.footer-copy {font-size: 12px; color: #787878}
.footer-bottom {font-size: 12px; color: #787878}