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%;font:inherit;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;}



/* start editing from here */

a{text-decoration:none;}

.txt-rt{text-align:right;}



/* text align right */

.txt-lt{text-align:left;}
#button{width: 33%;background: #000;display: inline; padding: 19.7px 13px;margin-top: 20px;font-family: 'Alegreya Sans', sans-serif;font-family: Generalsans, sans-serif;border-radius: 10px;border: none;color: #fff;text-transform: uppercase;font-weight: bold;cursor: pointer;box-sizing: content-box;font-size: 18px;}
#pass{border-radius: 10px;text-align: center;font-family: Generalsans, sans-serif;font-size: 14px;box-shadow: none;}
.grid h3.mota{font-family: Generalsans, sans-serif;font-size: 18px;margin-bottom: 20px;}
.grid h3.mota a{color: #fff;}
/* text align left */

.txt-center{text-align:center;}



/* text align center */

.float-rt{float:right;}



/* float right */

.float-lt{float:left;}



/* float left */

.clear{clear:both;}



/* clear float */

.pos-relative{position:relative;}



/* Position Relative */

.pos-absolute{position:absolute;}



/* Position Absolute */

.vertical-base{vertical-align:baseline;}



/* vertical align baseline */

.vertical-top{vertical-align:top;}



/* vertical align top */

.underline{padding-bottom:5px;border-bottom:1px solid #eee;margin:0 0 20px 0;}



/* Add 5px bottom padding and a underline */

nav.vertical ul li{display:block;}



/* vertical menu */

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



/* horizontal menu */

img{max-width:100%;}



/*end reset*/

body{background:url(../images/nen.jpg) no-repeat top center, #83421C;background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;font-family:"Open Sans",arial,sans-serif;font-weight:300;font-family: Generalsans, sans-serif;font-weight: 400;}

.wrap{width:80%;margin:0px auto;}

.content{background:url(../images/logo1.svg) no-repeat top center;height: 100vh; display: flex;flex-wrap: wrap;align-content: center;width: 100%;background-size: auto 24%;}

.content-grid{text-align:center;}

input[type="text"]{font-family:'Alegreya Sans',sans-serif;border:none;-webkit-border-radius:3px 33px 33px 3px;border-radius:10px 33px 33px 10px;color:rgba(85,85,85,0.85);font-size:1.1em;display:inline;padding:19.7px 13px;background:#f5f5f5;border-top:2px solid #000;outline:none;width:33%;box-shadow:0px 11px 34px #111;vertical-align:middle;}

form{margin-bottom:0;text-align:center;width:100%;}

.content-grid p img{text-align:center;z-index:-9999;margin-top:-11em;}

.grid{text-align:center;margin-top:0;}

.grid h3{font-family:'Petit Formal Script',cursive;color:#FFF;display:block;padding-bottom:15px;font-size:1.6em;font-weight:600;text-align:center;}

.footer{}

.footer p.a{display:block;line-height:1.8em;text-align:center;margin-top:4em;}

.footer p{font-family:'Titillium Web',sans-serif;color:rgba(14,151,243,0.63);display:block;font-size:1em;font-weight:100;line-height:1.8em;text-align:center;margin-top:1em;text-shadow:0px 1px 0px rgba(255,250,250,0.09);}

.footer p.a a{color:#000;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;font-weight:900;}

.footer p a{color:#0E97F3;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}

.footer p a:hover{color:#fff;}

.btn{background:#0d7ec4; /* Old browsers */background:-moz-linear-gradient(top,#0d7ec4 0%,#0a76b9 19%,#035b98 52%,#045a93 100%); /* FF3.6+ */background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0d7ec4),color-stop(19%,#0a76b9),color-stop(52%,#035b98),color-stop(100%,#045a93)); /* Chrome,Safari4+ */background:-webkit-linear-gradient(top,#0d7ec4 0%,#0a76b9 19%,#035b98 52%,#045a93 100%); /* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top,#0d7ec4 0%,#0a76b9 19%,#035b98 52%,#045a93 100%); /* Opera 11.10+ */background:-ms-linear-gradient(top,#0d7ec4 0%,#0a76b9 19%,#035b98 52%,#045a93 100%); /* IE10+ */background:linear-gradient(to bottom,#0d7ec4 0%,#0a76b9 19%,#035b98 52%,#045a93 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d7ec4',endColorstr='#045a93',GradientType=0); /* IE6-9 */cursor:pointer;padding:29px 29px;display:inline-block;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;vertical-align:middle;margin-left:-67px;text-indent:-9999px;margin-top:2.8px;outline:none;width:42px;height:14px;border:none;}

.btn:after{content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

button span{background:url(../images/arrow.png) repeat-x -8px -4px;height:14px;width:21px;display:block;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;top:23px;position:absolute;left:18px;outline:none;}



/* Button 4 */

.btn-4{border-radius:50px;border:4px solid #0E2955;color:#fff;overflow:hidden;}

.btn-4:active{color:#17954c;}

button span:hover{background:url(../images/arrow.png) repeat-x 32px -4px;height:14px;width:21px;display:block;outline:none;border:none;}

.btn-4:before{position:absolute;left:70%;display:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

.btn-4:active:before{color:#17954c;left:20%;opacity:0;top:20px;}



/*-----start-responsive-design------*/

@media only screen and (max-width:1366px) and (min-width:1280px){

	.wrap{width:95%;}

	.content-grid p img{margin-top:-8em;}

}

@media only screen and (max-width:1280px) and (min-width:1024px){

	.wrap{width:95%;}

	input[type="text"]{width:37%;}

	.content-grid p img{margin-top:-8em;}

}

@media only screen and (max-width:1024px) and (min-width:768px){

	.wrap{width:95%;}

	.grid p{margin-top:1em;}

	.footer p.a{margin-top:4em;}

	input[type="text"]{width:45%;}

	.content-grid p img{margin-top:-8em;}

}

@media only screen and (max-width:768px) and (min-width:480px){

	.wrap{width:95%;}

	.content-grid p{margin-top:5.9em;}

	.grid p{margin-top:0em;}

	.grid p img{width:80%;margin-top:1em;}

	.grid h3{font-size:1em;}

	input[type="text"]{font-size:0.8em;padding:19.7px 13px;width:57%;}

	.btn{padding:25px 25px;margin-left:-61px;margin-top:2.8px;}

	.footer p.a{margin-top:4em;margin-bottom:0em;}

	.footer p{margin-bottom:1em;}

	button span{top:18px;left:14px;}

}

@media only screen and (max-width:480px) and (min-width:320px){

	.wrap{width:95%;}

	.content-grid p img{margin-top:-2em;width:300px;text-align:center;}

	.content-grid{text-align:center;margin:0px auto;}

	.grid{margin-top:0em;}

	.grid p{margin-top:0em;}

	.grid p img{width:283px;margin-top:0.3em;}

	.grid h3{font-size:0.9em;}

	input[type="text"]{font-size:0.9em;padding:10.7px 13px;width:72%;}

	.btn{padding:18px 18px;margin-left:-48px;margin-top:2.8px;}

	.footer p.a{margin-top:2.7em;margin-bottom:0em;}

	.footer p.a a img{margin-bottom:0em;width:100px;}

	.footer p{margin-bottom:1em;margin-top:0.8em;font-size:0.9em;}

	button span:hover{background:url(../images/arrow.png) repeat-x 32px -4px;height:14px;width:21px;}

	button span{background:url(../images/arrow.png) repeat-x -9px -4px;height:14px;width:21px;top:12px;left:8px;}

}

@media only screen and (max-width:320px) and (min-width:240px){

	.grid p img{width:100%;margin-top:0em;}

	.content-grid p{margin-top:3em;}

	.grid p{margin-top:0em;}

	.grid h3{font-size:1em;}

	input[type="text"]{font-size:0.9em;padding:10.7px 13px;width:72%;}

	.btn{padding:18px 18px;margin-left:-48px;margin-top:2.8px;}

	.footer p.a{margin-top:2.5em;margin-bottom:0em;}

	.footer p{margin-bottom:1em;}

	button span:hover{background:url(../images/arrow.png) repeat-x 32px -4px;height:14px;width:21px;}

	button span{background:url(../images/arrow.png) repeat-x -9px -4px;height:14px;width:21px;top:12px;left:8px;}

	.content-grid p img{margin-top:-4.6em;}

	.wrap{width:95%;}

}