html, body{
	color:#000000;
	background-color:#fff; 
	background-repeat:no-repeat; background-attachment:fixed; background-position:center top;
	font-family: 'Hind', sans-serif;
}

.no-gutter{ padding-right:0; padding-left:0; }

.container{ margin-bottom:30px; }

a{ color:#3174ad; }
a, a:hover, a:focus, a:active{ outline:0; }

.img-responsive-override{ display:inline-block !important; margin:5px 10px 5px 0; }

#header{ border-top:9px solid #299AD4; padding-top:10px; padding-bottom:10px; }

.divider-inside-top{ position:relative; overflow:hidden; height:10px; margin:5px 0 0 0; }
.divider-inside-top:before{ content:""; position:absolute; z-index:1; width:100%; top:-10px; height:10px; left:0; border-radius:100px / 5px; box-shadow:0 0 5px rgba(0,0,0,0.5); }

#site-name{ font-size:22px; font-weight:bold; }
#logos{ padding-bottom:10px; }
.logo{ display:inline-block; padding-left:0; padding-right:0; }
.logo-border-right{ padding-left:0; padding-right:15px; border-right:1px solid #ccc; }

.social-icon{ display:inline-block; padding-left:15px; font-style:italic; }

#nav{ margin-top:0; }
#nav-inner{ padding:0; }
.nav-home{ border-bottom:12px solid #299AD4; }

.navbar{ }

.navbar-default{ margin:0; background-color:#fff; border-color:#fff; }
.navbar-default .navbar-nav > li > a{ color:#555; font-size:16px; border:1px solid #fff; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover{
    background-color:#fff;
	border:1px solid #e7e7e7;
	border-bottom:1px solid #fff;
    color:#299AD4;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover{
    background-color:#fff;
    color:#299AD4;
}

.dropdown-menu{ border:1px solid #e7e7e7; }
.dropdown-menu > li > a{ clear:both; color:#555; font-size:16px; line-height:2; }
.dropdown-menu > li > ul.dropdown-menu{ margin:-10px 0 0 100px; }

.caret-right{
	position:absolute;
	display:inline-block;
	width:0;
	height:0;
	margin:6px 0 0 5px;
	vertical-align:middle;
	border-top:4px solid transparent;
	border-right:0 dotted;
	border-bottom:4px solid transparent;
	border-left:4px solid #d0d0d0;
	
	border-left-color:#d0d0d0;
	border-right-color:#d0d0d0;
}

.carousel-caption{ bottom:0; color:#fff; left:0; padding:15px 30px; position:absolute; right:0; text-align:left; background:rgba(0, 0, 0, 0.5); z-index:10; }
.carousel-caption a{ color:#e5e6e9; font-size:20px; font-weight:bold; }
.carousel-caption > a:hover{ text-decoration:underline; }
.carousel-control{ width:5%; background-image: none !important; }
.carousel-control .sr-only{ color:#767676; }

.carousel .item{ -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s; -ms-transition:opacity 0.4s; -o-transition:opacity 0.4s; transition:opacity 0.4s; }
.carousel .item p{ margin:0; font-size:20px; font-weight:bold; }
.carousel .active.left,
.carousel .active.right{ left:0; opacity:0; z-index:2; }
.carousel .next,
.carousel .next{ left:0; opacity:1; z-index:1; }

.carousel-inner > .item > a > p > img{ display:block; height:auto; max-width:100%; line-height:1; }

.glyphicon-chevron-banner-control-left{ background:#000; width:44px !important; height:44px !important; padding:7px; border-radius:22px; font-size:28px !important; }
.glyphicon-chevron-banner-control-right{ background:#000; width:44px !important; height:44px !important; padding:7px; border-radius:22px; font-size:28px !important; }

#breadcrumbs{ background:#fff; }

.breadcrumb{ font-size:16px; color:#555; background-color:#fff; border-radius:0; list-style:outside none none; margin-bottom:15px; padding:15px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.breadcrumb a{ color:#555; }
.breadcrumb .current{ color:#299AD4; }

#main{ }
#main-inner{}
#main-inner p.figure{ margin:0 0 15px 15px; }
#main-inner p.figure-left{ margin:0 15px 15px 0; }

.missing-link{ background-color:#fcff00; }
#main-inner a[href=''],
#main-inner a[href='#']{ cursor:initial; }

.main-home{ margin-top:30px; }

.side-menu{}
.side-menu h2{ font-size:16px; font-weight:bold; margin-top:0; margin-bottom:5px; }
.side-menu .side-menu-heading{ font-size:16px; font-weight:bold; color:#299AD4; background:#efefef; padding:15px; margin:0; }
.side-menu ul{ list-style:none; padding:0; }
.side-menu ul li{}
.side-menu ul li a,
.side-menu ul li a:visited{ background:#efefef; padding:8px 15px; color:#000; display:block; text-decoration:none !important; transition:.3s; }
.side-menu ul li a:hover,
.side-menu ul li a:active{ background:#dedede; text-decoration:none; }

.side-menu ul li ul li a,
.side-menu ul li ul li a:visited{ padding-left:30px; }
.side-menu ul li ul li a:hover,
.side-menu ul li ul li a:active{}

.side-menu ul li ul li ul li a,
.side-menu ul li ul li ul li a:visited{ padding-left:60px; }
.side-menu ul li ul li ul li a:hover,
.side-menu ul li ul li ul li a:active{}

.side-menu{ margin:0 0 20px 0; padding:0; border:0px solid #ccc; transition:border 0.3s, box-shadow 0.3s; }
.side-menu ul{ margin:0; padding:0; list-style-type:none; }
.side-menu a,
.side-menu a:visited{ display:block; color:#000; padding:10px; transition:background 0.3s; }
.side-menu a:hover,
.side-menu a:active,
.side-menu a:focus{ background:#e9e9e9; text-decoration:none; }
.side-menu .menu-glyph{ font-size:1rem; margin:0; float:right; }
.side-menu .menu-lable{ font-size:1rem; margin:0; display:inline-block; }

#side-menu li.current > a{ font-weight:bold; }
#side-menu li.current > a > .menu-lable,
#side-menu li.current > a:hover > .menu-lable{ border-left:3px solid #000; }
#side-menu li > a:hover > .menu-lable{ border-left:3px solid transparent; }

/* Accordion Menu (Quiccordion) */
#nav-side{ width:100%; color:#000; background:#efefef; padding:10px 0; border:0px solid #fff; display:block; }
#nav-side a{ display:block; background:#efefef; color:#000 !important; text-decoration:none; padding:8px 15px; border-bottom:0px solid #fff; font-size:1rem; font-weight:normal; line-height:2rem; cursor:pointer; }
#nav-side a:hover{ background:#dedede; color:#000; }
#nav-side .tile-glyph{ display:inline-block; width:40px; font-size:34px; margin:0 10px; text-align:center; }
#nav-side .tile-lable{ display:inline-block; line-height:18px; }
#nav-side .has-children.closed a{ background:#efefef; color:#000; }
#nav-side .has-children.closed a:hover{ background:#dedede; color:#000; }
#nav-side .has-children{}
#nav-side .has-children > a{ padding:8px 15px 8px 15px; }
#nav-side li.closed a{ border-bottom:0px solid #eee; background:#efefef; }
#nav-side li.closed a:hover{ border-bottom:0px solid #eee; background:#dedede; }
#nav-side li ul{ padding:0; }
#nav-side li ul li a{ background:#efefef; color:#000; font-weight:normal; padding-left:30px; border-bottom:0px solid #fff; text-transform:capitalize; }
#nav-side li ul li a:hover{ background:#dedede; color:#000; }
#nav-side li ul li.closed a{ background:#efefef; color:#000; font-weight:normal; border-bottom:0px solid #fff; }
#nav-side li ul li.closed a:hover{ background:#dedede; color:#000; }
#nav-side li ul li ul li a{ padding-left:45px; }
#nav-side li ul li ul li ul li a{ padding-left:60px; }
#nav-side li ul li ul li ul li ul li a{ padding-left:75px; }
/* END Accordion Menu (Quiccordion) */

#nav-side ul{ display:none; }
#nav-side li{ position:relative; }
#nav-side .menu-glyph{ font-size:1.4rem; margin:0; /*float:right;*/ position:absolute; top:0; right:0; padding:8px 12px; cursor:pointer; }
#nav-side .menu-glyph:hover{ background:#dedede; }
#nav-side .menu-glyph .fas{ transition:.3s; }
#nav-side .menu-lable{ font-size:1.4rem; margin:0 15px 0 0; display:block; border-left:3px solid transparent; padding-left:8px; }
#nav-side li.current > a{ font-weight:bold; }
#nav-side li.current > a > .menu-lable,
#nav-side li.current > a:hover > .menu-lable{ border-left:3px solid #000; }
#nav-side li > a:hover > .menu-lable{ border-left:3px solid transparent; }

#main-inner a{ text-decoration:underline; }


.tile{ text-align:center; }
.tile a{ display:block; margin:10px 0; padding:10px 0; border:1px solid #fff; border-radius:3px; transition:.3s; }
.tile a:hover{ border:1px solid #299AD4; }
.tile .tile-image{ display:block; }
.tile .tile-image img{ max-height:80px !important; margin:0 auto; }
.tile .tile-label{ display:block; }
.tile .tile-label h2{ margin:0; }


.versions-list-heading-toggle-container{ position:relative; width:100%; text-align:right; }
.versions-list-heading-toggle{ display:inline-block; background:#eee; padding:3px 5px 1px 5px; cursor:pointer; }
.versions-list-toggle{ position:absolute; right:15px; }
.versions-list-toggle ul{ list-style:none; padding:0; }
.versions-list-toggle ul li{}
.versions-list-toggle ul li a,
.versions-list-toggle ul li a:visited{ background:#efefef; padding:10px; color:#000; display:block; transition:.3s; }
.versions-list-toggle ul li a:hover,
.versions-list-toggle ul li a:active{ background:#dedede; text-decoration:none; }

table.sortable thead th{ cursor:pointer; }

h1{ color:#299AD4; font-size:24px; font-weight:bold; }
h2{ font-size:22px; font-weight:bold; }
h3{ font-size:20px; font-weight:bold; }
h4{ font-size:18px; font-weight:bold; }

h2.media-heading a{ font-size:22px; font-weight:bold; color:#000; }

.panel-ki{ border-color:#ddd; border-radius:2px; box-shadow:0 0 5px rgba(0, 0, 0, 0.1); }
.panel-ki h2{ font-size:20px; font-weight:bold; color:#299AD4; }
.panel-ki-alt h2{ font-size:20px; font-weight:bold; color:#299ad4; }

.nav-tabs{ border-bottom:0px solid #fff; }

.ki-tabs > li.active > a,
.ki-tabs > li.active > a:focus,
.ki-tabs > li.active > a:hover{
    background-color: #299AD4;
    border-color: #299AD4 #299AD4 transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: default;
}

.ki-tabs > li > a,
.ki-tabs > li > a:focus,
.ki-tabs > li > a:hover{
    background-color: #fff;
    border-color: #299AD4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #299AD4;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-right:0;
	border-radius:0;
}
.ki-tabs > li.active > a.arrow-below{ position:relative; }
.ki-tabs > li.active > a.arrow-below:after,
.ki-tabs > li.active > a.arrow-below:before{ top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.ki-tabs > li.active > a.arrow-below:after{	border-color:rgba(255, 122, 49, 0);	border-top-color:#299AD4; border-width:15px; margin-left:-15px; }
.ki-tabs > li.active > a.arrow-below:before{ border-color: rgba(255, 122, 49, 0); border-top-color:#299AD4;	border-width:16px; margin-left:-16px; }

.ki-tabs-alt > li.active > a,
.ki-tabs-alt > li.active > a:focus,
.ki-tabs-alt > li.active > a:hover{
    background-color: #299ad4;
    border-color: #299ad4 #299ad4 transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-right:0;
	border-radius:0;
}
.ki-tabs-alt > li.active > a.arrow-below{ position:relative; }
.ki-tabs-alt > li.active > a.arrow-below:after,
.ki-tabs-alt > li.active > a.arrow-below:before{ top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.ki-tabs-alt > li.active > a.arrow-below:after{ border-color:rgba(49, 185, 255, 0); border-top-color:#299ad4; border-width:15px; margin-left:-15px; }
.ki-tabs-alt > li.active > a.arrow-below:before{ border-color:rgba(49, 185, 255, 0); border-top-color:#299ad4; border-width:16px; margin-left:-16px; }

.btn-ki-alt{ background-color:#227ead; border-color:#227ead; color:#fff; border-radius:0; font-size:18px; }

.btn-ki-alt.active, .btn-ki-alt.focus,
.btn-ki-alt:active, .btn-ki-alt:focus,
.btn-ki-alt:hover{ background-color:#227ead; border-color:#227ead; color:#fff; }

.videowrapper-medium{ max-width:500px; }
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wide-content-hero{ margin:0 -30px 20px -30px; }
.wide-content{ margin:30px -30px; background:#ecf1ea; }
blockquote{ background:#fff; border-left:none; font-size:14px; font-weight:normal; padding:30px; }

.tab-content img.pull-left{ margin:0 15px 0 0; }
.tab-content img.pull-right{ margin:0 0 0 15px; }

.jumbotron{ background-color:#2486b7; border-top:solid 100px #30a9e5; color:#fff; margin:0; }
.jumbotron p{ font-size:16px; font-weight:normal; line-height:180%; }

.heading-toggle h2{ background-color:#299AD4; color:#fff; cursor:pointer; font-size:1.5em; margin:0 0 5px; padding:15px; }
.heading-toggle h3{ background-color:#299AD4; color:#fff; cursor:pointer; font-size:1.3em; margin:0 0 5px; padding:15px; }
.heading-toggle a{ color:#fff !important; text-decoration:none !important; }
.heading-toggle .fa{ width:30px; }
.content-toggle{ margin-bottom:30px; display:none; }

#footer{ font-size:16px; }
#footer h2{ font-size:16px; font-weight:bold; margin:0; line-height:180%; }
#footer a{ color:#fff; }
#footer .footer-menu a{ font-weight:bold; }

.no-padding{ padding:0; }
.no-padding-left{ padding-left:0; }
.no-padding-right{ padding-right:0; }

/* pretty forms */
.prettyform p{ margin:15px 0 0 0; }
.prettyform p.section-divider{ width:100%; border-bottom:1px solid #ccc; }
.prettyform ul{ margin:0; padding:0; list-style-type:none; }
.prettyform ol{ font-size:12px; list-style-type:decimal; }
.prettyform ol li{ list-style:decimal; }
.prettyform li{ margin:0; }

.prettyform .form-errors{ color:#FF0000; }
.prettyform .form-errors ul li{ color:#FF0000; }

.prettyform label{ font-weight:bold; clear:both; }
.prettyform legend{ font-size:14px; font-weight:bold; border:none; margin-bottom:0; }

.prettyform .required{ font-size:20px; font-weight:bold; color:#FF0000; line-height:14px; }
.prettyform .sq-form-required-field{ font-size:20px; font-weight:bold; color:#FF0000; line-height:14px; }
.prettyform .eslkrjhgltrkg{ display:none; }

.prettyform input[type=text],
.prettyform input[type=file]{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; padding:7px; border:1px solid #ccc; }

.prettyform textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; padding:7px; border:1px solid #ccc; }

.prettyform select{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; padding:7px; border:1px solid #ccc; }

.prettyform .sq-form-submit{ padding:10px; }
/* end pretty forms */

.gallery-img-container{ display:inline-block; margin:0 10px 10px 0; }

@media screen and (min-width: 1200px){

}

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

}

@media screen and (min-width: 992px){

}

@media screen and (max-width: 992px){
	.no-padding-left{ padding-left:15px; }
	.no-padding-right{ padding-right:15px; }
}

@media screen and (max-width: 768px){
	/* put padding back for tablets/phones */
	.no-padding-left{ padding-left:15px; }
	.no-padding-right{ padding-right:15px; }
	
	#header{ padding:10px; }
	#logos{ padding-bottom:15px; }
}

@media screen and (max-width: 767px){
	.carousel-caption{ bottom:0; color:#fff; left:0; padding:5px 5px; position:absolute; right:0; text-align:left; text-shadow:0 1px 2px rgba(0, 0, 0, 0.7); background:rgba(0, 0, 0, 0.5); z-index:10; }
	.carousel-caption a{ color:#e5e6e9; font-size:12px; font-weight:normal; }
	.carousel-control{ width:10%; background-image: none !important; }
	
	.glyphicon-chevron-banner-control-left{ background:#000; width:28px !important; height:28px !important; padding:5px; border-radius:14px; font-size:18px !important; top:40% !important; }
	.glyphicon-chevron-banner-control-right{ background:#000; width:28px !important; height:28px !important; padding:5px; border-radius:14px; font-size:18px !important; top:40% !important; }
}

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

}

@media screen and (max-width: 480px){
	#logos{ padding-bottom:15px; }
	.logo-border-right{ display:block; border-right:none; padding-bottom:20px; }
	
	.tab-content img.pull-left{ float:none !important; margin:20px 0 0 0; }
	.tab-content img.pull-right{ float:none !important; margin:20px 0 0 0; }
}

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

}


#header-nav-mobile{ margin:0; padding:0; }
#header-nav-mobile ul{ margin:0; padding:0; }
#header-nav-mobile li{ display:block; list-style-type:none; margin:0; }
#header-nav-mobile li a{ color:#555; display:block; font-size:16px; font-weight:normal; padding:15px 15px 10px 15px; }
#header-nav-mobile li a:hover,
#header-nav-mobile li a:focus,
#header-nav-mobile li a:active{ text-decoration:none; }

.hamburger{ background:transparent none repeat scroll 0 0; display:inline-block; font-size:10px; height:1.5em; margin:0 0.2em 0 0; position:relative; width:2em; }
.hamburger::before{ border-bottom:0.3em solid #555; border-top:0.3em solid #555; content:""; height:1.5em; left:0; margin:auto; position:absolute; top:0; width:1.9em; }
.hamburger::after{ background:#555 none repeat scroll 0 0; content:""; display:block; height:0.3em; left:0; position:absolute; top:0.6em; width:1.9em; }


/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/*
 * Side menu slide out
 * 
 */

#pageslide{
	/* These styles MUST be included. Do not change. */
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	overflow:auto;

	/* Specify the width of your pageslide here */
	width:260px;
	padding:5px;

	/* These styles are optional, and describe how the pageslide will look */
	background-color:#333333;
	color:#d0d0d0;
}
 
.open{}

.no-scrolling{ height:100%; overflow:hidden; position:fixed !important; }    

/* Mobile and iPad Portrait */
@media only screen and (max-width: 1000px){
	#panel-body{ width:748px; }
}

/* Mobile Landscape and Portrait */
@media only screen and (max-width: 1000px){
	#panel-body{ width:400px; }
	
	ul#nav-mobile{ display:block; list-style-type:none; padding:2px; }
	
	ul#nav-mobile li ul{ display:none; list-style-type:none; padding:2px 2px 2px 20px; }
	ul#nav-mobile li ul a{ font-weight:normal; }

	ul#nav-mobile > li.mobile_submenu_open > ul,
	ul#nav-mobile > li.mobile_submenu_open > ul > li.mobile_submenu_open > ul{ display:block; }
	
	ul#nav-mobile li ul li ul{ display:none; }
	
	ul#nav-mobile li{
		-webkit-user-select:none;
		-webkit-touch-callout:none;        
	}
 
	#pageslide{ width:260px; background-color:#333333; }
	#pageslide a{ display:block; color:#d0d0d0; font-weight:normal; padding:5px; }
	#pageslide a:hover,
	#pageslide a:focus{ text-decoration:none; background-color:#595959; color:#d0d0d0 !important; cursor:pointer; }
	
	#nav-mobile li.navbar-divider{ display:none; }
}

/* Mobile Portrait */
@media only screen and (max-width: 1000px) {
	#panel-body{ width: 280px; }
}

/* break points to keep the page slide menu happy */
@media (min-width: 280px) and (max-width: 300px){.container{ width:295px; }}
@media (min-width: 300px) and (max-width: 320px){.container{ width:393px; }}
@media (min-width: 320px) and (max-width: 340px){.container{ width:320px; }}
@media (min-width: 340px) and (max-width: 360px){.container{ width:345px; }}
@media (min-width: 360px) and (max-width: 380px){.container{ width:365px; }}
@media (min-width: 380px) and (max-width: 400px){.container{ width:385px; }}
@media (min-width: 400px) and (max-width: 420px){.container{ width:405px; }}
@media (min-width: 420px) and (max-width: 440px){.container{ width:425px; }}
@media (min-width: 440px) and (max-width: 480px){.container{ width:445px; }}
@media (min-width: 480px) and (max-width: 500px){.container{ width:485px; }}
@media (min-width: 500px) and (max-width: 520px){.container{ width:505px; }}
@media (min-width: 520px) and (max-width: 540px){.container{ width:525px; }}
@media (min-width: 540px) and (max-width: 560px){.container{ width:545px; }}
@media (min-width: 560px) and (max-width: 580px){.container{ width:565px; }}
@media (min-width: 580px) and (max-width: 600px){.container{ width:585px; }}
@media (min-width: 600px) and (max-width: 620px){.container{ width:605px; }}
@media (min-width: 620px) and (max-width: 640px){.container{ width:625px; }}
@media (min-width: 640px) and (max-width: 660px){.container{ width:645px; }}
@media (min-width: 660px) and (max-width: 680px){.container{ width:665px; }}
@media (min-width: 680px) and (max-width: 700px){.container{ width:685px; }}
@media (min-width: 700px) and (max-width: 720px){.container{ width:700px; }}
@media (min-width: 720px) and (max-width: 740px){.container{ width:720px; }}
@media (min-width: 740px) and (max-width: 760px){.container{ width:740px; }}
@media (min-width: 768px) and (max-width: 800px){.container{ width:768px; }}
@media (min-width: 800px) and (max-width: 900px){.container{ width:800px; }}
@media (min-width: 900px) and (max-width: 990px){.container{ width:900px; }}
/* end break points to keep the page slide menu happy */