/* web fonts */
@font-face {
   font-family: 'Open Sans Light';
   font-style: normal;
   /*font-weight: 300;*/
   src: local("Open Sans Light"), local("OpenSans-Light"), url("http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2") format("woff2");
   unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
   font-family: 'Open Sans Bold';
   font-style: normal;
   /*font-weight: 700;*/
   src: local("Open Sans Bold"), local("OpenSans-Bold"), url("http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2") format("woff2");
   unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
   font-family: 'Segoe MDL2 Assets';
   font-style: normal;
   /*font-weight: 700;*/
   src: local("Segoe MDL2 Assets"), local("Segoe MDL2 Assets"), url("../font/segmdl2.ttf") format("ttf");
   unicode-range: U+0-10FFFF;
}

/* web fonts */

/*html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,hr,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,footer,header,nav,section,summary,time,mark,audio,video*/
/* apply a natural box layout model to all elements */
*,
label,
input,
textarea {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0;
}

html {
   font-family: 'Open Sans Light', sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   font-size: 16px;
}

body {
   /*text-align: center; /*center primary container in body
    /*align: center; /*center primary container in body*/
   margin: 0px;
   padding: 0px;
}

body,
div,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
label,
input,
textarea {
   display: block;
}

audio,
canvas,
progress,
video {
   display: inline-block;
   vertical-align: baseline;
}

[hidden],
template {
   display: none;
}

.hidden {
   display: none;
   /*!important;*/
   visibility: hidden;
   /*!important;*/
}

a img,
a {
   border: 0;
   color: black;
}


/* Lists... */
ul {
   display: inline-block;
   list-style-type: disc;
   /*list-style-image: url(../img/bullet01.png);*/
   margin-top: 1px;
   margin-bottom: 1px;
   margin-left: 0;
   margin-right: 0;
   padding-left: 24px;
}

li {
   font-size: 90%;
}

/* Lists... */

/* Containers 
* IMPORTANT: min-width: 980px; min-height: 100%;
*/
.container-page {
   width: 100%;
   top: 0px;
   padding-bottom: 0px;
   min-width: 980px;
   min-height: 100%;
   position: relative;
   margin: 0px auto;
   /*margin-right: auto;
   margin-left: auto;
   border: 1px solid transparent;*/
   /*font-size: 0; /*fix for display: inline-block spacing out components */
}

.container-page:before,
.container-page:after {
   content: " ";
   display: table
}

.container-page:after {
   clear: both
}

.container-header {
   width: inherit;
   background-color: #ffffff;
   position: fixed;
   height: auto;
   z-index: 5;
}

.container-content {
   width: inherit;
   /*height: 10%;*/
   position: relative;
   display: inline-block;
   height: auto;
}

.container-footer {
   width: inherit;
   background-color: #f0f0f0;
   position: relative;
   height: 15%;
   border-top: 1px solid #a0a0a0;
   text-decoration: none;
   font-size: 14px;
}

#container-header-content,
#container-content-area,
#container-footer-content {
   margin-left: calc((100% - 980px) / 2);
   margin-right: calc((100% - 980px) / 2);
   min-width: inherit;
}

#container-header-content {
   position: relative;
}

/*.sticky {
    position: fixed;
}
.sticky + .container-content {
    /*padding-top: 102px;*-/
}*/

#container-header-border-top {
   -o-background-image: linear-gradient(to bottom, #f1f5f7, #ffffff);
   -ms-background-image: linear-gradient(to bottom, #f1f5f7, #ffffff);
   -moz-background-image: linear-gradient(to bottom, #f1f5f7, #ffffff);
   -webkit-background-image: linear-gradient(to bottom, #f1f5f7, #ffffff);
   background-image: linear-gradient(to bottom, #f1f5f7, #ffffff);
}

.container-content-area-row {
   width: 100%;
   /*border: 1px solid red;*/
   height: auto;
   /*min-height: 300px;*/
   padding-left: calc((100% - 980px) / 2);
   padding-right: calc((100% - 980px) / 2);
   display: inline-block;
   padding-bottom: 10px;
}

#container-content-row-1 {
   /*border: 2px solid yellow; */
   background-color: rgb(255, 255, 255);
}
#container-content-row-2 {
   background-color: rgb(232, 236, 248);
}
#container-content-row-22 {
   background-color: rgb(250, 251, 255);
}
#container-content-row-3 {
   background-color: rgb(244, 245, 251);
}

.container-content-row-col {
   /*border: 1px solid orange; */
   float: left;
   /*height: inherit;*/
}

.container-footer-content-row {
   width: 100%;
   /*border: 1px solid red;*/
   height: 100px;
   min-height: 100px;
   margin-top: 20px;
}

.container-footer-row-col {
   float: left;
   height: inherit;
   /*margin-left:1px;*/
   /*border: 1px dotted green; */
}

/* misc. settings */
.div-parent-4-center {
   position: relative;
   /*border:1px solid black;*/
}

.child-center {
   position: absolute;
   margin: auto;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   /*border:1px dotted black;*/
}

/* misc. settings */

/* font segmdl2.ttf */
.symbol{
   font-family: 'Segoe MDL2 Assets';
}
/* font segmdl2.ttf */

/* H1,H2,H3,H4,H5 .announce */
.announce {
   color: white;
   font-family: "Open Sans Bold";
   font-size: 100%;
}

h1.announce {
   font-size: 300%;
}

h2.announce {
   font-size: 250%;
}

h3.announce {
   color: black;
   font-family: "Open Sans Light";
   font-size: 175%;
   font-variant: small-caps;
   letter-spacing: 4px;
}

h4.announce {
   color: black;
   font-family: "Open Sans Light";
   font-size: 120%;
   font-variant: small-caps;
   letter-spacing: 2px;
}

h5.announce {
   font-size: 120%;
}

/* H1,H2,H3,H4,H5 .announce */

/* Top Menu line */
div.scrollmenu {
   color: gray;
   overflow: auto;
   white-space: nowrap;
}

div.scrollmenu a {
   display: inline-block;
   color: darkgray;
   text-align: center;
   padding: 14px;
   text-decoration: none;
   font-size: 14px;
}

div.scrollmenu a:hover {
   color: blue;
}

a:active {
   color: blue;
}

/*Images in div*/
.img-cover {
   width: inherit;
   height: inherit;
   position: absolute;
   top: 0px;
   display: inline-block;
   border: 1px dotted transparent;
   opacity: 0.6;
   transition: 0.3s;
}

.img-cover:hover {
   border: 1px dotted gray;
   opacity: 1;
}

/*Images in div*/

/* Top Menu line */

/* Button anchor settings */
.button {
   display: inline-block;
   width: 146px;
   height: 41px;
   background-color: rgba(125, 145, 205, 1);
   opacity: 0.6;
   transition: 0.3s;
   border: 1px solid transparent; 
   /*border: none; red;
   border-radius: 4px;*/
}

.button:hover {
   /*background-color: red;*/
   opacity: 1;
}

.buttonText {
   color: white;
   position: relative;
   display: inline-block;
   width: inherit;
   height: inherit;
   top: 25%;
   text-align: center;
}

/* Button anchor settings */


/* Text contents */
input,
textarea {
   font-family: 'Open Sans Light', sans-serif;
   font-size: 16px;
}

.txtinput,
.frmSubmit,
.frmLabel {
   display: inline-block;
   height: 100%;
}

input[type="text"],
textarea,
.txtInput {
   /*display: block;*/
   border: 1px solid rgb(8, 59, 88);
   padding: 4px;
   width:100%; 
   /*margin: 10px;*/
}

.frmLabel {
   /*display: block;*-/
   margin: 10px;*/
   padding-top: 10px;
   padding-bottom: 10px;
   cursor: default;
}

input[type="submit"],
.frmSubmit {
   /*display: inline-block;*/
   width: 146px;
   height: 41px;
   background-color: rgba(125, 145, 205, 1);
   opacity: 0.6;
   transition: 0.3s;
   color: white;
   /*display: block;
    padding: 14px 20px;
    margin: 8px;
    cursor:pointer;
    color: white;
    background-color: rgb(101,174,82);*/
}

/* Text contents */


/*alert for NO parallax *-/
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert > p,
.alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable {
    padding-right: 35px
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

/* for parallax */