@font-face {
			font-family: roboto;
			src: url(roboto/Roboto-Regular.ttf);
		}
		* {
			box-sizing: border-box;
		}
		html, body {
			background-color: white;
			text-align: left;
			color: white;
			font-family: roboto, sans-serif;
			font-size: 18px;
			padding: 0;
			margin: 0;
		}
		.main {
			background-color: #349ce0;
			padding: 10px;
			background: linear-gradient(to left, #000, #111, #222, #333, #444, #555, #666, #777, #888, #777, #666, #555, #444, #333, #222, #111, #000);
		}
		.sec {
			
			background-color: #67bdf5;
			color: #333;
			padding: 10px;
			font-size: 100%;
			background: linear-gradient(to left, #000, #111, #222, #333, #444, #555, #666, #777, #888, #777, #666, #555, #444, #333, #222, #111, #000);
		}
		.jkweb {
			background-color: white;
			color: #000;
			padding: 10px;
			font-size: 100%;			
			border-top: 6px solid #da0023;
			background: linear-gradient(to left, #000, #111, #222, #333, #444, #555, #666, #777, #888, #777, #666, #555, #444, #333, #222, #111, #000);
		}
		
		.center {
			margin :auto;
			width: 90%;
			max-width: 800px;
		}
		input[type=text], textarea, button, input[type=submit] {
			border: none;
			background-color: white;
			color: black;
			font-size: 75%;;
			display: block;
			padding: 7px;
			margin: 5px;
			width: 5%;
			text-align: center;
			font-family: sans-serif;
			border-radius:15px 15px;
			box-shadow: 5px 10px 20px #111;			
			-webkit-box-shadow: 5px 10px 20px #111;
			-moz-box-shadow: 5px 10px 20px #111;
		}
		button, input[type=submit] {
			border: none;
			margin: 5px;
			background-color: #da0023;
			color: white;
			border-radius:25px 25px;
			-webkit-box-shadow: 5px 10px 20px #000;
			-moz-box-shadow: 5px 10px 20px #000;
			box-shadow: 5px 10px 20px #000;
		}
		h1 {
			border-bottom: 6px solid  #da0023;
			font-size: 200%;
			text-shadow: 2px 5px 5px #000;
		}
		.desc {
			font-size: 75%;
			border: 10px solid #000;
			padding: 15px;
			background-color: #555;
			color: #fff;
			box-shadow: 5px 10px 20px #111;			
			-webkit-box-shadow: 5px 10px 20px #111;
			-moz-box-shadow: 5px 10px 20px #111;
		}
		.smaller {
			font-size: 80%;
			color: #fff;
			text-shadow: 1px 2px 4px #000;
		}
		.smallerb {
			font-size: 55%;
			border: 6px solid #000;
			background-color: #fff;
			padding: 15px;
			color: #000;
			box-shadow: 5px 10px 20px #111;			
			-webkit-box-shadow: 5px 10px 20px #111;
			-moz-box-shadow: 5px 10px 20px #111;
		}
		.smallerc {
			font-size: 200%;
			border: 0px solid #000;
			background-color: #fff;
			padding: 15px;
			color: #000;
			box-shadow: 5px 10px 20px #111;			
			-webkit-box-shadow: 5px 10px 20px #111;
			-moz-box-shadow: 5px 10px 20px #111;
			text-shadow: 1px 2px 4px #888;
			border-radius:25px 25px;
		}
		.smallera {
			font-size: 70%;
			color: #fff;
			text-shadow: 1px 2px 4px #000;
		}		
		img.logo {
			margin: auto;
			width: 100%;
			max-width: 200px;
			margin: 8px;
		}
		a {
			color: white;
			text-decoration: underline;
		}
		.sec a {
			color: white;
		}
		.jkweb a {
			color: white;
		}
		label {
			font-weight: bold;
		}
		.succ {
			display: none;
		}
		.shariff ul {
			justify-content: center;
			padding: 8px;
		}
		.sec p {
			text-align: justify;
		}
		hr {
			width: 100%;
			height: 8px;
			margin: 0 auto;
			background: #da0023;			
			border: 2px solid #da0023;
		}
		#jkweb2 {
			text-align: center;
		}
		#jkweb3 {
			text-align: right;
			font-size: 75%;
		}
		


		

.quote-preview {
  padding: 15px 0;
  display: inline-block;
  max-width: 1250px;
}
.quote-preview .quote-inner {
  background-color: #f0f0f0;
  display: inline-block;
  max-width: 1250px;
  padding: 15px 40px 100px;
  color: rgb(1, 86, 140);
  font-size: 1.8em;

  -webkit-clip-path: polygon(
    20px 5px,
    calc(100% - 20px) 20px,
    calc(100% - 30px) calc(100% - 80px),
    calc(100% - 80px) calc(100% - 70px),
    calc(100% - 80px) calc(100% - 0px),
    calc(100% - 160px) calc(100% - 80px),
    calc(40px) calc(100% - 70px)
  );
  -moz-clip-path: polygon(
    20px 5px,
    calc(100% - 20px) 20px,
    calc(100% - 30px) calc(100% - 80px),
    calc(100% - 80px) calc(100% - 70px),
    calc(100% - 80px) calc(100% - 0px),
    calc(100% - 160px) calc(100% - 80px),
    calc(40px) calc(100% - 70px)
  );
  -ms-clip-path: polygon(
    20px 5px,
    calc(100% - 20px) 20px,
    calc(100% - 30px) calc(100% - 80px),
    calc(100% - 80px) calc(100% - 70px),
    calc(100% - 80px) calc(100% - 0px),
    calc(100% - 160px) calc(100% - 80px),
    calc(40px) calc(100% - 70px)
  );
  clip-path: polygon(
    20px 5px,
    calc(100% - 20px) 20px,
    calc(100% - 30px) calc(100% - 80px),
    calc(100% - 80px) calc(100% - 70px),
    calc(100% - 80px) calc(100% - 0px),
    calc(100% - 160px) calc(100% - 80px),
    calc(40px) calc(100% - 70px)
  );
}

.quote-preview .quote-inner:before {
  content: '“';
}
.quote-preview .quote-inner:after {
  content: '”';
}
.quote-preview .quote-author {
  float: right;
  font-weight: 600;
  font-size: 1.2em;
  color: #fff;
  max-width: 600px;
}
.quote-author {
	text-shadow: 2px 2px 3px #000;
}

#contmenue {
display:none;
position:fixed;
top:20%;
left:50%;
width:500px;
margin-left:-250px;
text-align: center;
border:6px double #dddddd;
background-color:#000;
border-radius:10px;
padding: 20px;
font-size:18px;
color: #ffffff;
z-index:99999998;
}
 
div#contexmenue {
background:#ffffff;
position: fixed;
display: none;
z-index: 99999999;
padding:5px 11px 2px 11px ;
border-radius:5px;
border:5px double #385a83;
}
div#contexmenue a {
display: block;
margin: 2px;
text-decoration:none !important;
color:#000070;
}
div#contexmenue a:hover{
background:#cccccc;
}