/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
    padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

/* Set core body defaults */
body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
    list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
    max-width: 100%;
    display: block;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
    margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}


/* 01 General Style */

body{width: 100%; height: 100%; font-family: 'Avenir'; background: #0f1b3b; color: white;}
.container{position: relative; width: 100%; height: 100vh; overflow: hidden;}
.container .child{position: absolute; width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden;}
.container .child .itm{width: calc(100% / 3); text-align: center; float: left; overflow: hidden; padding: 0 20px;}
.container .child .itm .logo-main{width: 30%; margin: 0 auto 50px;}
.container .child .itm .logo-main1{display: none;}

.container .child .itm h1{
    margin: 50px 0;
    border: 5px solid;
    border-image-slice: 1;
    border-width: 3px; border-image-source: linear-gradient(to left, #ffc761, #ce6228);
}

.container .child .itm p{margin: 20px 0;}
.container .child .itm form{width: 90%; margin: 0 auto;}
.container .child .itm form input{width: 100%; margin: 10px 0; background: none; color: white;
    padding: 5px 10px;
    border: 2px solid;
    border-image-slice: 1;
    border-width: 1px; border-image-source: linear-gradient(to left, #ffc761, #ce6228);
}
.container .child .itm form input[type='submit']{width: auto; display: inline; float: left;}
.container .child .itm a{color: #999999; text-decoration: none; float: right; padding: 20px 0;}
.cta-right{width: 40%; margin:50px 0;}
::placeholder{color: white;}
/* end 01 General style */


@media (max-width:1023px) {
    .container{position: relative; width: 100%; height: auto; overflow: hidden;}

    .container .child{position: relative; width: 100%; top: inherit; left: inherit; transform: none; overflow: hidden;}
    .container .child .itm{width: 100%; float: inherit; padding: 0 20px; margin: 50px 0;}
    .fr{float: right !important;}
    .fl{float: left !important;}
    .container .child .itm .logo-main{display: none;}

    .container .child .itm .logo-main1{width: 30%; margin: 0 auto 50px; display: block;}

}