@charset "utf-8";
/***********
1. Fonts
***********/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/*********************************
2. Body and some general stuff
*********************************/
* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
body {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #FFFFFF;
    color: #a5a5a5;
}
div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul {
    list-style: none;
    margin-bottom: 0px;
}
p {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    line-height: 2.14;
    font-weight: 500;
    color: #828282;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
p a {
    display: inline;
    position: relative;
    color: inherit;
    border-bottom: solid 1px #ffa07f;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
p:last-of-type {
    margin-bottom: 0;
}
a {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
p a:active {
    position: relative;
    color: #FF6347;
}
p a:hover {
    color: #FFFFFF;
    background: #ffa07f;
}
p a:hover::after {
    opacity: 0.2;
}
::selection {
    background: rgba(87, 204, 195, 0.75);
    color: #FFFFFF;
}
p::selection {}
h1 {
    font-size: 60px;
}
h2 {
    font-size: 48px;
}
h3 {
    font-size: 36px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    line-height: 1.2;
    color: #404040;
}
h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection {}
.form-control {
    color: #db5246;
}
section {
    display: block;
    position: relative;
    box-sizing: border-box;
}
ul, ol {
    padding: 0;
    margin: 0;
}
.clear {
    clear: both;
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.fill_height {
    height: 100%;
}
.prlx_parent {
    overflow: hidden;
}
.prlx {
    height: 130% !important;
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}
.parallax_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.background_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.parallax_background:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(251 244 246 / 75%);
}
.nopadding {
    padding: 0px !important;
}
.button {
    height: 46px;
    border-radius: 0px;
}
.button a {
    display: block;
    padding-left: 40px;
    padding-right: 36px;
    line-height: 42px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.button_1 {
    background: #fd556d;
    border: solid 2px transparent;
}
.button_1 a {
    color: #FFFFFF;
}
.button_1:hover {
    background: transparent;
    border: solid 2px #fd556d;
}
.button_1:hover a {
    color: #fd556d;
}
.button_2 {
    background: transparent;
    border: solid 2px #FFF;
}
.button_2 a {
    color: #FFF;
}
.button_2:hover {
    background: #57ccc3;
    border: solid 2px #57ccc3
}
.button_2:hover a {
    color: #FFFFFF;
}
.button_3 {
    border: solid 2px #000;    
}
.button_3 a {
    color: #000;
}
.button_3:hover {
    background: #57ccc3;
    border: solid 2px #57ccc3
}
.button_3:hover a {
    color: #FFF;
}
.section_subtitle {
    font-size: 18px;
    font-weight: 500;
    color: #a6abb2;
    line-height: 0.75;
}
.section_title {
    margin-top: 9px;
}
.intro_text {
    margin-top: 32px;
}
.section-space {
    padding: 100px 0;
}
/*********************************
3. Header
*********************************/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #FFFFFF;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
}
.header_content {
    width: 100%;
    height: 117px;
}
.header.scrolled .header_content {
    height: 75px;
}
.logo {
    height: 100%;
    padding: 10px;
}
.logo img {
    max-height: 100%;
}
.logo a > div:first-child {
    font-size: 30px;
    font-weight: 700;
    line-height: 0.75;
    color: #353535;
}
.logo a > div:first-child span {
    color: #57ccc3;
    margin-left: 7px;
}
.logo a > div:last-child {
    font-size: 12px;
    color: #969696;
    font-weight: 500;
    line-height: 0.75;
    margin-top: 6px;
}
.main_nav {
    margin-left: 50px;
}
.main_nav ul li a {
    font-size: 15px;
    font-weight: 600;
    color: #404040;
    white-space: nowrap;
    text-transform: uppercase;
}
.main_nav ul li a:hover, .main_nav ul li.active a {
    color: #57ccc3;
}
.main_nav ul li:not(:last-child) {
    margin-right: 33px;
}
.work_hours {
    font-size: 15px;
    font-weight: 600;
    color: #404040;
    margin-right: 26px;
    white-space: nowrap;
}
.header_phone {
    height: 46px;
    border-radius: 0px;
    background: #57ccc3;
    padding-left: 40px;
    padding-right: 36px;
    line-height: 46px;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    margin-right: 12px;
}
.header_phone::selection {
    background: rgba(64, 64, 64, 0.75);
}
.header_button {
    margin-right: 16px;
}
.social ul li {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #e6ebf1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.social ul li:hover {
    background: #57ccc3;
}
.social ul li:hover a i {
    color: #FFFFFF;
}
.social ul li:not(:last-of-type) {
    margin-right: 15px;
}
.social ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 34px;
    text-align: center;
}
.social ul li a i {
    font-size: 16px;
    color: #404040;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.hamburger {
    display: none;
    cursor: pointer;
    border: solid 1px transparent;
    border-radius: 7px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.hamburger:hover {
    border: solid 1px rgba(0, 0, 0, 0.05);
}
.hamburger i {
    font-size: 25px;
    color: #404040;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
}
/*********************************
4. Menu
*********************************/
.menu {
    position: fixed;
    top: 0;
    right: -350px;
    width: 350px;
    height: 100vh;
    background: #57ccc3;
    z-index: 102;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
}
.menu.active {
    right: 0;
}
.menu_overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.75);
    z-index: 101;
    visibility: hidden;
    opacity: 0;
}
.menu_overlay.active {
    visibility: visible;
    opacity: 1;
}
.menu_close_container {
    position: absolute;
    top: 41px;
    left: 28px;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 1;
}
.menu_close {
    width: 100%;
    height: 100%;
    transform-style: preserve-3D;
}
.menu_close div {
    width: 100%;
    height: 2px;
    background: #FFFFFF;
    top: 8px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.menu_close div:last-of-type {
    -webkit-transform: rotate(90deg) translateX(-2px);
    -moz-transform: rotate(90deg) translateX(-2px);
    -ms-transform: rotate(90deg) translateX(-2px);
    -o-transform: rotate(90deg) translateX(-2px);
    transform: rotate(90deg) translateX(-2px);
    transform-origin: center;
}
.menu_close:hover div {
    background: #1befc5;
}
.menu_nav {
    margin-top: 75px;
}
.menu_nav ul {
    padding: 0;
    margin: 0;
}
.menu_nav ul li:not(:last-child) {
    margin-bottom: 1px;
}
.menu_nav ul li a {
    font-size: 24px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
}
.menu_nav ul li a:hover {
    color: #1befc5;
}
.menu_social {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.menu_social ul li:hover {
    background: #404040;
}
.menu_social ul li:hover a i {
    color: #FFFFFF;
}
.menu_extra {
    margin-top: 50px;
}
.menu_extra > div:not(:last-child) {
    margin-bottom: 5px;
}
.menu_link, .menu_link a {
    font-size: 15px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
}
.menu_link a {
    display: inline-flex;
    border: 2px solid #FFF;
    padding: 9px 23px;
    margin-top: 7px;
}
.menu_link a:hover {
    color: #FFFFFF;
}
.header_social {
    margin-right: 25px;
}
.header_social ul {
    padding: 0;
    margin: 0;
}
/*********************************
5. Home
*********************************/
.home {
    width: 100%;
    height: 768px;
    margin-top: 117px;
}
.home_slider_container {
    width: 100%;
    height: 100%;
}
.home_container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}
.home_content {
    max-width: 550px;
}
.home_subtitle {
    font-size: 30px;
    color: #57ccc3;
    font-weight: 600;
    line-height: 1.1;
}
.home_title {
    font-size: 50px;
    color: #404040;
    line-height: 1.4;
    font-weight: 700;
}
.home_text {
    margin-top: 15px;
}
.home_buttons {
    margin-top: 36px;
}
.home_buttons > div:not(:last-child) {
    margin-right: 10px;
}
.home_slider_dots {
    position: absolute;
    bottom: 53px;
    left: calc((100vw - 1140px) / 2);
    z-index: 1;
}
.home_slider_custom_dot {
    width: 8px;
    height: 8px;
    background: #b4b4b4;
    border-radius: 50%;
    cursor: pointer;
}
.home_slider_custom_dot.active, .home_slider_custom_dot:hover {
    background: #57ccc3;
}
.home_slider_custom_dot:not(:last-child) {
    margin-right: 8px;
}
/*********************************
6. Intro
*********************************/
.intro {
    width: 100%;
    background: #FFFFFF;
    padding-top: 89px;
    padding-bottom: 90px;
}
.intro_content {
    padding-top: 30px;
}
.milestones {
    margin-top: 85px;
}
.milestone_counter {
    font-size: 36px;
    font-weight: 700;
    color: #57ccc3;
    line-height: 0.75;
}
.milestone_text {
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    line-height: 1.5;
    margin-top: 5px;
}
.intro_form_container {
    width: 100%;
    background: #FFFFFF;
    padding-left: 33px;
    padding-right: 34px;
    padding-bottom: 63px;
    padding-top: 136px;
    box-shadow: 0px 25px 38px rgba(0, 0, 0, 0.2);
}
.intro_form_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 336px;
    height: 80px;
    background: #57ccc3;
    line-height: 80px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
}
.intro_form {
    width: 100%;
}
.intro_input {
    width: calc((100% - 15px) / 2);
    height: 62px;
    background: transparent;
    border: solid 2px #e6ebf1;
    margin-bottom: 18px;
    padding-left: 25px;
    outline: none;
    font-size: 15px;
    color: #404040;
    font-weight: 500;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.intro_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #a09f9f !important;
    cursor: pointer;
}
.intro_select.selected {
    font-size: 15px !important;
    color: #404040 !important;
    font-weight: 500 !important;
    font-style: normal !important;
}
.intro_select option {
    color: #404040;
}
.intro_input:focus, .intro_input:hover {
    border: solid 2px #57ccc3;
}
.intro_input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #a09f9f !important;
}
.intro_input:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #a09f9f !important;
}
.intro_input::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #a09f9f !important;
}
.intro_input:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #a09f9f !important;
}
.intro_input::input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #a09f9f !important;
}
.intro_button {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    border: solid 2px transparent;
    cursor: pointer;
}
.intro_button:hover {
    background: transparent;
    border: solid 2px #fd556d;
    color: #fd556d;
}
/*********************************
7. Why
*********************************/
.why {
    width: 100%;
    background: #fbf4f6;
}
.icon_container {
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background: #6bdbd2;
}
.icon {
    width: 32px;
    height: 32px;
}
.icon img {
    max-width: 100%;
}
.why_list_content {
    padding-left: 37px;
}
.why_list_title {
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    line-height: 1.2;
}
.why_list_text {
    font-size: 14px;
    font-weight: 500;
    color: #868686;
}

/*********************************
8. CTA
*********************************/
.cta {
    width: 100%;
    background: #fd556d;
    padding-top: 49px;
    padding-bottom: 46px;
}
.cta_title {
    font-size: 36px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.2;
}
.cta_text {
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2;
    margin-top: -1px;
}
.cta_phone {
    height: 59px;
    padding-left: 24px;
    padding-right: 25px;
    line-height: 59px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    background: #ee4860;
    border-radius: 19px;
    white-space: nowrap;
}
/*********************************
9. Services
*********************************/
.services {
    background: #FFFFFF;
}
.service_title {
    font-size: 16px;
    font-weight: 700;
    color: #404040;
    line-height: 1.6;
    margin-top: 13px;
}
.service_text {
    margin-top: 21px;
}

@media (min-width: 1200px) {
    .services_row .service_col {
        flex: 0 0 auto;
        width: 20%;
    }
}
/*********************************
10. Extra
*********************************/
.extra {
    padding-top: 54px;
    padding-bottom: 53px;
}
.extra_container {}
.extra_content {
    background: #FFFFFF;
    width: 393px;
    padding-top: 74px;
    padding-left: 46px;
    padding-right: 30px;
    padding-bottom: 63px;
    box-shadow: 0px 25px 38px rgba(0, 0, 0, 0.2);
}
.extra_disc > div:first-child {
    font-size: 60px;
    font-weight: 700;
    color: #6bdbd2;
    line-height: 0.75;
}
.extra_disc > div:last-child {
    font-size: 24px;
    font-weight: 500;
    color: #979797;
    line-height: 0.75;
}
.extra_disc > div:first-child span {
    display: inline-block;
    font-size: 36px;
    font-weight: 400;
    vertical-align: super;
}
.extra_title {
    font-size: 72px;
    font-weight: 600;
    color: #404040;
    margin-top: 16px;
    line-height: 1.11;
}
.extra_text {
    margin-top: 20px;
}
.extra_link {
    display: inline-block;
    margin-top: 47px;
}
/*********************************
11. Newsletter
*********************************/
.newsletter {
    padding-top: 56px;
    padding-bottom: 82px;
}
.newsletter_title {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
}
.newsletter_row {
    margin-top: 54px;
}
.newsletter_input {
    width: calc(100% - 150px);
    height: 46px;
    background: transparent;
    border: solid 2px #e6ebf1;
    color: #FFFFFF;
    padding-left: 34px;
    outline: none;
}
.newsletter_input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #FFFFFF !important;
}
.newsletter_input:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #FFFFFF !important;
}
.newsletter_input::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #FFFFFF !important;
}
.newsletter_input:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #FFFFFF !important;
}
.newsletter_input::input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #FFFFFF !important;
}
.newsletter_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 167px;
    height: 46px;
    border-radius: 19px;
    background: #fd556d;
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

/* Paralax sec */

.parallax-section h3 {
    font-weight: 700;
}

/* Page Style */

.page-style h2 {
    font-weight: 700;
}

/*********************************
12. Footer
*********************************/
.footer {
    display: block;
    position: relative;
    background: #45454d;
}
.footer_content {
    padding-top: 94px;
    padding-bottom: 51px;
}
.footer_content .footer-icon i{
    font-size: 35px;
    margin-bottom: 25px;
    color: #FFF;
}
.footer_content .footer-text {
    font-size: 16px;
    color: #FFF;
}
.footer_about {
    padding-top: 19px;
}
.footer_logo a > div:first-child {
    font-size: 30px;
    font-weight: 700;
    line-height: 0.75;
    color: #FFFFFF;
}
.footer_logo a > div:first-child span {
    color: #57ccc3;
    margin-left: 7px;
}
.footer_logo a > div:last-child {
    font-size: 12px;
    color: #969696;
    font-weight: 500;
    line-height: 0.75;
    margin-top: 6px;
}
.footer_about_text {
    margin-top: 42px;
}
.footer_about_text p {
    color: #868686;
}
.footer_title {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.2;
}
.footer_bar {
    width: 100%;
    background: #45454d;
    border-top: 1px solid #616161;
}
.footer_bar_content {
    height: 49px;
}
.copyright {
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
}
.copyright a {
    color: #FFF;
}

/******************************

RESPONSIVE

******************************/
/************
1. 1840px
************/
@media only screen and (max-width: 1840px) {
    .main_nav {
        margin-left: 143px;
    }
}
/************
1. 1760px
************/
@media only screen and (max-width: 1760px) {
    .work_hours {
        display: none;
    }
}
/************
1. 1600px
************/
@media only screen and (max-width: 1600px) {
    .main_nav {
        margin-left: 54px;
    }
}
/************
2. 1440px
************/
@media only screen and (max-width: 1440px) {
    .header_phone {
        display: none;
    }
}
/************
3. 1380px
************/
@media only screen and (max-width: 1380px) {}
/************
3. 1280px
************/
@media only screen and (max-width: 1280px) {
    .main_nav ul li:not(:last-child) {
        margin-right: 29px;
    }
}
/************
4. 1199px
************/
@media only screen and (max-width: 1199px) {
    .header_button {
        display: none;
    }
    .home_slider_dots {
        left: calc((100vw - 930px) / 2);
    }
}
/************
4. 1100px
************/
@media only screen and (max-width: 1100px) {}
/************
5. 1024px
************/
@media only screen and (max-width: 1024px) {}
/************
6. 991px
************/
@media only screen and (max-width: 991px) {
    .main_nav, .header_social {
        display: none;
    }
    .home_slider_dots {
        left: calc((100vw - 690px) / 2);
    }
    .hamburger {
        display: block;
    }
    .intro_form_container {
        margin-top: 102px;
    }
    .why_image {
        position: relative;
        bottom: auto;
        right: auto;
    }
    .why_content {
        padding-bottom: 60px;
    }
    .why_image img {
        max-width: 100%;
    }
    .cta_phone {
        margin-top: 33px;
    }
    .footer_col:not(:last-child) {
        margin-bottom: 80px;
    }
    .footer_location, .footer_contact {
        padding-top: 0;
    }
}
/************
7. 959px
************/
@media only screen and (max-width: 959px) {}
/************
8. 880px
************/
@media only screen and (max-width: 880px) {}
/************
9. 768px
************/
@media only screen and (max-width: 768px) {}
/************
10. 767px
************/
@media only screen and (max-width: 767px) {
    .home_slider_dots {
        left: calc((100vw - 510px) / 2);
    }
    .home_content {
        max-width: 100%;
    }
    .home_title {
        font-size: 48px;
    }
    .home_subtitle {
        font-size: 24px;
    }
    .milestone_col:not(:last-child) {
        margin-bottom: 50px;
    }
    .extra_content {
        width: 100%;
    }
    .footer_bar_content {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .footer_nav {
        margin-top: 15px;
    }
}
/************
11. 575px
************/
@media only screen and (max-width: 575px) {
    p {
        font-size: 13px;
    }
    h2 {
        font-size: 36px;
    }
    .header.scrolled .header_content, .header_content {
        height: 75px;
    }
    .home {
        margin-top: 60px;
        height: calc(100vh - 60px)
    }
    .logo a > div:first-child {
        font-size: 24px;
    }
    .logo a > div:last-child {
        font-size: 10px;
    }
    .section_subtitle {
        font-size: 16px;
    }
    .button {
        height: 40px;
    }
    .button a {
        font-size: 12px;
        line-height: 36px;
        padding-left: 31px;
        padding-right: 30px;
    }
    .home_slider_dots {
        display: none !important;
    }
    .home_subtitle {
        font-size: 18px;
    }
    .home_title {
        font-size: 36px;
    }
    .cta_title {
        font-size: 28px;
    }
    .cta_phone {
        font-size: 24px;
    }
    .extra_disc > div:first-child {
        font-size: 48px;
    }
    .extra_disc > div:last-child {
        font-size: 20px;
    }
    .extra_title {
        font-size: 56px;
    }
    .newsletter {
        padding-bottom: 67px;
    }
    .newsletter_row {
        margin-top: 39px;
    }
    .newsletter_title {
        font-size: 24px;
    }
    .newsletter_input {
        width: calc(100% - 120px);
        height: 40px;
    }
    .newsletter_input::-webkit-input-placeholder {
        font-size: 13px !important;
    }
    .newsletter_input:-moz-placeholder {
        font-size: 13px !important;
    }
    .newsletter_input::-moz-placeholder {
        font-size: 13px !important;
    }
    .newsletter_input:-ms-input-placeholder {
        font-size: 13px !important;
    }
    .newsletter_input::input-placeholder {
        font-size: 13px !important;
    }
    .newsletter_button {
        width: 142px;
        height: 40px;
        font-size: 12px;
    }
    .opening_hours {
        left: auto;
        width: 100%;
    }
}
/************
11. 539px
************/
@media only screen and (max-width: 539px) {}
/************
12. 480px
************/
@media only screen and (max-width: 480px) {}
/************
13. 479px
************/
@media only screen and (max-width: 479px) {}
/************
14. 400px
************/
@media only screen and (max-width: 400px) {}

/* Breadcrumb */

.breadcrumb {
    border: 0;
    border-radius: 0;
    background: #fbf4f6;
    padding: 60px 0;
    margin: 0;
}
.breadcrumb h1 {
    font-size: 35px;
    font-weight: 800;
    color: #000;
    margin-bottom: 8px;
}
.breadcrumb span.title {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
}
.breadcrumb p {
    font-size: 15px;
}
.offset-top {
    margin-top: 117px;
}
@media (max-width: 578px) {
    .offset-top {
        margin-top: 75px;
    }
}

/* Back btn */

.back-btn {
    color: #222;
    margin-bottom: 15px;
    transition: .4s;
    display: inline-block;
    font-weight: 500;
}

.back-btn i {
    padding-right: 5px;
}

.back-btn:hover {
    color: #57ccc3;
}

/* ---------------------- Contact page */

.page-content.contact-page h2 {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 15px;
    margin-top: 0px;
}

.page-content.contact-page h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 10px;
}

.page-content.contact-page p {
    padding-bottom: 10px;
    line-height: 1.7em;
    font-size: 15px;
}

.page-content.contact-page table {
    margin-bottom: 30px;
}

.page-content.contact-page table tr {
    border-bottom: 1px solid #dedede;
}

.page-content.contact-page table tr:last-child {
    border-bottom: 0;
}

.page-content.contact-page table tr td {
    padding: 10px 0px;
}

.page-content.contact-page .contact-form {
    padding: 45px;
    border: 1px solid #dedede;
    border-radius: 10px;
}

.page-content.contact-page .contact-form li {
    list-style: none;
}

@media (max-width: 1200px) {
    .page-content.contact-page .contact-form {
        margin-top: 50px;
    }
}

/*
**
*** Buttons
**
*/

.btn-theme {
    font-weight: 500;
    display: inline-block;
    color: #FFF;
    background: #57ccc3;
    padding: 13px 27px;
    transition: .4s;
    border-radius: 5px;
}

.btn-theme:hover {
    color: #FFF;
    background: #57ccc3;
}

.btn-border {
    background: transparent;
    color: #000;
    border: 1px solid #fd556d;
    transition: .4s;
    border-radius: 5px;
}

.btn-border:hover {
    background: #fd556d;
    color: #FFF;
}

/*
**
*** Section padding
**
*/

.sec-padding {
    padding: 80px 0;
}

.sec-padding-x2 {
    padding: 100px 0;
}

.sec-padding-x3 {
    padding: 120px 0;
}

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

.sec-padding-top-x2 {
    padding-top: 100px;
}

.sec-padding-top-x3 {
    padding-top: 120px;
}

.sec-padding-top-none {
    padding-top: 0;
}

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

.sec-padding-bottom-x2 {
    padding-bottom: 100px;
}

.sec-padding-bottom-x3 {
    padding-bottom: 120px;
}

.sec-padding-bottom-none {
    padding-bottom: 0;
}

@media (max-width: 576px) {
    .sec-padding {
        padding: 40px 0;
    }

    .sec-padding-x2 {
        padding: 50px 0;
    }

    .sec-padding-x3 {
        padding: 60px 0;
    }
}

.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pb-205{padding-bottom:205px}.pb-210{padding-bottom:210px}.pb-215{padding-bottom:215px}.pb-220{padding-bottom:220px}.pb-225{padding-bottom:225px}.pb-230{padding-bottom:230px}.pb-235{padding-bottom:235px}.pb-240{padding-bottom:240px}.pb-245{padding-bottom:245px}.pb-250{padding-bottom:250px}.pb-255{padding-bottom:255px}.pb-260{padding-bottom:260px}.pb-265{padding-bottom:265px}.pb-270{padding-bottom:270px}.pb-275{padding-bottom:275px}.pb-280{padding-bottom:280px}.pb-285{padding-bottom:285px}.pb-290{padding-bottom:290px}.pb-295{padding-bottom:295px}.pb-300{padding-bottom:300px}

/*
**
*** Section margin
**
*/

.sec-margin {
    margin: 80px 0;
}

.sec-margin-x2 {
    margin: 100px 0;
}

.sec-margin-x3 {
    margin: 120px 0;
}

/* ---------------------- Page content styles */

.section-bg {
    background: #fbf4f6;
}

.page-content-style h2 {
    font-size: 30px;
    display: inline-block;
    font-weight: 800;
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative;
    color: #222;
}

.page-content-style h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #222;
}

.page-content-style h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 7px;
    color: #222;
}    

.page-content-style b, .page-content-style strong {
    font-weight: 600;
}

.page-content-style p {
    padding-bottom: 20px;
    line-height: 1.8em;
    font-size: 15px;
    margin: 0;
    color: #222;
    font-weight: 400;
}

.page-content-style ol {
    margin-left: 25px;
    list-style: decimal;
}

.page-content-style ol li {
    padding-bottom: 5px;
    line-height: 1.8em;
    font-size: 15px;
    padding-left: 5px;
    list-style: decimal;
    color: #222;
}

.page-content-style ol > li::marker {
    font-weight: 700;
    color: #57ccc3;
}

.page-content-style ol ul {
    padding-top: 10px;
    padding-bottom: 5px;
}

.page-content-style ul {
    list-style: disc;
    margin-left: 25px;
    padding-bottom: 10px;
}

.page-content-style ul li {
    padding-bottom: 5px;
    line-height: 1.8em;
    font-size: 15px;
    padding-left: 5px;
    list-style: disc;
    color: #222;
}

.page-content-style ul > li::marker {
    font-weight: 700;
    color: #57ccc3;
}

.page-content-style table {
    width: 100%;
    margin-bottom: 40px;
    font-size: 15px;
    color: #222;
}

.page-content-style table tr {
    font-size: 15px;
}

.page-content-style table tr td {
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 16px;
}

.page-content-style #c-settings-btn {
    background: transparent;
    border: none;
    padding: 0;
    border-bottom: 1px solid #000;
}

/* Services */

.services .service-item {
    margin-bottom: 20px;
}
.services .service-inner {
    background: #45454d;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}
.services .service-item:nth-of-type(even) .service-inner {
    background: #e7ccd7;
}
.services .service-item h3 {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    padding: 0;
    margin: 0;
    line-height: 1.4em;
}
.services .service-item:nth-of-type(even) .service-inner h3 {
    color: #222;
}

/* Price list */

.price-item {
    background: #fbf4f6;
    padding: 40px 25px;
}

.price-item h3, .price-item h2, .price-item h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #000
}

.price-item p {
    font-size: 14px;
    line-height: 1.7em;
}

.price-item .price {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: #000;
}

.price-item ol {
    margin-left: 25px;
    list-style: decimal;
}

.price-item ol li {
    padding-bottom: 5px;
    line-height: 1.6em;
    font-size: 15px;
    padding-left: 5px;
    list-style: decimal;
    color: #828282;
}

.price-item ol > li::marker {
    font-weight: 700;
    color: #57ccc3;
}

.price-item ol ul {
    padding-top: 10px;
    padding-bottom: 5px;
}

.price-item ul {
    list-style: disc;
    margin-left: 25px;
    padding-bottom: 10px;
}

.price-item ul li {
    padding-bottom: 5px;
    line-height: 1.6em;
    font-size: 15px;
    padding-left: 5px;
    list-style: disc;
    color: #828282;
}

.price-item ul > li::marker {
    font-weight: 700;
    color: #57ccc3;
}