/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,800');*/

/* --- START Normalize --- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0;font-weight:400}h2,h3{font-weight:400}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.rel{height:0;width:0;position:relative;opacity:0;top:15px}
/* --- END Normalize --- */




/* --- START Font Values --- */


@font-face {
  font-family: "iconsol";
  src:url("iconsol.eot");
  src:url("iconsol.eot?#iefix") format("embedded-opentype"),
    url("iconsol.woff") format("woff"),
    url("iconsol.ttf") format("truetype"),
    url("iconsol.svg#iconsol") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "iconsol" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "iconsol" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
  content: "\61";
}
.icon-arrow2:before {
  content: "\62";
}
.icon-gear:before {
  content: "\63";
}
/* --- END Font Values --- */



/* --- START Global Values --- */
body { margin: 0px; background:#fff; font-family: 'Open Sans', 'Calibri', 'Tahoma', sans-serif; font-weight:400; font-size:16px; color:#040620 /* Midnight Blue */; overflow-x: hidden;}
.pageinner { width:90%; margin:0 auto; position:relative; max-width:1280px;}
.pageinnerPinch { width:90%; margin:0 auto; position:relative; max-width:1068px;}
header .pageinner { width:100%; margin:0 auto; position:relative; max-width:12345px;}
a { color:#ffffff; text-decoration:none; transition:all .25s ease-in-out; cursor: pointer;}
a:hover { color:#8cd013 /* Green*/; transition:all .25s ease-in-out;}
.lightText a { color:#fff; }
.lightText a:hover { color:#006f3a /* Green*/;}
.left { float:left;}
.right { float:right;}


video {width: 100%; height: auto; position: fixed; top: 0; left: 50%; margin-left: -50%; z-index: 1;}
@media screen and (max-aspect-ratio: 16/9) {
	video {height: 100%; width:auto; left: 0; margin-left: 0;}
}
.dotOverlay { position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/circleBg.png) bottom left repeat; z-index: 2;}

header { background:url(../img/headerBg.png) top left repeat-x; width:90%; position: relative; float:right; right: 0; top:24px; z-index: 4; min-height: 216px;}
@media (max-width: 767px) {
	header { background-position-y: -30px; height: 125px; min-height: 0;}
}

h1 { border-bottom: 1px solid #040620 /* Midnight Blue */;
    color: #000;
    font-family: 'Montserrat';
    font-size: 72px;
    font-weight: 600;
    line-height: 0.9em;
    margin: 0 0 37px;
    padding: 0 0 10px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;}
.logo, h1.logo { text-indent:-9999px; background:url(../img/new_consol_logo_212.png) top left no-repeat; background-size:contain; height:120px; width:200px; margin: 3px 0 0; float:left; z-index:8; position:relative; border:none; font-size:0px; color:#fff; overflow:hidden; }
.logo, h1.logo2 { text-indent:-9999px; background:url(../img/new_consol_logo_212a.png) top left no-repeat; background-size:contain; height:220px; width:200px; margin: 3px 0 0 10px; float:left; z-index:8; position:relative; border:none; font-size:0px; color:#fff; overflow:hidden; }
@media (min-width: 480px) {
	.logo, h1.logo {}
}
@media (min-width: 767px) {
	.logo, h1.logo {
    background-size: auto;
    width: 440px;
    height: 212px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    background-position: left center;
		margin-left: 20px;
}
}
/* --- END Global Values --- */

.links { position:relative; z-index: 3; width:400px; text-align: right; padding-top:400px; right:-60%;}
.links a { position: relative; font-size: 20px; font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1em; padding: 0 0px 0 0; transition: .25s all ease-in-out; width: 100%; display: block; margin-top:30px; text-shadow: 0 0 20px rgba(0,0,0,.4);}
.links a .icon { font-size: 60px; display: block; margin: 23px 0 0 20px; float: right; transition: .25s margin ease-in-out;}
.links a:hover { color:#94d60a; transition: .25s all ease-in-out;}
.links a:hover .icon { transition: .25s margin ease-in-out;}

@media (max-width:767px){
	.links { padding-top:200px; right: -10%; width: 80%;}
	.links a { font-size:15px;}
	.links a .icon { font-size: 15px; margin: 7px 0 0 20px;}
}


footer { position:relative; margin-top:100px; background: url(../img/circleBg.png) #00639c top left repeat; z-index: 3; text-align:right; padding:50px 0 70px;}
footer a.big { position: relative; font-size: 45px; font-weight: 900; text-transform: uppercase; color: #fff; line-height: 1em; padding: 0 20px 0 0; transition: .25s all ease-in-out; width: 100%; display: block; margin-top:30px; text-shadow: 0 0 20px rgba(0,0,0,.4);}
footer a.big .icon { font-size: 35px; display: block; margin: 7px 0 0 12px; float: right; transition: .25s margin ease-in-out;}
footer a.big:hover { color:#94d60a; padding-right:30px; transition: .25s all ease-in-out;}
footer a.big:hover .icon { margin-left: 30px; transition: .25s margin ease-in-out;}

footer .legal { padding: 0 20px 0 0; color: #fff; padding-top:50px;}



.login { position:absolute; z-index: 3; right: -100%; top:435px; width:400px; }
@media (max-width:767px){
	.login { position: absolute; z-index: 3; right: -100%; top: 185px; width: 42%;}
}
.login a { text-align:right; color:#fff; text-decoration: underline; padding:5px 0; display: block; font-weight: 600;}





a.read-more, a.button, button, input[type=submit] { color:#fff; display:inline-block; padding:17px 13px; background:#94d60a; text-transform:none; line-height:1em; transition:background-color .25s ease-in-out; border:none; cursor: pointer; text-align: left; font-size: 18px;}
a.read-more:hover, a.button:hover, button:hover, input[type=submit]:hover { transition:background-color .25s ease-in-out; background-color:#00639c;}

input, optgroup, select, textarea { width:100%; border:none; padding:13px; font-size: 18px; margin:10px 0 10px; font-weight:600; }





body.blue { background: url(../img/circleBg.png) #00639c top left repeat; background-attachment: fixed;}
body.blue footer { background:none;}

/*.linkPanel { display:none;}*/

.logged-in header { width:calc(100% - 44px) !important; margin: 0 0 0 44px; transition: 1s width ease-in-out;}
.logged-in .linkPanel { position:relative; z-index: 3;/* padding-top:255px;*/ padding-top:255px; width:calc(100% - 58px); margin: 0 29px;  text-align: left; }
/*@media (max-width:767px){
	.logged-in .linkPanel { padding-top:144px; }
}*/
.logged-in .linkPanel .linkItem { width:calc(25% - 30px); display: inline-table; margin: 15px 11px 15px 15px; text-align: left; padding:15px; background:#fff; transition: .25s all ease-in-out; position: relative; height: 200px;}
@media (max-width:1100px){
	.logged-in .linkPanel .linkItem { width:calc(33.33% - 30px); }
}
@media (max-width:730px){
	.logged-in .linkPanel .linkItem { width:calc(50% - 30px); }
}
@media (max-width:500px){
	.logged-in .linkPanel .linkItem { width:calc(100% - 30px); }
}
.logged-in .linkPanel .linkItem:hover { background:#8cd013; transition: .25s all ease-in-out;}
.logged-in .linkPanel .linkItem:hover p { color:#fff; transition: .25s all ease-in-out;}
.logged-in .linkPanel .linkItem a { display:block;}
.logged-in .linkPanel .linkItem a h2 { padding:0 0 10px; margin: 0; color:#006aa6; text-transform: uppercase; font-weight: 800;transition: .25s all ease-in-out; line-height: 1em;}
.logged-in .linkPanel .linkItem:hover a h2 { color:#fff;transition: .25s all ease-in-out;}

.logged-in .linkPanel .linkItem .icon-arrow { position:absolute; bottom:10px; right:10px; font-size: 24px; color:#00639c !important;transition: .25s all ease-in-out;}
.logged-in .linkPanel .linkMasthead .icon-arrow { font-size: 24px; color:#00639c !important;transition: .25s all ease-in-out;}
.logged-in .linkPanel .linkItem:hover .icon-arrow { color:#fff !important;transition: .25s all ease-in-out;}

.logged-in footer { margin-top:0;}

.welcomeText { text-align:right; color:#fff; position: absolute; top:8px; right:5%; z-index: 8; width:100%;}
.welcomeText a { color:#fff; text-decoration: underline; margin-left:20px;}
.welcomeText a:hover { color:#8cd013; text-decoration: none; display: inline-block;}
@media (max-width:767px){
	.welcomeText { font-size: 14px; top:0;}
}


.logged-in .linkPanel .linkItem.on { height:auto !important; transition: 1s height ease-in-out;}
@media (min-width:1300px){
	.logged-in .linkPanel .linkItem.on {  transition: 1s width ease-in-out; width:calc(16.67% - 30px);}
}
.logged-in .linkPanel .linkItem.on a h2 { padding:10px 0; font-size: 18px; text-align: center;}
.logged-in .linkPanel .linkItem.on p { display:none;  transition: 1s display ease-in-out;}
.logged-in .linkPanel .linkItem.on .icon-arrow { display: none; transition: 1s display ease-in-out;}

.logged-in .linkPanel .linkItem.active { background:#8cd013;}
.logged-in .linkPanel .linkItem.active a h2 { color:#fff;}

#frame1, #frame2 { width:98%; border:5px solid #135089; background: #062b4e; margin:15px; height:537px; display: none;}