@import url("https://fonts.googleapis.com/css?family=Ubuntu+Condensed");
li, 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, center, dl, dt, dd, ol, ul, 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, submit {
	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, label {display: block;}	
.btn {background: #fff; color:#194A7A; padding: 3px;   font-size: 16px; font-weight:bold;  cursor: pointer; outline: 0; border: 0px;   margin: 5px 0;}	
.btn:hover {color:#7593af; }
.bt, .bt1,.bt1a  {  margin-top: 5px; padding: 10px; border: 1px solid #C9D2E0; border-radius: 3px; -webkit-transition: border 0.2s; transition: border 0.2s; color: #747A84;
  text-align:center; font-size: 12pt; }
.bt{ width:45px; margin-right: 20px;}
.bt1{  width:49%; }	
.bt1a{ width:200px; }
.ban {background: #FFFF00; position:absolute;  text-align:center; left: 50%;  top: 50%; transform: translate(-50%, -50%);  padding: 25px;  border: 1px solid #FF0000; }

.sub1 {padding:4px;  border:none; text-decoration: none; color: white; margin-top: 1px; font-size: 17px;}
.log {right:20px; position: absolute;top: 0; z-index: 10002; border: solid 1px #006e8b;}
.cpk { position:absolute;top: 16px; color:white; left: 50%; transform: translate(-50%, -50%);z-index: 10002;}
.kom4 {width: 200px; height: 110px;   float:left; padding:2px; font-size:13px;  margin-right:3px;   margin-top:3px;  line-height:18px; overflow:auto;  border: solid 1px #006e8b; }
.next,.check,.edit,.info,.prev{ background-position: 3px 7px ; background-repeat: no-repeat; width: 50px; height: 50px;   background-color: #fff; cursor: pointer; outline: 0; border: 0px;}
.check{background-image: url("/img/check.png");}
.next {background-image: url("/img/next.png");}
.edit {background-image: url("/img/edit.png");}
.info {background-image: url("/img/info.png");}
.prev {background-image: url("/img/prev.png");}

.check1{background-image: url("/img/check.png"); background-position: 0px 7px ; background-repeat: no-repeat; width: 40px; height: 40px;  background-color:#DADADA; cursor: pointer; outline: 0; border: 0px;}


.button, .button1 {
letter-spacing: 1px;	
 margin: 10px 0;
 padding: 7px 14px 7px 14px;
  border: none;
  border-radius: 3px;
  background-color: #7593AF;
  color: #fff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-size: 11pt;
}
.button1 {width:49%;  font-size: 11pt;padding: 7px 14px 7px 14px;}
.button:hover, .button1:hover {background-color:#476F95; outline: 0;}
.button { width: 100%;}
.button2 { width: 100%; margin: 10px 0; padding: 5px;   font-size: 18px;}


.fields {
  width: 100%;
  margin: 0 auto;
  margin-top: 5px;
  padding: 10px;
  border: 1px solid #C9D2E0;
  border-radius: 3px;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
  text-align:center;
  font-size: 12pt;
}
textarea {width:100%;   margin: 0 auto; padding: 5px;border: 1px solid #C9D2E0;}

.fields:focus, textarea:focus {
  outline: 0;
  border: 0.5px solid #96CA2D;
}


 .box  {background-color: #007b9d; color: white; padding: 7px 14px 7px 14px; width: 150px; height:2.75em; 
border: none; font-size: 13.5px; outline: none; margin: 5px 0; }
.box::before {position: absolute;top: 0;right: 0;width: 20%;height: 100%;font-size: 18px;line-height: 45px; pointer-events: none;}
.box select option {padding: 25px;}
.box:focus{background-color:#7593af;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:none;}
table { width:100%; margin-top: 15px;   border: solid 1px #006e8b; }
th, td {width: calc(6em * 1 * 5);text-align: left; padding: 5px;  border-right: 2px solid #BEBEBE; letter-spacing: 0.9px; font-size: 0.85em; }
tr:nth-child(even){background-color: #f2f2f2}
th {background-color:#DADADA; text-align:center; }
ul {list-style: square; line-height: 30px;}
br{content: "A" !important;display: block !important; margin-bottom: 0.2em !important;}
body {line-height: 1;}
ol, ul {list-style: none;}
li {line-height: 27px;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body {webkit-text-size-adjust: none;}
mark {background-color: transparent; color: inherit;}
label {margin-top: 30px; font-size:0.9em;  }
/* Basic */
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body {background-color: #e3e9dc;font-size: 14.5pt;font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}
h1, h2, h3, h4 {color: #007897;font-weight: normal;}

h2 {font-size: 1.2em;margin-bottom: 1em;}
h3, h4 {color: #3d3d3d;margin-bottom: 0.5em;}
h3 {font-size: 1.1em;margin-bottom: 0.8em;}
h4 {font-size: 1em;}
ul {margin-bottom: 0.9em;}
p {line-height: 1.35em;
	/*text-align: justify; text-justify: inter-word; */
	}
strong {color: #474e43; font-weight:bold; opacity:0.8;}
img.left, table.left {float: left; margin: 2px 1.25em 0 0;}
img.top, table.top {margin: 4px 0 2.25em 0;}
a {color: #0033FF;text-decoration: none;}
a:hover {color: #0000FF;text-decoration: none;}
* > p:last-child {margin-bottom: 0 !important;}
section, article {margin: 0 0 60px 0;line-height:26px;}
section:last-child, article:last-child {margin-bottom: 0;}

/* Container */
.container {margin: 0 auto;max-width: 100%;width: 1200px;min-height:35px;}
	
	

		@media screen and (max-width: 1680px) {
			.container {width: 1200px;}
        }

		@media screen and (max-width: 1280px) {
			.container {width: calc(100% - 70px);}
		}

		@media screen and (max-width: 980px) {
			.container {width: calc(100% - 100px);}
		}

		@media screen and (max-width: 736px) {
			.container {width: calc(100% - 40px);}
		}

/* Row */

.row,.row1 {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
.row1 {padding:10px;line-height:27px;}
.row > * {box-sizing: border-box;}
.row.gtr-uniform > * > :last-child {margin-bottom: 0;}
.row.aln-left {justify-content: flex-start;}
.row.aln-center {justify-content: center;}
.row.aln-right {justify-content: flex-end;}
.row.aln-top {align-items: flex-start;}
.row.aln-middle {align-items: center;}
.row.aln-bottom {align-items: flex-end;}
.row > .imp {order: -1;}
.row > .col-1 {width: 8.33333%;}
.row > .off-1 {margin-left: 8.33333%;}
.row > .col-2 {width: 16.66667%;}
.row > .off-2 {margin-left: 16.66667%;}
.row > .col-3 {width: 25%;}
.row > .off-3 {margin-left: 25%;}
.row > .col-4 {width: 33.33333%;text-justify: auto;}
.row > .off-4 {margin-left: 33.33333%;}
.row > .col-5 {width: 41.66667%;}
.row > .off-5 {margin-left: 41.66667%;}
.row > .col-6 {width: 50%;}
.row > .off-6 {margin-left: 50%;}
.row > .col-7 {width: 58.33333%;}
.row > .off-7 {margin-left: 58.33333%;}
.row > .col-8 {width: 66.66667%;}
.row > .off-8 {margin-left: 66.66667%;}
.row > .col-9 {width: 75%;}
.row > .off-9 {margin-left: 75%;}
.row > .col-10 {width: 83.33333%;}
.row > .off-10 {margin-left: 83.33333%;}
.row > .col-11 {width: 91.66667%;}
.row > .off-11 {margin-left: 91.66667%;}
.row > .col-12 {width: 100%;line-height:25px;}
.row > .off-12 {margin-left: 100%;}
.row.gtr-0 {margin-top: 0px;margin-left: 0px;}
.row.gtr-0 > * {padding: 0px 0 0 0px;}
.row.gtr-0.gtr-uniform {margin-top: 0px;}
.row.gtr-0.gtr-uniform > * {padding-top: 0px;}
.row.gtr-25 {margin-top: -12.5px;margin-left: -12.5px;}
.row.gtr-25 > * {padding: 12.5px 0 0 12.5px;}
.row.gtr-25.gtr-uniform {margin-top: -12.5px;}
.row.gtr-25.gtr-uniform > * {padding-top: 12.5px;}
.row.gtr-50 {margin-top: -25px;margin-left: -25px;}
.row.gtr-50 > * {padding: 25px 0 0 25px;}
.row.gtr-50.gtr-uniform {margin-top: -25px;}
.row.gtr-50.gtr-uniform > * {padding-top: 25px;}
.row {margin-top: -50px;margin-left: -50px;}
.row > * {padding: 50px 0 0 50px;}
.row.gtr-uniform {margin-top: -50px;}
.row.gtr-uniform > * {padding-top: 50px;}
.row.gtr-150 {margin-top: -75px;margin-left: -75px;}
.row.gtr-150 > * {padding: 75px 0 0 75px;}
.row.gtr-150.gtr-uniform {margin-top: -75px;}
.row.gtr-150.gtr-uniform > * {padding-top: 75px;}
.row.gtr-200 {margin-top: -100px;margin-left: -100px;}
.row.gtr-200 > * {padding: 100px 0 0 100px;}
.row.gtr-200.gtr-uniform {margin-top: -100px;}
.row.gtr-200.gtr-uniform > * {padding-top: 100px;}

		@media screen and (max-width: 1680px) {
    .row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
    .row > * {box-sizing: border-box;}
    .row.gtr-uniform > * > :last-child {margin-bottom: 0;}
    .row.aln-left {justify-content: flex-start;}
    .row.aln-center {justify-content: center;}
    .row.aln-right {justify-content: flex-end;}
    .row.aln-top {align-items: flex-start;}
    .row.aln-middle {align-items: center;}
    .row.aln-bottom {align-items: flex-end;}
    .row > .imp-xlarge {order: -1;}
    .row > .col-1-xlarge {width: 8.33333%;}
    .row > .off-1-xlarge {margin-left: 8.33333%;}
    .row > .col-2-xlarge {width: 16.66667%;}
    .row > .off-2-xlarge {margin-left: 16.66667%;}
    .row > .col-3-xlarge {width: 25%;}
    .row > .off-3-xlarge {margin-left: 25%;}
    .row > .col-4-xlarge {width: 33.33333%;}
    .row > .off-4-xlarge {margin-left: 33.33333%;}
    .row > .col-5-xlarge {width: 41.66667%;}
    .row > .off-5-xlarge {margin-left: 41.66667%;}
    .row > .col-6-xlarge {width: 50%;}
    .row > .off-6-xlarge {margin-left: 50%;}
    .row > .col-7-xlarge {width: 58.33333%;}
    .row > .off-7-xlarge {margin-left: 58.33333%;}
    .row > .col-8-xlarge {width: 66.66667%;}
    .row > .off-8-xlarge {margin-left: 66.66667%;}
    .row > .col-9-xlarge {width: 75%;}
    .row > .off-9-xlarge {margin-left: 75%;}
    .row > .col-10-xlarge {width: 83.33333%;}
    .row > .off-10-xlarge {margin-left: 83.33333%;}
    .row > .col-11-xlarge {width: 91.66667%;}
    .row > .off-11-xlarge {margin-left: 91.66667%;}
    .row > .col-12-xlarge {width: 100%;}
    .row > .off-12-xlarge {margin-left: 100%;}
    .row.gtr-0 {margin-top: 0px;margin-left: 0px;}
    .row.gtr-0 > * {padding: 0px 0 0 0px;}
    .row.gtr-0.gtr-uniform {margin-top: 0px;}
    .row.gtr-0.gtr-uniform > * {padding-top: 0px;}
    .row.gtr-25 {margin-top: -12.5px;margin-left: -12.5px;}
    .row.gtr-25 > * {padding: 12.5px 0 0 12.5px;}
    .row.gtr-25.gtr-uniform {margin-top: -12.5px;}
    .row.gtr-25.gtr-uniform > * {padding-top: 12.5px;}
    .row.gtr-50 {margin-top: -25px;margin-left: -25px;}
    .row.gtr-50 > * {padding: 25px 0 0 25px;}
    .row.gtr-50.gtr-uniform {margin-top: -25px;}
    .row.gtr-50.gtr-uniform > * {padding-top: 25px;}
    .row {margin-top: -50px;margin-left: -50px;}
    .row > * {padding: 50px 0 0 50px;}
    .row.gtr-uniform {margin-top: -50px;}
    .row.gtr-uniform > * {padding-top: 50px;}
    .row.gtr-150 {margin-top: -75px;margin-left: -75px;}
    .row.gtr-150 > * {padding: 75px 0 0 75px;}
    .row.gtr-150.gtr-uniform {margin-top: -75px;}
    .row.gtr-150.gtr-uniform > * {padding-top: 75px;}
    .row.gtr-200 {margin-top: -100px;margin-left: -100px;}
    .row.gtr-200 > * {padding: 100px 0 0 100px;}
    .row.gtr-200.gtr-uniform {margin-top: -100px;}
    .row.gtr-200.gtr-uniform > * {padding-top: 100px;}

		}

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

        .row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
        .row > * {box-sizing: border-box;}
        .row.gtr-uniform > * > :last-child {margin-bottom: 0;}
        .row.aln-left {justify-content: flex-start;}
        .row.aln-center {justify-content: center;}
        .row.aln-right {justify-content: flex-end;}
        .row.aln-top {align-items: flex-start;}
        .row.aln-middle {align-items: center;}
        .row.aln-bottom {align-items: flex-end;}
        .row > .imp-large {order: -1;}
        .row > .col-1-large {width: 8.33333%;}
        .row > .off-1-large {margin-left: 8.33333%;}
        .row > .col-2-large {width: 16.66667%;}
        .row > .off-2-large {margin-left: 16.66667%;}
        .row > .col-3-large {width: 25%;}
        .row > .off-3-large {margin-left: 25%;}
        .row > .col-4-large {width: 33.33333%;}
        .row > .off-4-large {margin-left: 33.33333%;}
        .row > .col-5-large {width: 41.66667%;}
        .row > .off-5-large {margin-left: 41.66667%;}
        .row > .col-6-large {width: 50%;}
        .row > .off-6-large {margin-left: 50%;}
        .row > .col-7-large {width: 58.33333%;}
        .row > .off-7-large {margin-left: 58.33333%;}
        .row > .col-8-large {width: 66.66667%;}
        .row > .off-8-large {margin-left: 66.66667%;}
        .row > .col-9-large {width: 75%;}
        .row > .off-9-large {margin-left: 75%;}
        .row > .col-10-large {width: 83.33333%;}
        .row > .off-10-large {margin-left: 83.33333%;}
        .row > .col-11-large {width: 91.66667%;}
        .row > .off-11-large {margin-left: 91.66667%;}
        .row > .col-12-large {width: 100%;}
        .row > .off-12-large {margin-left: 100%;}
        .row.gtr-0 {margin-top: 0px;margin-left: 0px;}
        .row.gtr-0 > * {padding: 0px 0 0 0px;}
        .row.gtr-0.gtr-uniform {margin-top: 0px;}
        .row.gtr-0.gtr-uniform > * {padding-top: 0px;}
        .row.gtr-25 {margin-top: -8.75px;margin-left: -8.75px;}
        .row.gtr-25 > * {padding: 8.75px 0 0 8.75px;}
        .row.gtr-25.gtr-uniform {margin-top: -8.75px;}
        .row.gtr-25.gtr-uniform > * {padding-top: 8.75px;}
        .row.gtr-50 {margin-top: -17.5px;margin-left: -17.5px;}
        .row.gtr-50 > * {padding: 17.5px 0 0 17.5px;}
        .row.gtr-50.gtr-uniform {margin-top: -17.5px;}
        .row.gtr-50.gtr-uniform > * {padding-top: 17.5px;}
        .row {margin-top: -35px;margin-left: -35px;}
        .row > * {padding: 35px 0 0 35px;}
        .row.gtr-uniform {margin-top: -35px;}
        .row.gtr-uniform > * {padding-top: 35px;}
        .row.gtr-150 {margin-top: -52.5px;margin-left: -52.5px;}
        .row.gtr-150 > * {padding: 52.5px 0 0 52.5px;}
        .row.gtr-150.gtr-uniform {margin-top: -52.5px;}
        .row.gtr-150.gtr-uniform > * {padding-top: 52.5px;}
        .row.gtr-200 {margin-top: -70px;margin-left: -70px;}
        .row.gtr-200 > * {padding: 70px 0 0 70px;}
        .row.gtr-200.gtr-uniform {margin-top: -70px;}
        .row.gtr-200.gtr-uniform > * {padding-top: 70px;}

		}

	   @media screen and (max-width: 980px) {  /*371*/

		.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
        .row > * {box-sizing: border-box;}
        .row.gtr-uniform > * > :last-child {margin-bottom: 0;}
        .row.aln-left {justify-content: flex-start;}
        .row.aln-center {justify-content: center;}
        .row.aln-right {justify-content: flex-end;}
        .row.aln-top {align-items: flex-start;}
        .row.aln-middle {align-items: center;}
        .row.aln-bottom {align-items: flex-end;}
        .row > .imp-medium {order: -1;}
        .row > .col-1-medium {width: 8.33333%;}
        .row > .off-1-medium {margin-left: 8.33333%;}
        .row > .col-2-medium {width: 16.66667%;}
        .row > .off-2-medium {margin-left: 16.66667%;}
        .row > .col-3-medium {width: 25%;}
        .row > .off-3-medium {margin-left: 25%;}
        .row > .col-4-medium {width: 33.33333%;}
        .row > .off-4-medium {margin-left: 33.33333%;}
        .row > .col-5-medium {width: 41.66667%;}
        .row > .off-5-medium {margin-left: 41.66667%;}
        .row > .col-6-medium {width: 50%;}
        .row > .off-6-medium {margin-left: 50%;}
        .row > .col-7-medium {width: 58.33333%;}
        .row > .off-7-medium {margin-left: 58.33333%;}
        .row > .col-8-medium {width: 66.66667%;}
        .row > .off-8-medium {margin-left: 66.66667%;}
        .row > .col-9-medium {width: 75%;}
        .row > .off-9-medium {margin-left: 75%;}
        .row > .col-10-medium {width: 83.33333%;}
        .row > .off-10-medium {margin-left: 83.33333%;}
        .row > .col-11-medium {width: 91.66667%;}
        .row > .off-11-medium {margin-left: 91.66667%;}
        .row > .col-12-medium {width: 100%;}
        .row > .off-12-medium {margin-left: 100%;}
        .row.gtr-0 {margin-top: 0px;margin-left: 0px;}
        .row.gtr-0 > * {padding: 0px 0 0 0px;}
        .row.gtr-0.gtr-uniform {margin-top: 0px;}
        .row.gtr-0.gtr-uniform > * {padding-top: 0px;}
        .row.gtr-25 {margin-top: -12.5px;margin-left: -12.5px;}
        .row.gtr-25 > * {padding: 12.5px 0 0 12.5px;}
        .row.gtr-25.gtr-uniform {margin-top: -12.5px;}
        .row.gtr-25.gtr-uniform > * {padding-top: 12.5px;}
        .row.gtr-50 {margin-top: -25px;margin-left: -25px;}
        .row.gtr-50 > * {padding: 25px 0 0 25px;}
        .row.gtr-50.gtr-uniform {margin-top: -25px;}
        .row.gtr-50.gtr-uniform > * {padding-top: 25px;}
        .row {margin-top: -50px;margin-left: -50px;}
        .row > * {padding: 50px 0 0 50px;}
        .row.gtr-uniform {margin-top: -50px;}
        .row.gtr-uniform > * {padding-top: 50px;}
        .row.gtr-150 {margin-top: -75px;margin-left: -75px;}
        .row.gtr-150 > * {padding: 75px 0 0 75px;}
        .row.gtr-150.gtr-uniform {margin-top: -75px;}
        .row.gtr-150.gtr-uniform > * {padding-top: 75px;}
        .row.gtr-200 {margin-top: -100px;margin-left: -100px;}
        .row.gtr-200 > * {padding: 100px 0 0 100px;}
        .row.gtr-200.gtr-uniform {margin-top: -100px;}
        .row.gtr-200.gtr-uniform > * {padding-top: 100px;}

		}

		@media screen and (max-width: 736px) {  

    .row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
    .row > * {box-sizing: border-box;}
    .row.gtr-uniform > * > :last-child {margin-bottom: 0;}
    .row.aln-left {justify-content: flex-start;}
    .row.aln-center {justify-content: center;}
    .row.aln-right {justify-content: flex-end;}
    .row.aln-top {align-items: flex-start;}
    .row.aln-middle {align-items: center;}
    .row.aln-bottom {align-items: flex-end;}
    .row > .imp-small {order: -1;}
    .row > .col-1-small {width: 8.33333%;}
    .row > .off-1-small {margin-left: 8.33333%;}
    .row > .col-2-small {width: 16.66667%;}
    .row > .off-2-small {margin-left: 16.66667%;}
    .row > .col-3-small {width: 25%;}
    .row > .off-3-small {margin-left: 25%;}
    .row > .col-4-small {width: 33.33333%;}
    .row > .off-4-small {margin-left: 33.33333%;}
    .row > .col-5-small {width: 41.66667%;}
    .row > .off-5-small {margin-left: 41.66667%;}
    .row > .col-6-small {width: 50%;}
    .row > .off-6-small {margin-left: 50%;}
    .row > .col-7-small {width: 58.33333%;}
    .row > .off-7-small {margin-left: 58.33333%;}
    .row > .col-8-small {width: 66.66667%;}
    .row > .off-8-small {margin-left: 66.66667%;}
    .row > .col-9-small {width: 75%;}
    .row > .off-9-small {margin-left: 75%;}
    .row > .col-10-small {width: 83.33333%;}
    .row > .off-10-small {margin-left: 83.33333%;}
    .row > .col-11-small {width: 91.66667%;}
    .row > .off-11-small {margin-left: 91.66667%;}
    .row > .col-12-small {width: 100%;}
    .row > .off-12-small {margin-left: 100%;}
    .row.gtr-0 {margin-top: 0px;margin-left: 0px;}
    .row.gtr-0 > * {padding: 0px 0 0 0px;}
    .row.gtr-0.gtr-uniform {margin-top: 0px;}
    .row.gtr-0.gtr-uniform > * {padding-top: 0px;}
    .row.gtr-25 {margin-top: -5px;margin-left: -5px;}
    .row.gtr-25 > * {padding: 5px 0 0 5px;}
    .row.gtr-25.gtr-uniform {margin-top: -5px;}
    .row.gtr-25.gtr-uniform > * {padding-top: 5px;}
    .row.gtr-50 {margin-top: -10px;margin-left: -10px;}
    .row.gtr-50 > * {padding: 10px 0 0 10px;}
    .row.gtr-50.gtr-uniform {margin-top: -10px;}
    .row.gtr-50.gtr-uniform > * {padding-top: 10px;}
    .row {margin-top: -20px;margin-left: -20px;}
    .row > * {padding: 20px 0 0 20px;}
    .row.gtr-uniform {margin-top: -20px;}
    .row.gtr-uniform > * {padding-top: 20px;}
    .row.gtr-150 {margin-top: -30px;margin-left: -30px;}
    .row.gtr-150 > * {padding: 30px 0 0 30px;}
    .row.gtr-150.gtr-uniform {margin-top: -30px;}
    .row.gtr-150.gtr-uniform > * {padding-top: 30px;}
    .row.gtr-200 {margin-top: -40px;margin-left: -40px;}
    .row.gtr-200 > * {padding: 40px 0 0 40px;}
    .row.gtr-200.gtr-uniform {margin-top: -40px;}
    .row.gtr-200.gtr-uniform > * {padding-top: 40px;}

		}  

/* Reusable */

	article.blog-post {position: relative;}
    article.blog-post .comments {position: absolute;top: 0;right: 0;height: 32px;line-height: 24px;padding-left: 40px;background: url("images/icon-bubble.png") no-repeat;}
    article.blog-post .blog-post-image {width: 100%;}

	ul.small-image-list li {overflow: hidden; margin-bottom: 1.5em; width:240px; padding-left: 10px;}
    ul.small-image-list li img {width: 78px;}
	ul.big-image-list li {overflow: hidden;margin-bottom: 2em;}
    ul.big-image-list li img {width: 178px;}
    ul.link-list li {border-top: solid 1px #ced0b7;padding: 0.55em 0 0 0;margin: 0.75em 0 0 0;}
    ul.link-list li:first-child {padding-top: 0; margin-top: 0; border-top: 0;}


/* Header */

	#header-wrapper, .sub1{background-color:#476f95;}

	#header {box-sizing: content-box;position: relative;margin: 2.5% 0 2.5% 0;padding: 0 20px 0 20px;height: 43px;}

#header h1 {position: absolute; left:0px; top: -10px; color:#fff; font-size: 1.1em;	line-height: 50px;letter-spacing: 1.5px;}
#header h1 a {color: #fff;text-decoration: none;  }
#header nav {position:absolute; left: 20px; top: 35px; line-height: 30px; text-transform: lowercase; letter-spacing: 0.8px;}
#header nav a {display: inline-block;text-decoration: none; padding: 0 30px 0 30px; opacity: 0.9; outline: 0; color: #fff;}
#header nav a:first-child {left:0px !important;}
#header nav a:hover {opacity: 1;}
						

/* Banner */

	#banner-wrapper {padding: 1.2em 0; text-align: center;}
	#banner {position: relative;  padding: 1.1em; border-radius: 50px; text-align: center; box-shadow: inset 0 0 0 2px #fff; border: solid 3px #ced0b7; font-size: 1.1em;}
    #banner h2 {text-align: center; letter-spacing: 0.5px; margin: 0;}
    #banner span {display: block; left: 0; margin: 0.6em 0 0 0;  letter-spacing: -0.5px; text-transform: lowercase; opacity: 0.8;}

/* Main */
#main, #main_abs {background: #fff;  min-height:80vh; padding: 0.5em 0;}
#main_abs {position:absolute;}

/* Footer */
#footer-wrapper {padding: 1em 0;}

/* Copyright */
#copyright {text-align: center; color: #A6A88F; border-top: solid 1px #ced0b7; padding: 3em 0 0 0; margin: 3em 0 0 0;}
#copyright a {color: #A6A88F;}		

/* Large */

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

		/* Reusable */
        ul.small-image-list img {width: 50px;}
        ul.big-image-list img {width: 75px;}

		/* Header */
		#header {height: 45px;  }
		  #header h1 {font-size: 1.1em; line-height: 50px;}    
            #header nav {line-height: 48px; font-size: 0.9em; }
              #header nav a {padding: 0 18px 0 18px; }

		/* Banner */
	#banner {padding: 1.1em;}
    #banner h2 {font-size: 1.1em;}
    #banner span {font-size: 1em;}

		  /* Footer */
        #footer-wrapper {padding: 1em 0;}

		  /* Copyright */
        #copyright {padding: 3em 0 0 0; margin: 4em 0 0 0;}
	
		
		} 
		
	#navPanel, #titleBar {display: none;}
/* Small */



        @media screen and (max-width: 980px) {

		/* Basic */
           html, body {overflow-x: hidden;}

		/* Page Wrapper */
            #page-wrapper {padding-top: 60px;}

		/* Header */

	#header-wrapper, .sub1{
		background-color: #476f95;
	}
    #header {display: none;}
    #banner {padding: 1.1em;}
    #banner h2 {font-size: 1.2em;}

		/* Nav */
    #page-wrapper {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	padding-bottom: 1px;
	}

			#titleBar {
			
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				 background-color: #476f95;
				transition: all 0.5s ease-out;
				display: block;
				height: 65px;
				left: 0;
				padding: 27px 70px;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;			
				color: #fff;
				font-size:0.8em;
			}

	#titleBar .title {line-height: 44px;}
	#titleBar .toggle {position: absolute; top: 0; left: 0; width: 80px; height: 60px;}
    #titleBar .toggle:after {content: ''; position: absolute; left: 4px; top: 4px; color: #fff; text-align: center; line-height: 31px; font-size: 0.8em; width: 50px; height: 35px;
			border-radius: 5px;
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 6px 13px 0px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
	}
        #titleBar .toggle:before {content: ''; position: absolute; width: 20px; height: 30px; background: url("images/menu.png"); background-repeat: no-repeat;
					background: url("images/mobileUI-site-nav-opener-bg.svg"); top: 15px; left: 19px;
		}
    #titleBar .toggle:active:after { background: rgba(0, 0, 0, 0.2);}
    #navPanel {
				
				backface-visibility: hidden;
				-moz-transform: translateX(-150px);
				-webkit-transform: translateX(-150px);				
				transform: translateX(-150px);
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;	*/			
				transition: all 0.5s ease-out;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 150px;
				z-index: 10002;
				background-color: #476f95;
				color: #fff;
				
			}

	#navPanel .link {display: block; color: #fff; border-top: solid 1px rgba(255, 255, 255, 0.1); border-bottom: solid 1px rgba(0, 0, 0, 0.2); height: 55px;
					line-height: 55px; padding: 0 15px 0 15px; text-decoration: none;}
    #navPanel .link:first-child { border-top: 0;}
    #navPanel .link:last-child {border-bottom: 0;}
    body.navPanel-visible #page-wrapper {-moz-transform: translateX(150px); 
	-webkit-transform: translateX(150px); 
	-ms-transform: translateX(150px); 
	transform: translateX(150px);}
    body.navPanel-visible #titleBar {
		-moz-transform: translateX(150px);
		-webkit-transform: translateX(150px);
		-ms-transform: translateX(150px);
		transform: translateX(150px);}
    body.navPanel-visible #navPanel {-moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}

	}

/* Small */

	 @media screen and (max-width: 736px) {

		/* Basic */
    body {font-size: 13pt;}
    h2, h3, h4 {font-size: 1.1em; }

/* Reusable */
    ul.small-image-list li img {width: 100px;}
    ul.big-image-list li img {width: 100px;}
    ul.link-list {margin: 0 0 1em 0;}
    article.blog-post .comments {display: block; position: relative; top: -0.5em; margin: 0 0 0.5em 0;}
    .button, .bt, .bt1,.bt1a, .box{font-size: 0.8em;}
    .blog-post-image { width: 100%;}

		/* Banner */
    #banner-wrapper {padding: 1.2em;}
    #banner {box-shadow: inset 0 0 0 2px #fff; padding: 1.1em;}
    #banner h2 {font-size: 1.1em; letter-spacing: -0.5px; line-height: 1.25em;}
    #banner span {font-size: 1em; letter-spacing: 1px;line-height: 1.2em;}

		/* Main */

  #main {letter-spacing: 0.5px;	background: #fff; overflow:auto;  float:left; font-size: 0.8em; width:100vw;  height:87vh; padding: 0.8em 0;}

		/* Footer */
    #footer-wrapper {padding: 40px 0;}

		/* Copyright */
    #copyright {text-align: center; color: #A6A88F; padding: 30px 0 0 0; font-size: 0.8em; line-height: 1.5em;}
    #copyright a { color: #A6A88F;}
	
	}