/*
Theme Name: OnToolz
Text Domain: ontoolz
Version: 1.0.33
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Lanading Website for OnToolz
Tags: one-column, landing-page, ontoolz
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
html, body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}
div {
    box-sizing: border-box;
}
@keyframes shake {
    0% { transform: translate(1px, 0px); }
    10% { transform: translate(-3px, 0px); }
    20% { transform: translate(-8px, 0px); }
    30% { transform: translate(8px, 0px); }
    40% { transform: translate(3px, 0px); }
    50% { transform: translate(-3px, 0px); }
    60% { transform: translate(-8px, 0px); }
    70% { transform: translate(8px, 0px); }
    80% { transform: translate(-3px, 0px); }
    90% { transform: translate(3px, 0px); }
    100% { transform: translate(1px, 0px); }
}
@keyframes rotate{
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.wpcf7-form.invalid .wpcf7-not-valid {
    border-color: #D30000;
    animation: shake 0.5s;
    animation-iteration-count: 1;
}
.wpcf7-list-item.shake .wpcf7-list-item-label::before {
    animation: shake 0.5s;
    animation-iteration-count: 1;
}
.wpcf7-form input.shake {
    animation: shake 0.5s;
    animation-iteration-count: 1;    
}
.form-section .wpcf7 form .wpcf7-response-output {
    display: none !important;
}
.wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 16px;
    color: #D30000;
    margin-top: 3px;
    display: none;
}
.wpcf7-not-valid-tip::after {
    content: " ";
    position: absolute;
    right: 18px;
    top: 18px;
    width: 20px;
    height: 20px;
    background-image: url('./assets/images/warning.svg');
}
div{
    box-sizing: border-box;
}
div.wpcf7 .ajax-loader{
    display: none;
}
.form-section .btn.button.fake-submit {
    min-width: 142px;
}
.form-section .btn.button.fake-submit.loader{
    color: transparent;
}
.form-section .btn.button.fake-submit.loader::after {
    content: " ";
    width: 24px;
    height: 24px;
    background-image: url('./assets/images/arc-loader.svg');
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -12px;
    animation: rotate 0.5s;
    animation-iteration-count: infinite;
} 
.image-with-text .image-part img {
    transform: scale(0.5);
    transition: all 1.5s ease;
}

.viewed .image-with-text .image-part img {
    transform: scale(1);
}
.page-slider {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.page-slider .slider-container {
    height: 100%;
    width: 100%;
}
.d-flex {
    display: flex;
    flex-wrap: wrap;
}
.slider-container .page-slide {
    overflow: hidden;
}
.page-slide-wrap, .page-content-wrap {
    padding-top: 55px;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    /*overflow: hidden;*/
    position: relative;
    height: 100%;
}
.footer-section .page-content-wrap {
    padding-top: 0;
}
.text-image{
    align-items: center;
}
.image-with-text{
    align-items: center;
}
.text-image .text-part {
    width: 50%;
    padding-top: 0;
}
.text-image .image-part {
    width: 50%;
    text-align: right;
}
.image-with-text .image-part {
    width: 50%;
}
.image-with-text .text-part {
    width: 50%;
}
.text-image .image-part img{ 
    max-width: 100%;
}
.page-front  .text-image .image-part img{
    max-width: 110%;
}
.page-front .text-image .image-part img {
    margin-top: -10px;
    margin-left: -10%;
    margin-bottom: -50px;    
    height: calc(100vh - 180px);
    object-fit: contain;
    cursor: pointer;
}
.image-with-text .image-part img {
    width: 80%; 
    -webkit-user-drag: none;
}
.image-with-text.left-image .image-part {
    text-align: left;
}
.image-with-text.right-image .image-part {
    text-align: right;
}
.image-with-text .page-title {
    font-weight: bold;
    font-size: 42px;
    line-height: 48px;
    color: #141414;
    margin: 0;
}
.image-with-text .text-part p {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
}
.slider-title {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 42px;
    line-height: 56px;
    color: #000000;
    margin: 0;
}
.text-yellow {
    color: #FFA400;
    font-weight: bold;
}
.text-gray {
    color: #ADADAD;
    font-weight: bold;
    font-size: 30px;
}
 p {
    font-family: 'Roboto', sans-serif;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    line-height: 32px;
}
 p .text--bigger {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 5px;
    display: inline-block;
}
.bottom-links .slide-links{
    max-width: 320px;
}
.box-slide-content {
    position: absolute;
    max-width: 1110px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}
.box-slide-content .image-with-text {
    width: 100%;
}
.slider-container .page-slide {
    height: 100%;
    position: relative;
}
.slider-container .slider-wrap-box {
    position: relative;
    user-select: none;
}
.bottom-links.desctop-only .slide-links {
    width: 100%;
}
.bottom-links .slide-links {
    justify-content: space-between;
}
.bottom-links .slide-links a{
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-transform: capitalize;
    color: #000000;
    cursor: pointer;
    text-decoration: none;
}
.bottom-links .slide-links a::after {
    content: " ";
    width: 14px;
    height: 14px;
    background-image: url('./assets/images/arrow-right.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
 .form-section input[name="your-email"]{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.6);
    width: 368px;
    height: 56px;
    border: 1px solid rgba(0, 0, 0, 0.87);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 20px;
    outline: none;
    color: #000000;
    width: 100%;
}
.form-section input[name="your-email"]:active {
    outline: none;
} 
.form-section .btn.button.fake-submit {
    background: #FFA400;
    border-radius: 4px;
    border-radius: 4px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    vertical-align: middle;
    margin-left: 20px;
    position: relative;
}
.form-section .btn.button.fake-submit:focus {
    outline: none;
} 
 .form-section input[type="submit"] {
    background: #FFA400;
    border-radius: 4px;
    height: 64px;
    width: 180px;
    border-radius: 4px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    vertical-align: middle;
    margin-left: 20px;
}
.form-section .wpcf7-list-item {
    position: relative;
}
.form-section .wpcf7-list-item input{
    display: none;
}
.form-section .wpcf7-list-item .wpcf7-list-item-label {
    padding-left: 10px;
    font-size: 14px;
}
.form-section .wpcf7-list-item .wpcf7-list-item-label::before {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url('./assets/images/ic_check_blank.svg');
    background-position: center;
    background-size: contain;
    position: absolute;
    left: -16px;
    top: 6px;
    cursor: pointer;
}
.form-section .wpcf7-list-item input:checked + .wpcf7-list-item-label::before{
    background-image: url('./assets/images/ic_check_checked.svg');
} 
.header-part .back-arrow {
    position: relative;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: inline-block;
    padding-left: 50px;
    cursor: pointer;
    z-index: 1;
}
.header-part .back-arrow::before  {
    content: ' ';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 26px;
    height: 26px;
    background-image: url('./assets/images/arrow-left.svg');
    background-position: center;
    background-size: contain;
}
.header-part img {
    height: 41px;
}
 .form-section .wpcf7-form-control-wrap{
    display: inline-block;
    position: relative;
}
.form-section  .input-section {
    display: flex;
    align-items: flex-start;
}
/* .form-section .wpcf7 form .wpcf7-response-output {
    float: left;
    margin: 0;
    margin-bottom: 20px;
    margin-top: -30px;
} */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    display: none !important;
} 
.form-section {
    margin-bottom: 10vh;
}
.space-between {
    justify-content: space-between;
}
.footer-section .page-content-wrap{
    padding-top: 34px;
    height: 80px;
    border-top: 1px solid #E0E0E0;
}
.page-template-page-tradesman .footer-section, .page-template-page-employer .footer-section{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #ffffff;
    display: none;
}
.footer-section .right-reserved {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    align-items: center;    
    color: #000000;
}
.footer-section .footer-link {
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.38);
    margin-left: 20px;
}
.footer-section .footer-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 15px;
}
.footer-section .social-media-list a{
    text-decoration: none;
    display: inline-block;
}
.footer-section .twitter-icon {
    background-image: url('./assets/images/twitter.svg');
}
.footer-section .twitter-icon:hover {
    background-image: url('./assets/images/twitter-active.svg');
}
.footer-section .facebook-icon {
    background-image: url('./assets/images/facebook.svg');
}
.footer-section .facebook-icon:hover {
    background-image: url('./assets/images/facebook-active.svg');
}
.footer-section .instagram-icon {
    background-image: url('./assets/images/instagram.svg');
}
.footer-section .instagram-icon:hover {
    background-image: url('./assets/images/instagram-active.svg');
}
.btn.button{
    background: #FFA400;
    border-radius: 4px;
    padding: 20px 24px;
    border: none;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    outline: none;
}
.btn.button:focus, .btn.button:active {
    outline: none;
}
.mobile-only{
    display: none;
}
.header-for-popup {
    text-align: right;
}
.slider-header-bar {
    position: absolute;       
    top: 0;
    width: 100%;
    z-index: 5;
}
.main {
    min-height: calc(100vh - 80px);
}
.slider-header-bar .page-content-wrap {
    background-color: #ffffff;
    padding-bottom: 20px;
}
.slider-header-bar a {
    color: rgba(0, 0, 0, 0.87);
}
.header-for-popup .closed-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('./assets/images/close.svg');
    vertical-align: middle;
    margin-left: 15px;
    position: absolute;
    top: 28px;
    right: 28px;
    cursor: pointer;
}
.header-for-popup .title {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
    margin-left: 40px;
    vertical-align: middle;
}
.mobile-small-submit {
    display: none;
}
.content-section .page-content-wrap {
    min-height: calc(100vh - 180px);
}
.content-section .page-content-wrap .title {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
    text-align: left;
    margin-top: 0;
    margin-bottom: 40px;
}
.content-section .page-content-wrap .title a {
    margin-right: 40px;
    text-decoration: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-bottom: 30px;
    float: left;
}
.content-section .page-content-wrap p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.6);
}
.entry-content {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.444444px;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 60px;
}
.entry-content  a {
    color: #FFA400;
}
 .form-section > .form-container {
    display: none;
} 
#popover-lock {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.87);
    opacity: 0.8;
    display: none;
    z-index: 20;
}
 .form-section > .form-container, #gift_popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    padding: 30px 12px;
    width: 840px;
    height: 440px;
    margin: auto;
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07), 0px 6px 30px rgba(0, 0, 0, 0.06), 0px 8px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    z-index: 100;
} 
.form-container .successs-block {
    display: none;
}
.form-container .flex-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.form-container .form-title {
    font-weight: bold;
    font-size: 36px;
    line-height: 56px;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 15px;
}
.form-container .form-description {
    font-size: 16px;
    line-height: 24px;
    max-width: 540px;
    text-align: center;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.6);
    opacity: 0.87;
    margin: auto;
    margin-bottom: 30px;
}
.page-front .text-image .text-part {
    min-height: 415px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 7vh;
}
.bottom-links.desctop-only {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.bottom-links.desctop-only p {
    margin-bottom: 8px;
    width: 100%;
}
.text-image .text-part .top-content {
    width: 100%;
}
.mobile-desktop-submit {
    display: none;
}
.google-play-container {
    display: block;
    width: 40%;
    background-image: url('./assets/images/google-play-badge-en.svg');
    background-repeat: no-repeat;
}
.button-google-play {
    min-width: 180px;
    min-height: 54px;
    max-width: 160px;
    max-height: 54px;
    display: block;
    background-image: url('./assets/images/get-it-on-google-play.png');
    background-position: center;
    background-size: 180px 54px;
    background-repeat: no-repeat;
}
.button-google-play.ru {
    background-image: url('./assets/images/google-play-badge-ru.svg');
}
.bottom-links .slide-links {
    max-width: 290px;
}
.bottom-links .slide-links.longest {
    max-width: 320px;
}
.header-part .beta-text {
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.6);
    vertical-align: top;
}
.show-top-header {
    border-radius: 4px;
    background-color: #fcfcfc;
    padding: 18px 23px;
    border: solid 1px #e0e0e0;
    display: block;
    align-items: center;
    position: absolute;
    top: 45px;
    right: 0;
    width: calc(100% - 300px);
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.15px;
    opacity: 0;
}
.show-top-header.animation {
    animation: shake 0.7s;
    animation-iteration-count: 1;
}
.show-top-header b{
    font-weight: 500;
}
.show-top-header .gift-icon {
    width: 20px;
    height: 20px;
    margin-right: 14px;
    margin-bottom: -3px;
}
#gift_popup {
    display: none;
}
#gift_popup .image-block img {
    max-width: 100%;
    width: 369px;
}
#gift_popup .image-block {
    width: 46%;
}
#gift_popup .content-block {
    width: 54%;
    padding-left: 15px;
}
#gift_popup .flex-container {
    padding: 0;
    align-items: center;
}
#gift_popup .flex-container h3{
    font-size: 24px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.87);
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 13px;
    max-width: 290px;
}
#gift_popup .flex-container h3.ru {
    font-size: 24px;
    line-height: 32px;
    max-width: 340px;
}
#gift_popup .content-block .link{
    /* Button / Roboto Medium */
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #FFA400;
    text-decoration: none;
}
#gift_popup .content-block .message-text {
    margin-top: 0;
    margin-bottom: 28px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    max-width: 342px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);

}
#gift_popup .content-block .google-play-block {
    margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
    .image-with-text .text-part {
        padding-top: 5%;
    }
     .slider-title {
        font-size: 42px;
        line-height: 48px;
    }
      .form-section {
        margin-bottom: 5%;
    } 
     p .text--bigger {
        font-size: 22px;
        line-height: 28px;
    }

     .form-section input[name="your-email"], .form-section input[type="submit"] {
        height: 56px;
    } 
    
    .page-front .text-image .image-part img {
        max-width: 100%;
    }
}
@media screen and (max-width: 992px) {
     .page-slide-wrap, .page-content-wrap {
        padding-top: 30px;
    }
     .header-part img{
        height: 36px;
        margin: auto;
    }
    .page-template-page-home .header-part, .blog .header-part, .error404 .header-part {
        text-align: center;
    }
    .desctop-only {
        display: none;
    }

    .show-top-header {
        position: static;
        width: calc(100% + 16px);
        margin-bottom: 50px;
        text-align: center;
        padding: 20px 16px;
        margin-top: -15px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        margin-left: -8px;
        margin-right: -8px;
    }

    .show-top-header.ru {
        padding: 10px 15px;
    }

    .show-top-header b {
        display: inline-block;
    }


    .show-top-header .gift-icon {
        width: 18px;
        height: 18px;
        margin-right: 4px;
        position: relative;
        margin-left: -18px;
        top: -3px;
        vertical-align: middle;
    }
    
    .text-image .image-part img, .image-with-text .image-part img {
        max-height: 60vh;
    }
    #page-slide-1 .text-image .image-part img{
        max-height: 80vh;
    }
    .image-with-text .text-part {
        padding-top: 0;
    }
     .slider-title {
        font-size: 24px;
        line-height: 30px;
    }
     p .text--bigger {
        font-size: 16px;
        line-height: 24px;
    }
     p {
        font-size: 16px;
        line-height: 24px;
    }
    
     .form-section > .form-container .wpcf7 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
    } 
    .mobile-only{
        display: block;
    }
    
     .form-section input[name="your-email"] {
        max-width: 360px;
        width: 100%;
    } 
    .header-for-popup {
        display: block;
    }

    .form-section .wpcf7-list-item .wpcf7-list-item-label::before {
        top: 2px;
    } 
    .image-with-text .page-title {
        font-size: 32px;
        line-height: 36px;
    }
    .image-with-text .text-part p {
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        color: rgba(0, 0, 0, 0.6);
    }
    .bottom-links.desctop-only {
        display: none
    }
    .page-front .text-image .text-part {
        min-height: auto;
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
     p .text--bigger {
        margin-bottom: 0;
    }
    #page-slide-1 .text-image .image-part img {
        margin-top: 0;
        max-height: 100vh;
        margin-right: 0;
    }

     .form-section > .form-container, #gift_popup {
        width: 100%;
        height: 100%;
        border-radius: 0;
    } 
    .btn.button {
        padding: 16px 24px;
    }
     .form-section input[name="your-email"] {
        height: 48px;
        padding: 14px 20px;
    } 
    .footer-section .twitter-icon:hover {
        background-image: url('./assets/images/twitter.svg');
    }
    .footer-section .facebook-icon:hover {
        background-image: url('./assets/images/facebook.svg');
    }
    .footer-section .instagram-icon:hover {
        background-image: url('./assets/images/instagram.svg');
    }
    .main{
        min-height: auto;
    }

    
}


@media screen and (max-width: 568px) {
    .main{
        min-height: auto;
    }
    .text-image .text-part, .image-with-text .text-part {
        width: 100%;
    }

    
    .show-top-header > div {
        max-width: 305px;
        margin-left: auto;
        margin-right: auto;
    }

    .text-image .image-part, .image-with-text .image-part{
        width: 100%;
    }
    .slider-title {
        text-align: center;
    }
    .image-with-text.right-image .image-part {
        text-align: center;
    }
    .text-image .text-part {
        padding-top: 40px;
    }
    
    #gift_popup .image-block {
        display: none;
    }

    #gift_popup .content-block {
        width: 100%;
        text-align: center;
        margin-top: -50%;
        padding: 0;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    #gift_popup .flex-container h3 {
        font-size: 24px;
        line-height: 36px;
        max-width: 232px;
        margin-left: auto;
        margin-right: auto;
    }

    #gift_popup .flex-container h3.ru {
        font-size: 24px;
        line-height: 30px;
    }

    #gift_popup .content-block .google-play-block {
        margin-bottom: 40px;
    }

    #gift_popup .content-block .link {
        font-size: 14px;
        line-height: 16px;
    }

    #gift_popup .content-block .message-text {
        max-width: 298px;
        margin-left: auto;
        margin-right: auto;
    }

    #gift_popup {
        background-image: url('./assets/images/bottom-image.png');
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 100%;
    }

    .fake-submit {

    }
    .footer-section {
        display: block;
    }
    .mobile-small-submit {
        display: inline-block;
    }
     .form-section button.mobile-small-submit {
        margin-left: 0;
        margin-top: 25px;
        padding-top: 16px;
        padding-bottom: 16px;
        height: 48px;
        width: 120px;
        background: #FFA400;
        border-radius: 4px;
        padding: 16px;
        border: none;
        font-weight: bold;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        letter-spacing: 0.75px;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.87);
        cursor: pointer;
    } 
     p .text--bigger {
        text-align: center;
        font-size: 16px;
        line-height: 28px;
    }
     .form-section .btn.button {
        display: block;
        margin: auto;
    } 
    #page-slide-1 .text-image .image-part img{ 
        max-height: 50vh;
        margin-bottom: 40px;
    }
    .text-image .image-part, .image-with-text .image-part{
        text-align: center;
    }
    .bottom-links p{
        text-align: center;
    }
     .bottom-links{
        margin-left: auto;
        margin-right: auto;
    }
    .bottom-links .slide-links{
        justify-content: space-around;
        margin: auto;
    }
    .image-with-text.left-image .image-part {
        text-align: center;
    }
    .image-with-text .image-part{
        padding-bottom: 6vh;
    }
    .image-with-text .image-part img{
        max-height: 40vh;
    }
    .text-image .text-part, .image-with-text .text-part {
        text-align: center;
    }
    .image-with-text:not(.left-image) {
        flex-direction: column-reverse;
    }
    .bottom-links {
        margin-top: -5%;
    }
     .form-section .input-section {
        justify-content: center;
    }
    .form-section .wpcf7-list-item {
        font-size: 14px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.6);
        width: 100%;
        text-align: left;
        margin-left: 1.5em;
        margin-bottom: 8px;
    } 
    .image-with-text .page-title {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .form-section .wpcf7-list-item .wpcf7-list-item-label::before {
        left: -18px;
        top: 5px;
    } 
    .form-container .flex-container {
        align-items: flex-start;
        padding-top: 50px;
    }
    .form-section .wpcf7-list-item .wpcf7-list-item-label {
        display: inline-block;
    } 
   .form-section > .form-container form {
        max-width: 330px;
        margin: auto;
    }
    .footer-section .page-content-wrap {
        height: 165px;
    }
    .footer-section .page-content-wrap .d-flex.space-between{
        flex-direction: column-reverse;
    }
    .page-content-wrap .social-media-list {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
    .footer-section .page-content-wrap {
        padding-top: 24px;
    }
    .footer-section .page-content-wrap  .left-part span,  .footer-section .page-content-wrap  .left-part a{
        display: block;
        text-align: center;
        margin-bottom: 1vh;
    }
    .footer-section .page-content-wrap  .left-part span {
        margin-bottom: 2vh;
    }
    /* .form-section .btn.button.fake-submit {
        display: none;
    } */
    .form-container .form-title{
        font-weight: 500;
        font-size: 24px;
        line-height: 24px;
    }
    .form-container .form-description{
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.5px;
        color: rgba(0, 0, 0, 0.6);
        opacity: 0.87;
    }
    /* .form-section .wpcf7-list-item .wpcf7-list-item-label{
        max-width: 85%;
    } */
    .image-with-text .page-title {
        font-size: 24px;
        line-height: 32px;
    }
    .page-slide:last-child .image-with-text {
        margin-top: -40px;
    }
    .page-template-page-tradesman .footer-section, .page-template-page-employer .footer-section{
        position: static;
    }
    .bottom-links.mobile-only {
        margin-bottom: 40px;
    }
    .box-slide-content .image-with-text {
        margin-top: 65px;
    }
}
@media screen and (max-width: 375px) {
    .image-with-text .image-part img {
        max-height: 30vh;
    }
    
    .image-with-text .text-part p{
        font-size: 16px;
        line-height: 24px;
    }
}

.form-section {
    display: flex;
  }
  @media (max-width: 1049px) {
    .form-section {
      flex-direction: column;
    }
  }
  @media (max-width: 568px) {
    .form-section {
      align-items: center;
    }
  }
  
  .google-play-btn {
    display: block;
  }
  
  .custom-email-ios-form {
    display: flex;
  }
  .custom-email-ios-form br {
    display: none !important;
  }
  .custom-email-ios-form p {
    margin: 0;
    display: flex;
    line-height: normal;
    flex-direction: row-reverse;
    font-size: 15px;
    height: 54px;
    position: relative;
    font-family: 'Roboto',sans-serif;
  }
  @media (max-width: 568px) {
    .custom-email-ios-form p {
      flex-direction: column-reverse;
      height: auto;
      align-items: center;
    }
  }
  @media (min-width: 1050px) {
    .custom-email-ios-form p {
      margin-left: 21px;
    }
  }
  @media (min-width: 912px) {
    .form-section input[type="submit"] {
        margin-left: 0;
    }
  }
  @media (min-width: 768px) {
    .form-section input[type="submit"] {
        margin-left: 0;
    }
  }
  @media (min-width: 912px) {
    .button-google-play {
        margin-bottom: 10px;
    }
  }
  @media (min-width: 768px) {
    .button-google-play {
        margin-bottom: 10px;
    }
  }
  @media (max-width: 568px) {
    .button-google-play {
        margin-bottom: 0px;
    }
  }
  .custom-email-ios-form .wpcf7 input[type=url], .custom-email-ios-form .wpcf7 input[type=email], .custom-email-ios-form .wpcf7 input[type=tel] {
    width: 100%;
    background: none;
    padding: 0;
    border: none;
    border-bottom: 1px solid #E0E0E0;
    border-right: none;
    outline: none;
    border-radius: 0;
    transition: 0.3s all;
    padding-left: 5px;
    position: relative;
    height: 54px;
    font-family: 'Roboto',sans-serif;
    padding-top: 15px;
  }
  @media (min-width: 967px) {
    .custom-email-ios-form .wpcf7 input[type=url], .custom-email-ios-form .wpcf7 input[type=email], .custom-email-ios-form .wpcf7 input[type=tel] {
        margin-left: 10px;
    }
  }
  @media (max-width: 568px) {
    .custom-email-ios-form .wpcf7 input[type=url], .custom-email-ios-form .wpcf7 input[type=email], .custom-email-ios-form .wpcf7 input[type=tel] {
        text-align: center;
        max-width: 180px;
    }
  }
  .custom-email-ios-form .wpcf7 input[type=url]:focus, .custom-email-ios-form .wpcf7 input[type=email]:focus, .custom-email-ios-form .wpcf7 input[type=tel]:focus {
    box-shadow: none !important;
    outline: none !important;
  }
  .custom-email-ios-form .wpcf7-not-valid-tip {
    position: absolute;
  }
  .custom-email-ios-form .wpcf7-spinner {
    position: absolute;
    right: -55px;
    top: 23px;
  }
  .custom-email-ios-form .wpcf7 input[type=submit] {
    color: transparent;
    border-radius:6px;
    border: 1px solid black;
    padding: 0 15px;
    background-color: white;
    background-image: url('./assets/images/app-store-logo.png');
    background-size: 180px 54px;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 54px;
    cursor: pointer;
  }
  @media (max-width: 568px) {
    .custom-email-ios-form .wpcf7 input[type=submit] {
      font-size: 12px;
      min-width: 180px;
      min-height: 54px;
      max-width: 180px;
      max-height: 54px;
      margin: 0;
      margin-top: 20px;
    }
  }
  
  .mr-10 {
    margin-right: 10px;
  }
  @media (max-width: 767px) {
    .mr-10 {
      margin-bottom: 20px;
    }
  }
  .img-h {
    width: 170px;
    height: 54px;
    display: inline-block;
  }
  @media (min-width: 1024px) {
    .fz-40 {
      font-size: 34px !important;
    }
    .fz-33 {
      font-size: 28px !important;
    }
  
  }
  @media (min-width: 997px) {
    .fz-40 {
      font-size: 34px;
    }
    .fz-33 {
      font-size: 28px;
    }
  
  }
  @media (min-width: 767px) {
    .fz-40 {
      font-size: 25px;
    }
    .fz-33 {
      font-size: 21px;
    }
  
  }
  @media (max-width: 568px) {
    .fz-33 {
      font-size: 20px;
    }
  
  }
  @media (max-width: 568px) {
    .fz-33 {
      inline-size: 350px;
      overflow-wrap: break-word;
      margin: 0 auto;
    }
  }
  .form-section .wpcf7 form .wpcf7-response-output {
    border: none !important;
    color: green;
  }
  .wpcf7 form .wpcf7-response-output {
    margin: 0.5em 0.5em 1em;
  }
  .failure-send {
    border-bottom: 1px solid red !important;
  }
  
  .failure-send::-moz-placeholder {
    color: red !important;
    font-size: 12px !important;
  }
  
  .failure-send:-ms-input-placeholder {
    color: red !important;
    font-size: 12px !important;
  }
  
  .failure-send::placeholder {
    color: red !important;
    font-size: 12px !important;
  }
  
  .succes-send {
    border-bottom: 1px solid #E0E0E0 !important;
  }
  
  .succes-send::-moz-placeholder {
    color: #4e4e4e !important;
    font-size: 12px !important;
  }
  
  .succes-send:-ms-input-placeholder {
    color: #4e4e4e !important;
    font-size: 12px !important;
  }
  
  .succes-send::placeholder {
    color: #4e4e4e !important;
    font-size: 12px !important;
  }
  .wpcf7-date {
    display: none !important;
  }