/*
Theme Name: Landing
Theme URI: https://lmf.dev.codevision.eu/
Author: CodeVision
Author URI: https://codevision.eu/
Description: Project theme landing page
Tags: no scroll, contact, save data, gdpr
Version: 1.0
*/
@font-face {
            font-family: 'kanit';
            src: url('./assets/fonts/kanit-medium-webfont.eot');
            src: url('./assets/fonts/kanit-medium-webfont.eot?#iefix') format('embedded-opentype'),
                url('./assets/fonts/kanit-medium-webfont.woff2') format('woff2'),
                url('./assets/fonts/kanit-medium-webfont.woff') format('woff'),
                url('./assets/fonts/kanit-medium-webfont.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;

        }
        @font-face {
            font-family: 'kanitblack';
            src: url('./assets/fonts/kanit-black-webfont.eot');
            src: url('./assets/fonts/kanit-black-webfont.eot?#iefix') format('embedded-opentype'),
                url('./assets/fonts/kanit-black-webfont.woff2') format('woff2'),
                url('./assets/fonts/kanit-black-webfont.woff') format('woff'),
                url('./assets/fonts/kanit-black-webfont.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;

        }
        @font-face {
            font-family: 'kanitbold';
            src: url('./assets/fonts/kanit-bold-webfont.eot');
            src: url('./assets/fonts/kanit-bold-webfont.eot?#iefix') format('embedded-opentype'),
                url('./assets/fonts/kanit-bold-webfont.woff2') format('woff2'),
                url('./assets/fonts/kanit-bold-webfont.woff') format('woff'),
                url('./assets/fonts/kanit-bold-webfont.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;

        }
        @font-face {
            font-family: 'kanitregular';
            src: url('./assets/fonts/kanit-regular-webfont.eot');
            src: url('./assets/fonts/kanit-regular-webfont.eot?#iefix') format('embedded-opentype'),
                url('./assets/fonts/kanit-regular-webfont.woff2') format('woff2'),
                url('./assets/fonts/kanit-regular-webfont.woff') format('woff'),
                url('./assets/fonts/kanit-regular-webfont.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;

        }
        @font-face {
            font-family: 'kanitlight';
            src: url('./assets/fonts/kanit-light-webfont.eot');
            src: url('./assets/fonts/kanit-light-webfont.eot?#iefix') format('embedded-opentype'),
                url('./assets/fonts/kanit-light-webfont.woff2') format('woff2'),
                url('./assets/fonts/kanit-light-webfont.woff') format('woff'),
                url('./assets/fonts/kanit-light-webfont.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;

        }
        @font-face {
            font-family: 'kanitthin';
            src: url('./assets/fonts/kanit-thin-webfont.eot');
            src: url('./assets/fonts/kanit-thin-webfont.eot?#iefix') format('embedded-opentype'),
                url('./assets/fonts/kanit-thin-webfont.woff2') format('woff2'),
                url('./assets/fonts/kanit-thin-webfont.woff') format('woff'),
                url('./assets/fonts/kanit-thin-webfont.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;

        }
        html{
            height: 100%;
        }
        *{
            box-sizing: border-box;
        }
        body{
            margin: 0;
            height: 100%;
        }
        .full-screen{
            height: 100%;
            width: 100%;
            padding: 25vh 10vw;
            background: url(assets/img/landing-page-LMF-2.jpg);
            background-size: cover;
            overflow: hidden;
        }
        .container-main{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
        .right-part {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 50vw;
            height: 50vh;
        }
        .left-part img {
            margin-left: auto;
            padding-right: 70px;
            width: auto;
            display: block;
            width: 530px;
        }
        .left-part {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 50vw;
            height: 50vh;
        }
        .right-part > *{
            margin-right: auto;
            display: flex;
        }
        .right-part > p{
            font-size: 100px;
            letter-spacing: 8px;
            font-weight: 700;
            font-family: "kanitbold";
            text-transform: uppercase;
            display: block;
            margin: 0px 0px 10px 0px;
        }
        .right-part p .white{
            color: #ffffff;
            -webkit-text-stroke: .1pt rgb(255, 255, 255);
        }
        .right-part p .transparent{
            color: transparent;
            -webkit-text-stroke: 1px rgb(255, 255, 255);
        }
        .m-reverse {
            display: flex;
            flex-direction: column;
        }
        .social{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            margin-bottom: 30px;
        }
        .social img{
            height: 55px;
            width: 55px;
            display: block;
            display: flex;
            justify-content: center;
            flex-direction: column;
            padding: 5px;
            border-radius: 15px;
        }
        .social span:first-of-type{
            margin-left: 20px;
            font-size: 30px;
            letter-spacing: 3px;
            color: #ffffff;
            font-weight: 600;
            font-family: "kanitthin";
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
        .social span:last-of-type{
            font-size: 30px;
            letter-spacing: 3px;
            color: #ffffff;
            font-weight: 600;
            font-family: "kanitlight";
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
        .form-container{
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left: 0;
            min-height: 105px;
        }
        div#wpcf7-f5-o1{
            min-height: 82px;
        }
        form.wpcf7-form{
            min-height: 50px;
        }
        .form-container > p{
            font-size: 23px;
            letter-spacing: 5px;
            color: #ffffff;
            font-weight: 600;
            font-family: "Kanit";
            text-transform: uppercase;
            display: flex;
            margin: 0;
        }
        form.wpcf7-form.init > p:after {
          content: "";
          display: table;
          clear: both;
        }
        form.wpcf7-form.init > p > br{
            display: none;
        }
        input {
            -webkit-appearance: none;
            -webkit-border-radius:0; 
            border-radius:0;
        }
        input#inlineFormInputName2 {
            outline: none!important;
            border: none!important;
            width: 325px;
            height: 50px;
            background-color: #ffffff;
            font-size: 18px;
            letter-spacing: 3px;
            color: #adadad;
            font-weight: 200;
            font-style: italic;
            font-family: "kanitlight";
            padding: 10px;
            box-sizing: border-box;
            border-radius: 0!important;
        }
        input.wpcf7-form-control.wpcf7-submit.btn-primary {
            margin-left: 15px;
            width: 170px;
            height: 50px;
            background-color: #00a651;
            text-transform: uppercase;
            font-size: 18px;
            letter-spacing: 3px;
            color: #ffffff;
            font-weight: 700;
            font-family: "Kanit";
            display: flex;
            flex-direction: row;
            justify-content: center;
            text-align: center;
            text-decoration: none;
            appearance: none;
            border: none;
            cursor: pointer;
            border-radius: 0!important;
            float: left;
        }
        .wpcf7-form-control-wrap{
            float: left;
        }
        .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
            color: #ffffff;
            width: min-content;
            min-width: 300px;
            margin: 0;
            padding: 10px 2px;
            position: absolute;
        }
        .wpcf7-form.sent > p, .wpcf7-form.invalid > p{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
        }
        .wpcf7 form.sent .wpcf7-response-output{
            color: #ffffff;
            padding: 10px 2px;
            margin: 0;
            position: absolute;
        }
        .wpcf7-response-output {
            position: fixed!important;
            top: 0;
            bottom: 0;
            width: 300px!important;
            max-height: 100px;
            margin: auto!important;
            left: 0;
            right: 0;
            background: #0B2443;
            display: flex;
            justify-content: center;
            flex-direction: column;
            text-align: center;
        }
        .wpcf7 .ajax-loader{
            position: fixed;
        }
        .wpcf7-not-valid-tip{
            display: none!important;
        }
        .screen-reader-response {
            display: none;
        }
        .screen-reader-response > p {
            color: #97D269;
        }
        @media screen and (max-width: 1600px){
            .full-screen{
                padding: 20% 7.5%;
            }
            .container-main {
                height: 100%;
            }
            .left-part, .right-part{
                height: 60%;
                width: 50%;
            }
        }
        @media screen and (max-width: 1300px){
            input#inlineFormInputName2, input.wpcf7-form-control.wpcf7-submit.btn-primary{
                height: 40px;
            }
        }
        @media screen and (max-width: 1220px){
            .full-screen {
                padding: 20vh 5vw;
            }
            .left-part {
                width: 45%;
            }
            .right-part {
                width: 55%;
            }
            .right-part > p {
                font-size: 85px;
            }
            .social img {
                height: 45px;
                width: 45px;
            }
            .social span:first-of-type, .social span:last-of-type{
                font-size: 25px;
            }
            .form-container > p {
                font-size: 20px;
            }
            input#inlineFormInputName2 {
                width: 305px;
                font-size: 17px;
            }
            input.wpcf7-form-control.wpcf7-submit.btn-primary {
                width: 150px;
                font-size: 16px;
            }
            .left-part img {
                width: 450px;
                padding-right: 50px;
            }
        }
        @media screen and (max-width: 992px){
            .full-screen {
                padding: 10vh 0;
            }
            .container-main {
                height: 100%;
                flex-direction: column;
            }
            .left-part, .right-part {
                width: 100%;
                height: 50%;
            }
            .left-part {
                justify-content: flex-end;
            }
            .left-part img {
                width: auto;
                padding-right: 0;
                margin: 0 auto;
                max-height: 45vh;
                padding-bottom: 25px;
            }
            .right-part > p {
                font-size: 60px;
                text-align: center;
                height: 20vh;
                display: block;
                margin: 0;
                line-height: 50px;
            }
            .m-reverse {
                margin: 0 auto;
                flex-direction: column-reverse;
                height: 20vh;
                justify-content: flex-start;
            }
            .form-container > p {
                font-size: 17px;
                text-align: center;
                margin: 0 auto;
                letter-spacing: 2px;
            }
            input#inlineFormInputName2 {
                width: 240px;
                font-size: 14px;
            }
            input.wpcf7-form-control.wpcf7-submit.btn-primary {
                width: 120px;
                font-size: 11px;
                margin-left: 5px;
            }
            .social {
                margin-bottom: 0;
                width: fit-content;
                margin: 0 auto;
            }
            .social img {
                height: 40px;
                width: 40px;
            }
            .social span:first-of-type, .social span:last-of-type {
                font-size: 18px;
            }
        }
        @media screen and (max-width: 575px){
            html, body{
                overflow: hidden;
                height: 100%;
            }
            #wrapper{
                height: 100%;
                overflow: hidden;
            }
        }
        @media screen and (max-width: 420px){
            .left-part{
                height: 35vh;
            }
            .right-part {
                height: 45vh;
            }
            .right-part > p{
                height: 25vh;
            }
            .right-part > p {
                font-size: 60px;
                letter-spacing: 0;
                line-height: 50px;
            }
            .form-container > p {
                font-size: 17px;
                letter-spacing: 0;
            }
            input#inlineFormInputName2 {
                width: 200px;
                font-size: 14px;
                letter-spacing: 1px;
            }
            input.wpcf7-form-control.wpcf7-submit.btn-primary {
                width: 100px;
                font-size: 12px;
                letter-spacing: 1px;
                margin-left: 5px;
            }
            .social span:first-of-type, .social span:last-of-type {
                font-size: 18px;
                letter-spacing: 1px;
            }
            .social img {
                height: 35px;
                width: 35px;
                border-radius: 10px;
            }
            .left-part img {
                max-height: 40vh;
            }
        }
        @media screen and (max-width: 375px){
            #wrapper {
                padding: 5% 0;
            }
            .container-main {
                height: 100%;
            }
            .left-part {
                height: 50%;
            }
            .right-part {
                height: 50%;
            }
            .right-part > p {
                font-size: 50px;
                letter-spacing: 0;
                line-height: 40px;
            }
        }
        @media screen and (max-width: 320px){
            .right-part > p {
                font-size: 35px;
                letter-spacing: 0;
                line-height: 30px;
            }
            div#wpcf7-f5-o1 {
                min-height: 66px;
            }
        }