html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}

ol,ul {
    list-style:none;
    margin:0;
    padding:0
}

blockquote,q {
    quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
    content:'';
    content:none
}

table {
    border-collapse:collapse;
    border-spacing:0
}

a {
    text-decoration:none
}

.txt-rt {
    text-align:right
}

.txt-lt {
    text-align:left
}

.txt-center {
    text-align:center
}

.float-rt {
    float:right
}

.float-lt {
    float:left
}

.clear {
    clear:both
}

.pos-relative {
    position:relative
}

.pos-absolute {
    position:absolute
}

.vertical-base {
    vertical-align:baseline
}

.vertical-top {
    vertical-align:top
}

nav.vertical ul li {
    display:block
}

nav.horizontal ul li {
    display:inline-block
}

img {
    max-width:100%
}

html,body {
    padding:0;
    margin:0;
    background:#fff;
    font-family:'Open Sans',sans-serif
}

body a {
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
    text-decoration:none
}

body a:hover {
    text-decoration:none
}

body a:focus,a:hover {
    text-decoration:none
}

select,input[type="email"],input[type="text"],input[type=password],input[type="button"],input[type="submit"],textarea {
    font-family:'Open Sans',sans-serif;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all
}

h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
    font-family:'Montserrat',sans-serif;
    letter-spacing:1px
}

p {
    margin:0;
    padding:0;
    letter-spacing:1px;
    font-family:'Open Sans',sans-serif
}

ul {
    margin:0;
    padding:0
}

body {
    box-sizing:border-box;
    background:#fff;
    min-height:100vh
}

.w3layouts-two-grids {
    width:82%;
    margin:0 auto
}

.mid-class,.main-two-w3ls {
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
}

h1.error {
    text-align:center;
    color:#000;
    text-transform:uppercase
}

.img-right-side {
    text-align:center;
    flex-basis:65%;
    -webkit-flex-basis:65%;
    box-sizing:border-box
}

.txt-left-side {
    flex-basis:35%;
    -webkit-flex-basis:35%;
    box-sizing:border-box;
    text-align:center;
    background:#fff;
    box-shadow:0 0 10px 1px #ccc
}

.img-right-side h3,.txt-left-side h2 {
    text-transform:uppercase;
    color:#000;
    letter-spacing:0
}

.img-right-side p {
    font-size:13.5px;
    color:#908c8c;
    letter-spacing:0;
    line-height:24px;
    margin-bottom:48px
}

.form-left-to-w3l {
    display:flex;
    display:-webkit-flex;
    border:none;
    border-bottom:1px solid #a5a2a2;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all
}

.form-left-to-w3l input[type="text"],.form-left-to-w3l input[type="email"],.form-left-to-w3l input[type="password"] {
    -webkit-flex-basis:90%;
    flex-basis:90%;
    width:100%;
    color:#000;
    border:none;
    border-left:1px solid #a5a2a2;
    outline:none;
    -webkit-appearance:none;
    background:transparent;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
    box-sizing:border-box
}

.form-left-to-w3l:hover {
    border-bottom:1px solid #67e878
}

.form-left-to-w3l:hover span {
    color:#67e878
}

.form-left-to-w3l:hover.form-left-to-w3l input[type="email"],.form-left-to-w3l:hover.form-left-to-w3l input[type="password"],.form-left-to-w3l:hover.form-left-to-w3l input[type="text"] {
    border-left:1px solid #67e878
}

.form-left-to-w3l span {
    -webkit-flex-basis:15%;
    flex-basis:15%;
    border:none;
    text-align:center;
    color:#ccc;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all
}

button[type=submit] {
    background:#67e878;
    outline:none;
    color:#fff;
    font-weight:600;
    border:none;
    letter-spacing:1px;
    text-transform:uppercase;
    cursor:pointer;
    width:100%;
    border-radius:10px;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -o-transition:0.5s all;
    -moz-transition:0.5s all;
    -ms-transition:0.5s all;
    box-shadow:0 0 8px 0 #60f574
}

button[type=submit]:hover,a.for:hover,.w3layouts_more-buttn a:hover {
    opacity:.8
}

::-webkit-input-placeholder {
    color:#b7b6b6
}

::-moz-placeholder {
    color:#b7b6b6
}

:-ms-input-placeholder {
    color:#b7b6b6
}

:-moz-placeholder {
    color:#b7b6b6
}

input.checked {
    position:absolute;
    top:3px;
    left:0;
    cursor:pointer
}

.left-side-forget {
    position:relative
}

.remenber-me,a.for {
    color:#757272;
    letter-spacing:0;
    text-transform:capitalize
}

.remenber-me {
    margin-left:31px
}

.left-side-forget,.right-side-forget {
    flex-basis:50%;
    -webkit-flex-basis:50%;
    text-align:left;
    box-sizing:border-box
}

.w3layouts_more-buttn h3 {
    color:#a0a0a0;
    letter-spacing:0;
    font-weight:800
}

.w3layouts_more-buttn a {
    font-size:13px;
    color:#e80000;
    font-weight:700;
    text-decoration:none;
    margin-left:10px;
    text-transform:capitalize;
    display:inline-block;
    letter-spacing:0;
    outline:none
}

.copyrigh-wthree {
    text-align:center
}

.copyrigh-wthree p {
    color:#000
}

.copyrigh-wthree p a {
    color:#60baaf;
    font-size:14px;
    font-weight:800
}

@media(max-width:1920px) {
    h1.error {
        padding-top:65px;
        margin-bottom:50px;
        font-size:55px
    }

    .img-right-side h3,.txt-left-side h2 {
        font-size:25px;
        margin-bottom:37px
    }

    .remenber-me,a.for {
        font-size:13px
    }

    .img-right-side,.txt-left-side {
        padding:5.5em 5em 3.5em
    }

    .form-left-to-w3l input[type="text"],.form-left-to-w3l input[type="email"],.form-left-to-w3l input[type="password"] {
        font-size:16px;
        padding-left:25px
    }

    .form-left-to-w3l {
        margin:0 0 36px;
        padding-bottom:17px
    }

    .form-left-to-w3l span {
        font-size:25px
    }

    .w3layouts_more-buttn h3 {
        font-size:15px
    }

    .copyrigh-wthree {
        padding:4em 0em 4.5em
    }

}

@media(max-width:1680px) {
    h1.error {
        padding-top:58px;
        margin-bottom:47px;
        font-size:52px
    }

    .img-right-side h3,.txt-left-side h2 {
        font-size:23px;
        margin-bottom:35px
    }

    .remenber-me,a.for {
        font-size:12px
    }

    .img-right-side,.txt-left-side {
        padding:4.5em 4.5em 3em
    }

    .form-left-to-w3l input[type="text"],.form-left-to-w3l input[type="email"],.form-left-to-w3l input[type="password"] {
        font-size:15px;
        padding-left:23px
    }

    .form-left-to-w3l {
        margin:0 0 35px;
        padding-bottom:15px
    }

    .form-left-to-w3l span {
        font-size:23px
    }

    .w3layouts_more-buttn h3 {
        font-size:14px
    }

    .copyrigh-wthree {
        padding:3.5em 0em 4.5em
    }

}

@media(max-width:1600px) {
    h1.error {
        padding-top:54px;
        margin-bottom:43px;
        letter-spacing:3px;
        font-size:49px
    }

    .img-right-side h3,.txt-left-side h2 {
        font-size:22px;
        margin-bottom:34px
    }

    .remenber-me,a.for {
        font-size:11px
    }

    .img-right-side,.txt-left-side {
        padding:3.5em 4em 2.5em
    }

    .form-left-to-w3l input[type="text"],.form-left-to-w3l input[type="email"],.form-left-to-w3l input[type="password"] {
        font-size:14px;
        padding-left:20px
    }

    .form-left-to-w3l {
        margin:0 0 33px;
        padding-bottom:14px
    }

    .form-left-to-w3l span {
        font-size:21px
    }

    .w3layouts_more-buttn h3 {
        font-size:13px
    }

    .copyrigh-wthree p {
        font-size:14px;
        letter-spacing:3px
    }

    .copyrigh-wthree {
        padding:3em 0em 4.5em
    }

    button[type=submit] {
        font-size:15px;
        padding:19px 20px;
        margin:53px 0
    }

    .right-side-forget {
        text-align:right
    }

}

@media(max-width:1440px) {
    h1.error {
        padding-top:51px;
        margin-bottom:41px;
        font-size:47px
    }

    .img-right-side h3,.txt-left-side h2 {
        font-size:21px
    }

    .img-right-side,.txt-left-side {
        padding:3em 3.5em 2.3em
    }

    .w3layouts-two-grids {
        width:85%
    }

    button[type=submit] {
        padding:17px 20px
    }

}

@media(max-width:1366px) {
    .form-left-to-w3l {
        margin:0 0 30px;
        padding-bottom:13px
    }

    .img-right-side h3,.txt-left-side h2 {
        margin-bottom:29px
    }

    button[type=submit] {
        margin:50px 0
    }

}

@media(max-width:1280px) {
    h1.error {
        padding-top:49px;
        margin-bottom:38px;
        font-size:43px
    }

    .img-right-side,.txt-left-side {
        padding:2.5em 3em 2.3em
    }

    .w3layouts-two-grids {
        width:88%
    }

    .form-left-to-w3l span {
        font-size:18px
    }

    .form-left-to-w3l input[type="text"],.form-left-to-w3l input[type="email"],.form-left-to-w3l input[type="password"] {
        padding-left:16px
    }

    button[type=submit] {
        margin:47px 0
    }

    .img-right-side p {
        margin-bottom:39px
    }

}

@media(max-width:1080px) {
    .copyrigh-wthree p {
        letter-spacing:2px
    }

    .img-right-side,.txt-left-side {
        padding:2.5em 2.5em 2em
    }

    .form-left-to-w3l {
        margin:0 0 26px
    }

    .w3layouts-two-grids {
        width:92%
    }

    .copyrigh-wthree {
        padding:2.5em 0em 4em
    }

    h1.error {
        font-size:41px
    }

    .img-right-side h3,.txt-left-side h2 {
        margin-bottom:27px
    }

}

@media(max-width:1050px) {
    .img-right-side h3,.txt-left-side h2 {
        font-size:20px
    }

    .img-right-side p {
        margin-bottom:33px
    }

    .remenber-me,a.for {
        font-size:11px
    }

    .w3layouts_more-buttn h3 {
        font-size:12px
    }

    .w3layouts_more-buttn a {
        font-size:12px
    }

}

@media(max-width:1024px) {
    .mid-class {
        flex-direction:column
    }

    .w3layouts-two-grids {
        width:51%
    }

    h1.error {
        padding-top:47px;
        margin-bottom:9px
    }

    .form-left-to-w3l {
        margin:0 0 24px;
        padding-bottom:11px
    }

    button[type=submit] {
        margin:42px 0
    }

}

@media(max-width:991px) {
    h1.error {
        font-size:38px
    }

    .img-right-side,.txt-left-side {
        padding:2.3em 2.2em 1.8em
    }

    button[type=submit] {
        padding:14px 20px
    }

}

@media(max-width:900px) {
    h1.error {
        padding-top:45px
    }

    .form-left-to-w3l span {
        font-size:16px
    }

    .form-left-to-w3l input[type="text"],.form-left-to-w3l input[type="email"],.form-left-to-w3l input[type="password"] {
        padding-left:14px
    }

    button[type=submit] {
        margin:39px 0
    }

}

@media(max-width:800px) {
    .w3layouts-two-grids {
        width:58%
    }

    .img-right-side,.txt-left-side {
        padding:2em 2em 1.6em
    }

}

@media(max-width:768px) {
    .w3layouts-two-grids {
        width:61%
    }

    button[type=submit] {
        font-size:14px
    }

    .copyrigh-wthree p {
        letter-spacing:1px
    }

}

@media(max-width:767px) {
    h1.error {
        font-size:36px;
        letter-spacing:2px
    }

    .img-right-side h3,.txt-left-side h2 {
        margin-bottom:23px
    }

}

@media(max-width:736px) {
    .w3layouts-two-grids {
        width:64%
    }

    .img-right-side p {
        margin-bottom:31px
    }

    .form-left-to-w3l {
        margin:0 0 21px
    }

}

@media(max-width:667px) {
    .w3layouts-two-grids {
        width:69%
    }

    h1.error {
        padding-top:42px
    }

}

@media(max-width:640px) {
    .w3layouts-two-grids {
        width:72%
    }

    h1.error {
        font-size:34px
    }

    button[type=submit] {
        margin:36px 0
    }

}

@media(max-width:600px) {
    .w3layouts-two-grids {
        width:78%
    }

    button[type=submit] {
        padding:12px 20px;
        font-size:13px
    }

}

@media(max-width:568px) {
    .w3layouts-two-grids {
        width:81%
    }

    .img-right-side,.txt-left-side {
        padding:1.8em 1.8em 1.4em
    }

    .form-left-to-w3l {
        padding-bottom:9px
    }

}

@media(max-width:480px) {
    h1.error {
        font-size:30px;
        padding-top:38px
    }

    .w3layouts-two-grids {
        width:94%
    }

    .img-right-side h3,.txt-left-side h2 {
        font-size:19px
    }

}

@media(max-width:440px) {
    h1.error {
        font-size:27px;
        padding-top:35px;
        letter-spacing:1px
    }

    .copyrigh-wthree p a {
        line-height:35px
    }

}

@media(max-width:414px) {
    button[type=submit] {
        margin:29px 0
    }

    .form-left-to-w3l {
        margin:0 0 21px
    }

}

@media(max-width:384px) {
    h1.error {
        font-size:24px
    }

    .img-right-side,.txt-left-side {
        padding:1.5em 1.5em 1.4em
    }

}

@media(max-width:375px) {
    .form-left-to-w3l {
        margin:0 0 19px;
        padding-bottom:7px
    }

    h1.error {
        font-size:22px
    }

}

@media(max-width:320px) {
    .img-right-side h3,.txt-left-side h2 {
        font-size:17px
    }

    h1.error {
        letter-spacing:0;
        font-size:21px
    }

    .form-left-to-w3l input[type="text"],.form-left-to-w3l input[type="email"],.form-left-to-w3l input[type="password"] {
        font-size:13px
    }

}