.gridcontainer {
  --width: 1400px;
  --gap: 60px;
  --full: 1fr;
  --content: min(calc(var(--width)/2), 50% - var(--gap) * 1);
  display: grid;
  grid-template-columns:
    [full-start] var(
  --gap) [outer-start] var(--full)
    [content-start] var(--content) [centerline] var(--content) [content-end]
    var(--full) [outer-end] var(--gap) [full-end];
}
@media (max-width: 991px) {
	.gridcontainer {
		--width: 100%;
		--gap: 51px;
		--content: min(calc(var(--width)/2), 50% - var(--gap) * 2);
		grid-template-columns: [full-start] var(--gap) [outer-start] var(--gap)
      [content-start] var(--content) [centerline] var(--content) [content-end]
      var(--gap) [outer-end] var(--gap) [full-end];
	}
}

.gridcontainer > * {
  grid-column: content;
  grid-template-columns: subgrid;
}
.gc-left {
  grid-column-start: content-start;
  grid-column-end: centerline;
}
.gc-right {
  grid-column-start: centerline;
  grid-column-end: content-end;
}
.gc-left-full {
  grid-column-start: full-start;
  grid-column-end: centerline;
}
.gc-right-full {
  grid-column-start: centerline;
  grid-column-end: full-end;
}
.gc-left-content-full {
  grid-column-start: full-start;
  grid-column-end: content-end;
}
.gc-right-content-full {
  grid-column-start: content-start;
  grid-column-end: full-end;
  /* display: grid; */
}
.gc-right-quarter-full {
  grid-column-start: quarter-start;
  grid-column-end: full-end;
  /* display: grid; */
}
.gc-full {
  grid-column: full;
}
.gc-outer {
  grid-column: outer;
}
.gc-louter-rcontent {
  grid-column-start: outer-start;
  grid-column-end: content-end;
}
.gc-louter-center{
  grid-column-start: outer-start;
  grid-column-end: centerline;
}
.gc-lfull-router{
  grid-column-start: full-start;
  grid-column-end: outer-end;
}
.gc-center-router{
  grid-column-start: centerline;
  grid-column-end: outer-end;
}
.gc-vcenter{
	align-self: center; 
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
f {
	box-sizing: border-box;
}
/*
* * {
	outline: 2px solid red;
	background-color: #0002;
}
*/

@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}

img{
	max-width: 100%;
	display: block;
	/* width: 280px; */
}
.small,small {
	font-size: 85%;
	/* line-height: 37px; */
	/* display: inline-block; */
}
spacer{
	flex-grow:1; 
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-justify {
	text-align: justify
}

.text-nowrap {
	white-space: nowrap
}

.text-lowercase {
	text-transform: lowercase
}

.text-uppercase {
	text-transform: uppercase
}

.text-capitalize {
	text-transform: capitalize
}

.text-larger {
	font-size: larger;
}

.text-smaller {
	font-size: smaller;
}

.container {
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}


@media (max-width: 1679px) {
	.gridcontainer {
		  --width: 1100px;
	} 
}

@media (max-width: 1299px) {
	.gridcontainer {
		  --width: 800px;
	}

}
@media (max-width: 991px) {
	.gc-sm-outer{
		grid-column-start: outer-start;
		grid-column-end: outer-end;
	}
	.gc-sm-content{
		grid-column-start: content-start;
		grid-column-end: content-end;
	}

}
@media (max-width: 767px) {
	.gridcontainer {
		  --gap: 30px;
	}
	.gc-right {
		grid-column-start: content-start;
		grid-column-end: content-end;
	}
	.gc-left-full{
		grid-column-start: full-start;
		grid-column-end: full-end;
	}	
	.gc-left {
		grid-column-start: content-start;
		grid-column-end: content-end;
	}
	.gc-right-full{
		grid-column-start: full-start;
		grid-column-end: full-end;
	}
}

@media (max-width: 479px) {
	.gridcontainer {
		  --gap: 15px;
	}
}



.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.container-wide {
	padding-right: 15px;
	padding-left: 15px;
	width: 100%; 
}

.container-nopad {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (max-width: 767px) {
	.container-nopad {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.row {
	margin-right: -15px;
	margin-left: -15px;
	clear: both;
	display:flex;
	flex-wrap: wrap;
}

.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-us-1,.col-us-10,.col-us-11,.col-us-12,.col-us-2,.col-us-3,.col-us-4,.col-us-5,.col-us-6,.col-us-7,.col-us-8,.col-us-9 {
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
}
.col-us-12 {
	width: 100%; 
}

.col-us-11 {
	width: 91.66666667%
}

.col-us-10 {
	width: 83.33333333%
}

.col-us-9 {
	width: 75%
}

.col-us-8 {
	width: 66.66666667%
}

.col-us-7 {
	width: 58.33333333%
}

.col-us-6 {
	width: 50%
}

.col-us-5 {
	width: 41.66666667%
}

.col-us-4 {
	width: 33.33333333%
}

.col-us-3 {
	width: 25%
}

.col-us-2 {
	width: 16.66666667%
}

.col-us-1 {
	width: 8.33333333%
}

.col-us-offset-12 {
	margin-left: 100%
}

.col-us-offset-11 {
	margin-left: 91.66666667%
}

.col-us-offset-10 {
	margin-left: 83.33333333%
}

.col-us-offset-9 {
	margin-left: 75%
}

.col-us-offset-8 {
	margin-left: 66.66666667%
}

.col-us-offset-7 {
	margin-left: 58.33333333%
}

.col-us-offset-6 {
	margin-left: 50%
}

.col-us-offset-5 {
	margin-left: 41.66666667%
}

.col-us-offset-4 {
	margin-left: 33.33333333%
}

.col-us-offset-3 {
	margin-left: 25%
}

.col-us-offset-2 {
	margin-left: 16.66666667%
}

.col-us-offset-1 {
	margin-left: 8.33333333%
}

.col-us-offset-0 {
	margin-left: 0
}

@media (min-width: 480px) {
	.col-xs-12 {
		width: 100%
	}

	.col-xs-11 {
		width: 91.66666667%
	}

	.col-xs-10 {
		width: 83.33333333%
	}

	.col-xs-9 {
		width: 75%
	}

	.col-xs-8 {
		width: 66.66666667%
	}

	.col-xs-7 {
		width: 58.33333333%
	}

	.col-xs-6 {
		width: 50%
	}

	.col-xs-5 {
		width: 41.66666667%
	}

	.col-xs-4 {
		width: 33.33333333%
	}

	.col-xs-3 {
		width: 25%
	}

	.col-xs-2 {
		width: 16.66666667%
	}

	.col-xs-1 {
		width: 8.33333333%
	}

	.col-xs-offset-12 {
		margin-left: 100%
	}

	.col-xs-offset-11 {
		margin-left: 91.66666667%
	}

	.col-xs-offset-10 {
		margin-left: 83.33333333%
	}

	.col-xs-offset-9 {
		margin-left: 75%
	}

	.col-xs-offset-8 {
		margin-left: 66.66666667%
	}

	.col-xs-offset-7 {
		margin-left: 58.33333333%
	}

	.col-xs-offset-6 {
		margin-left: 50%
	}

	.col-xs-offset-5 {
		margin-left: 41.66666667%
	}

	.col-xs-offset-4 {
		margin-left: 33.33333333%
	}

	.col-xs-offset-3 {
		margin-left: 25%
	}

	.col-xs-offset-2 {
		margin-left: 16.66666667%
	}

	.col-xs-offset-1 {
		margin-left: 8.33333333%
	}

	.col-xs-offset-0 {
		margin-left: 0
	}
}

@media (min-width: 768px) {
	.col-sm-12 {
		width: 100%
	}

	.col-sm-11 {
		width: 91.66666667%
	}

	.col-sm-10 {
		width: 83.33333333%
	}

	.col-sm-9 {
		width: 75%
	}

	.col-sm-8 {
		width: 66.66666667%
	}

	.col-sm-7 {
		width: 58.33333333%
	}

	.col-sm-6 {
		width: 50%
	}

	.col-sm-5 {
		width: 41.66666667%
	}

	.col-sm-4 {
		width: 33.33333333%
	}

	.col-sm-3 {
		width: 25%
	}

	.col-sm-2 {
		width: 16.66666667%
	}

	.col-sm-1 {
		width: 8.33333333%
	}

	.col-sm-offset-12 {
		margin-left: 100%
	}

	.col-sm-offset-11 {
		margin-left: 91.66666667%
	}

	.col-sm-offset-10 {
		margin-left: 83.33333333%
	}

	.col-sm-offset-9 {
		margin-left: 75%
	}

	.col-sm-offset-8 {
		margin-left: 66.66666667%
	}

	.col-sm-offset-7 {
		margin-left: 58.33333333%
	}

	.col-sm-offset-6 {
		margin-left: 50%
	}

	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}

	.col-sm-offset-4 {
		margin-left: 33.33333333%
	}

	.col-sm-offset-3 {
		margin-left: 25%
	}

	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}

	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}

	.col-sm-offset-0 {
		margin-left: 0
	}
}

@media (min-width: 992px) {

	.col-md-12 {
		width: 100%
	}

	.col-md-11 {
		width: 91.66666667%
	}

	.col-md-10 {
		width: 83.33333333%
	}

	.col-md-9 {
		width: 75%
	}

	.col-md-8 {
		width: 66.66666667%
	}

	.col-md-7 {
		width: 58.33333333%
	}

	.col-md-6 {
		width: 50%
	}

	.col-md-5 {
		width: 41.66666667%
	}

	.col-md-4 {
		width: 33.33333333%
	}

	.col-md-3 {
		width: 25%
	}

	.col-md-2 {
		width: 16.66666667%
	}

	.col-md-1 {
		width: 8.33333333%
	}

	.col-md-offset-12 {
		margin-left: 100%
	}

	.col-md-offset-11 {
		margin-left: 91.66666667%
	}

	.col-md-offset-10 {
		margin-left: 83.33333333%
	}

	.col-md-offset-9 {
		margin-left: 75%
	}

	.col-md-offset-8 {
		margin-left: 66.66666667%
	}

	.col-md-offset-7 {
		margin-left: 58.33333333%
	}

	.col-md-offset-6 {
		margin-left: 50%
	}

	.col-md-offset-5 {
		margin-left: 41.66666667%
	}

	.col-md-offset-4 {
		margin-left: 33.33333333%
	}

	.col-md-offset-3 {
		margin-left: 25%
	}

	.col-md-offset-2 {
		margin-left: 16.66666667%
	}

	.col-md-offset-1 {
		margin-left: 8.33333333%
	}

	.col-md-offset-0 {
		margin-left: 0
	}
}

@media (min-width: 1300px) {

	.col-lg-12 {
		width: 100%
	}

	.col-lg-11 {
		width: 91.66666667%
	}

	.col-lg-10 {
		width: 83.33333333%
	}

	.col-lg-9 {
		width: 75%
	}

	.col-lg-8 {
		width: 66.66666667%
	}

	.col-lg-7 {
		width: 58.33333333%
	}

	.col-lg-6 {
		width: 50%
	}

	.col-lg-5 {
		width: 41.66666667%
	}

	.col-lg-4 {
		width: 33.33333333%
	}

	.col-lg-3 {
		width: 25%
	}

	.col-lg-2 {
		width: 16.66666667%
	}

	.col-lg-1 {
		width: 8.33333333%
	}

	.col-lg-offset-12 {
		margin-left: 100%
	}

	.col-lg-offset-11 {
		margin-left: 91.66666667%
	}

	.col-lg-offset-10 {
		margin-left: 83.33333333%
	}

	.col-lg-offset-9 {
		margin-left: 75%
	}

	.col-lg-offset-8 {
		margin-left: 66.66666667%
	}

	.col-lg-offset-7 {
		margin-left: 58.33333333%
	}

	.col-lg-offset-6 {
		margin-left: 50%
	}

	.col-lg-offset-5 {
		margin-left: 41.66666667%
	}

	.col-lg-offset-4 {
		margin-left: 33.33333333%
	}

	.col-lg-offset-3 {
		margin-left: 25%
	}

	.col-lg-offset-2 {
		margin-left: 16.66666667%
	}

	.col-lg-offset-1 {
		margin-left: 8.33333333%
	}

	.col-lg-offset-0 {
		margin-left: 0
	} 
}

@media (min-width: 1680px) {
	.col-xl-12 {
		width: 100%
	}

	.col-xl-11 {
		width: 91.66666667%
	}

	.col-xl-10 {
		width: 83.33333333%
	}

	.col-xl-9 {
		width: 75%
	}

	.col-xl-8 {
		width: 66.66666667%
	}

	.col-xl-7 {
		width: 58.33333333%
	}

	.col-xl-6 {
		width: 50%
	}

	.col-xl-5 {
		width: 41.66666667%
	}

	.col-xl-4 {
		width: 33.33333333%
	}

	.col-xl-3 {
		width: 25%
	}

	.col-xl-2 {
		width: 16.66666667%
	}

	.col-xl-1 {
		width: 8.33333333%
	}

	.col-xl-offset-12 {
		margin-left: 100%
	}

	.col-xl-offset-11 {
		margin-left: 91.66666667%
	}

	.col-xl-offset-10 {
		margin-left: 83.33333333%
	}

	.col-xl-offset-9 {
		margin-left: 75%
	}

	.col-xl-offset-8 {
		margin-left: 66.66666667%
	}

	.col-xl-offset-7 {
		margin-left: 58.33333333%
	}

	.col-xl-offset-6 {
		margin-left: 50%
	}

	.col-xl-offset-5 {
		margin-left: 41.66666667%
	}

	.col-xl-offset-4 {
		margin-left: 33.33333333%
	}

	.col-xl-offset-3 {
		margin-left: 25%
	}

	.col-xl-offset-2 {
		margin-left: 16.66666667%
	}

	.col-xl-offset-1 {
		margin-left: 8.33333333%
	}

	.col-xl-offset-0 {
		margin-left: 0
	}
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}

.fade.in {
	opacity: 1
}

.collapse {
	display: none
}

.collapse.in {
	display: block
}

tr.collapse.in {
	display: table-row
}

tbody.collapse.in {
	display: table-row-group
}

.collapsing {
	position: relative;
	/* height: 0; */
	overflow: hidden;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height,visibility;
	-o-transition-property: height,visibility;
	transition-property: height,visibility;
}


.pull-right {
	float: right!important
}

.pull-left {
	float: left!important
}

.hide {
	display: none!important
}

.show {
	display: block!important
}

.hidden {
	display: none!important
}

@-ms-viewport {
	width: device-width
}