@charset "UTF-8";


/***** Variable Values *****/

/*
COLORS:
   bodyBackground           rgb(255, 255, 255)
   headerBackgroundTop      rgba(224, 224, 224, 0.8)
   headerBackgroundBottom   rgb(255, 255, 255)
   headerText               rgb(95, 72, 99)
   sectionBackgroundLight   rgb(255, 255, 255)
   sectionBackgroundDark    rgb(87, 44, 74)
   bodyTextLight            rgb(255, 255, 255)
   bodyTextDark             rgb(55, 17, 44)
   headingText              rgb(200, 200, 200)
   link                     rgb(26, 2, 18)
   buttonBackground         rgb(153, 55, 124)
   footerBackground         rgb(87, 44, 74)
   footerText               rgb(255, 255, 255)

COMPUTED COLORS:
   captionBackground        rgba(55, 17, 44, 0.6)
   overlayBackground        rgba(255, 255, 255, 0.85)
   buttonText               rgb(255, 255, 255)
   headerBorder             rgba(195, 195, 195, 0.3)
   footerBorder             rgba(255, 255, 255, 0.6)

HARD-CODED COLORS:
   background_work          rgb(102, 102, 102)
   background_work_overlay  rgba(250, 250, 250, 0.85)
   heading_work             rgb(207, 6, 6)
   background_play          rgb(29, 48, 65)
   background_play_overlay  rgba(250, 250, 250, 0.85)
   heading_play             rgb(207, 6, 6)

FONTS:
   topMenuText              verdana, 400 (Font stack: Verdana, Geneva, sans-serif)
   sideMenuText             verdana, 400 (Font stack: Verdana, Geneva, sans-serif)
   bodyText                 verdana, 400 (Font stack: Verdana, Geneva, sans-serif)
*/

	
/***** Site-wide styles *****/

body {
	background-color: rgb(255, 255, 255);
	font-family: 'Century Gothic', 'Futura', 'verdana', Verdana, Geneva, sans-serif;
	color: rgb(55, 17, 44);
	font-size: 2em;
	line-height: 1.25;
	padding-top: 70px;
	overflow-x: hidden;
	font-weight: 400;
}
*:focus {
	outline: 3px solid rgb(95, 72, 99) !important;
}
a {
	color: rgb(26, 2, 18);
	/*color:black;*/
}

p {
	margin-bottom: 20px;
}

a:hover,
a:focus {
	color: rgb(26, 2, 18);
}

#sections {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


#section-client {
	background-color: #d2d2d2;
}

/***** Header nav styles *****/

.navbar-fixed-top {
	font-family: 'Century Gothic', 'Futura', Verdana, Geneva, sans-serif;

    -webkit-background-image: -webkit-linear-gradient(rgba(224, 224, 224, 0.8), rgb(255, 255, 255));
    background-image: linear-gradient(rgba(224, 224, 224, 0.8), rgb(255, 255, 255));

	padding-top: 7px;
	padding-bottom: 5px;
	border-bottom: solid 1px rgba(195, 195, 195, 0.3);
	min-height: 71px;
}

.navbar-wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1600px;
	position: relative;
}

.container-fluid {
	padding: 0; //0 15px 0;
}

.container-fluid navbar-wrapper {
	padding: 0 15px;
}

.icon-bar {
	background-color: rgb(26, 2, 18) ;
	display: block;
	width: 22px;
	height: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	border-radius: 1px;
}

.navbar-toggle {
	margin-top: 14px;
	margin-bottom: 14px;
	margin-right: 42px;
	padding: 3px 9px;
}
/*to prevent the logo down */
@media all and (max-width: 330px) {
	.navbar-brand {
		width: 40%;
	}
	.navbar-brand img{
		width: auto;
		height: auto;
	}
}

.menu-slide-button {
	display: none !important;
}

.navbar-toggle:hover .icon-bar,
.navbar-toggle:focus .icon-bar,
.menu-slide-button:hover .icon-bar,
.menu-slide-button:focus .icon-bar {
	background-color: rgb(26, 2, 18) !important;
}

.navbar-nav,
.sidebar-duplicate {
	font-size: 0.9em;
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	font-weight: 400;
}

.navbar-nav > li,
.sidebar-duplicate > li {
	padding: 0 !important;
	line-height: 1em !important;
	margin: 0 0 0px 0 !important;
}

.navbar-nav > li > a,
.navbar-nav button,
.sidebar-duplicate > li > a {
	display: block;
	padding: 7px 10px;
	border-radius: 6px;
	color: rgb(95, 72, 99);
	border: none;
	background-color: transparent;
}
	
.navbar-nav > li > select {
	/*display: block;*/
	margin: 10px;
	padding-left:10px;
	color: rgb(95, 72, 99);
	background-color: transparent;
}

.navbar-nav button {
	padding-bottom: 6px;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav button:hover,
.navbar-nav button:focus,
.sidebar-duplicate > li > a:hover,
.sidebar-duplicate > li > a:focus {
	background-color: rgb(26, 2, 18);
	color: rgba(224, 224, 224, 0.8);
	text-decoration: none;
}
.navbar-nav > li > a {
  letter-spacing: 0.05em;
}
.navbar-nav > li > a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: rgb(26, 2, 18);
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.navbar-nav > li > a:hover:after { 
  width: 100%; 
  left: 0; 
}
.navbar-brand {
	font-size: 1.5em;
	margin-left: 1% !important;
	padding: 0;
	height: auto;
}


.navbar-brand img {
	height: 42px;
	width: auto;
	margin: 8px 0 0;
	
	
}

.navbar-nav > li > a.dropdown-toggle {
	padding: 4px 9px;
}

.navbar-form {
	padding: 0;
	position: absolute;
	top: 60px;
	right: 20px;
	left: 25px;
	text-align: right;
	z-index: 100;
	display: none;
	background-color: transparent; 
	padding-right: 10px;
}

#search-btn {
	float: right;
	font-size: 0.9em;
	color: rgb(95, 72, 99) !important;
	box-shadow: none;
	margin-top: 14px;
	margin-left: 3px;
	padding: 2px 11px 0;
	border-radius: 6px;
	background-color: transparent;
	outline: none;
}

#search-btn:hover,
#search-btn:focus {
	color: rgb(26, 2, 18) !important;
}

#navbar-search {
	display: inline-block;
	width: auto;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	height: 30px;
	font-size: 1em;
}

.navbar-form .btn {

}

.navbar-form .btn:hover,
.navbar-form .btn:focus {
	color: rgba(224, 224, 224, 0.8);
	background-color: rgb(26, 2, 18);
	border-color: rgb(26, 2, 18);
	outline: none;
}

.navbar-form .btn:active {
	box-shadow: none;
}

.navbar-fixed-top .navbar-collapse {
	max-height: 90vh !important;
}

.dropdown-form {
	padding: 10px;
	width: 300px;
}

.dropdown-form input {
	margin-bottom: 6px;
	font-weight: 400;
}

.dropdown-form label {
	position: absolute;
	left: -999em;
}

.dropdown-form h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 15px;
}

.dropdown-form h3 {
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 0;
	color: rgb(95, 72, 99);
}

.dropdown-form p {
	margin-top: 10px;
	margin-bottom: 0;
	padding-left: 2px;
}

.dropdown-form ul {
	padding-left: 5px	;
	list-style-type: disc;
	list-style-position: inside;
	font-weight: normal;
	color: rgb(95, 72, 99);
}

.dropdown-form li {
	margin-top: 5px;
}

.dropdown-form a {
	font-weight: 400;
}

.dropdown-form .btn {
	text-transform: uppercase;
	font-weight: 600;
	color: rgba(224, 224, 224, 0.8) !important;
	text-decoration: none !important;
	background-color: rgb(95, 72, 99);
	padding: 2px 11px;
	margin-top: 10px;
	border-radius: 6px;
}

.dropdown-form .btn[type="submit"] {
	background-color: rgb(26, 2, 18);
	float: right;
	padding: 3px 11px;
}

.dropdown-form .btn:hover,
.dropdown-form .btn:focus {
	background-color: rgb(26, 2, 18);
}

.dropdown-form .btn[type="submit"]:active {
	outline: none;
}

.dropdown.open > button {
	color: rgb(26, 2, 18);
	text-decoration: underline;
}

.sidebar {
	position: fixed;
	top: 69px;
	right: 0;
	bottom: 0;
	width: 370px;
	padding-right: 50px;
	height: auto !important;
	max-height: 50vh !important;
	background-color: rgb(255, 255, 255);
	color: rgb(135, 135, 135);
	-webkit-transition: right 0.2s ease;
	transition: right 0.2s ease;
	font-family: 'Century Gothic', 'Futura', Verdana, Geneva, sans-serif;
	font-weight: 400;
}

.sidebar-interior {
	overflow-y: auto;
	max-height: 100vh;
	max-height: calc(100vh - 100px);
	width: 320px;
}

.navbar-fixed-top .sidebar {
	max-height: none !important;
}

.sidebar.collapse {
	right: -370px;
}

.sidebar.collapsing {
	right: 0;
}

.sidebar.in {
	right: -50px;
}

.sidebar h2 {
	background-color: rgba(224, 224, 224, 0.8);
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px 50px 15px 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	color: rgb(87, 44, 74);
	font-family: 'Century Gothic', 'Futura', Verdana, Geneva, sans-serif;
}

.sidebar h2:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: solid 1px rgba(195, 195, 195, 0.3);
}

.sidebar-menu {
	list-style: none;
	padding: 0;
	margin-top: 20px;
}

.sidebar-menu li {
	display: block;
	padding: 5px 15px;
	margin-bottom: 5px;
	color: rgb(135, 135, 135);
}

.sidebar-menu li a {
	display: block;
	padding: 5px 15px;
}

.sidebar-menu li a:hover,
.sidebar-menu li a:focus {
	text-decoration: none;
	background-color: rgb(26, 2, 18);
	color: rgb(255, 255, 255);
}

.sidebar-footer {
	margin-top: 100px;
	padding: 15px 15px 30px;
	position: relative;
}

.sidebar-contact a {
	color: rgb(135, 135, 135);
}

.close-sidebar-button {
	background-color: transparent;
	border: none;
	color: rgb(255, 255, 255);
	font-size: 3em;
	position: absolute;
	margin-top: -1.7em;
	left: 0;
	outline: none;
}

.sidebar-close-hitbox {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(255, 255, 255);
	display: none !important;
	z-index: 1000;
	-webkit-transition: opacity 0.1s ease;
	transition: opacity 0.1s ease;
}

.sidebar-close-hitbox.collapse {
	display: none !important;
	opacity: 0;
}

.sidebar-close-hitbox.collapsing {
	display: block !important;
	opacity: 0;
}

.sidebar-close-hitbox.collapse.in {
	display: block !important;
	opacity: 0.4;
}

.nav-toggle-hidden {
	display: none;
}

.sidebar-duplicate {
	border-top: solid 1px rgb(95, 72, 99);
	margin-top: 10px;
	padding-top: 10px;
}

@media all and (max-width: 1249px) {
	.menu-slide-button {
		float: right;
		position: relative !important;
		display: block !important;
		margin-left: 3px;
		margin-top: 14px;
		margin-right: 0;
		margin-bottom: 14px;
		padding: 2px 9px;
		z-index: 500;
		background-color: transparent;
		border: none;
		border-radius: 6px;
		outline: none;
	}	
	.navbar-nav {
		position: relative;
		top: -5px;
	}

	.dropdown-menu > li {
		padding: 3px 0;
	}
	
	.dropdown-menu > li > a {
		padding: 7px 10px;
		border-radius: 6px;
		color: rgb(95, 72, 99);
		font-weight: 400;
	}
	
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		background-color: rgb(26, 2, 18);
		color: rgb(255, 255, 255);
	}
	
	.dropdown-menu .divider {
		display: none;
	}
	
	.sidebar {
		display: none !important;
	}
	
	.navbar-collapse {
		background-color: transparent ; 
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: -6px;
		box-sizing: border-box;
	}
	
	.navbar-nav {
		padding-top: 15px;
		padding-left: 15px;
	}
	
	.navbar-collapse a {
		border-radius: 0 !important;
	}
	
	.sidebar-duplicate {
		padding-bottom: 10px;
	}
	.nav .open>a,
	.navbar-nav > li > a,
	.navbar-nav button,
	.sidebar-duplicate > li > a {
		font-weight: 400;
		color: rgb(95, 72, 99) ; /* rgb(26, 2, 18); */
		font-size: 18px;
	}

	.navbar-nav > li > a:hover,
	.navbar-nav > li > a:focus,
	.navbar-nav button:hover,
	.navbar-nav button:focus,
	.sidebar-duplicate > li > a:hover,
	.sidebar-duplicate > li > a:focus {
		color: rgb(255, 255, 255);
	}
	
	.navbar-nav > li > a:after {    
	  background: none repeat scroll 0 0 transparent;
	  bottom: 0;
	  content: "";
	  display: block;
	  height: 2px;
	  left: 50%;
	  position: absolute;
	  background: rgb(255, 255, 255);
	  transition: width 0.3s ease 0s, left 0.3s ease 0s;
	  width: 0;
	}

	.nav .open>a:focus,
	.nav .open>a:hover {
		background-color: rgb(26, 2, 18);
		color: rgb(255, 255, 255);// rgba(224, 224, 224, 0.8);
		text-decoration: none;
	}
	li.dropdown > a.dropdown-toggle:focus,
	li.dropdown > a.dropdown-toggle:hover {
		background-color: transparent ; 
		color: rgb(26, 2, 18);
	}
}

@media all and (min-width: 1250px) {
	
	.navbar-nav {
		clear: none !important;
		float: right;
		text-align: right;
		padding-top: 12px;
		font-size: 0.75em;
	}
	
	.navbar-nav > li,
	.navbar-nav > .dropdown {
		padding: 2px 0;
		display: inline-block;
		float: none;
	}
	
	.navbar-nav > li > a {
		padding: 3px 8px;
	}
	
	.navbar-nav > li > a,
	.navbar-nav button {
		text-transform: uppercase;
	}
	
	#navbar-search {
		max-width: 400px;
	}
	
	.navbar-collapse {
		height: auto !important;
		margin-left: 200px;
		float: none !important;
		max-height: none;
	}
	
	.navbar-collapse:before,
	.navbar-collapse:after {
		display: none !important;
	}
	
	.navbar-collapse.collapsing {
		height: auto !important;
	}
	
	.navbar-brand img {
		height: 68px;
		/*margin: 2px 0 0;*/
		margin-top: -8px;
	}
	
	.navbar-brand.nav-toggle-hidden {
		display: block;
	}
	
	.navbar-nav .login-link {
		display: none;
	}
	
	
	.sidebar {
		position: fixed;
		right: 50px;
	}
	
	.sidebar-duplicate {
		display: none;
	}
	
	.sidebar-close-hitbox {
		margin-left: 0;
	}
	
	.navbar-nav > li > a:hover,
	.navbar-nav > li > a:focus,
	.navbar-nav button:hover,
	.navbar-nav button:focus {
		background-color: transparent !important;
		color: rgb(26, 2, 18);
		/*text-decoration: underline;*/
	}
	
}





/***** Section common styles *****/

section {
	margin-left: auto;
	margin-right: auto;
	max-width: 1600px;
}

h2.spread-smaller {
	text-transform: none;
}

h2.capital {
	text-transform: uppercase;
}

.btn-info{
	background-color: rgb(113, 15, 84) !important;
	border-color: rgb(153, 55, 124)
}
.largeTitle {
	font-size: 1.5em;
	font-weight:bold;
	padding: 8px 0;
}

.spanMsg {

}
.SysInfoText {
	color: #006800;
}
.SysErrText {
	color: #B60000;
}

.btn-more {
	background-color: rgb(153, 55, 124);
	border-radius: 8px;
	color: rgb(255, 255, 255) !important;
	
	font-weight: 600;
	
	padding: 8px 25px;
	text-transform: uppercase;
	white-space: normal;
}

.btn-more:hover,
.btn-more:focus {
	background-color: rgb(26, 2, 18);
}

@media all and (min-width: 768px) {
	
}





/* LIVE/SLIDER section */

#section-home-slider {
	overflow: hidden;
	max-height: 670px;
	padding-top: 0px;
}

.flexslider {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0 !important;
	border: none !important;
	border-radius: 0;
}

.flexslider .flex-control-nav {
	bottom: 20px;
	right: 50px;
    display: inline-block;
    width: auto;
	z-index: 500;
	text-align: right;
	font-size: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.flex-control-nav li {
	transform: scale(1.5) !important;
}

.flex-pauseplay a {
	bottom: 20px !important;
	left: auto !important;
	right: 15px ;
	transform: scale(1.25) !important;
}

.flexslider .btn-more {
    margin-bottom: 20px;
}

.flex-control-paging a {
	width: 15px !important;
	height: 15px !important;
	background-color: rgb(95, 72, 99) !important;
	color: white;
	border: 3px solid white;
}

.flex-control-paging a.flex-active {
	cursor: pointer !important;
	background-color: rgb(26, 2, 18) !important;
	border: 3px solid white;
}

.flex-control-paging a:hover,
.flex-control-paging a:focus {
	background-color: rgb(26, 2, 18) !important;
}

.flexslider .item {
	min-height: 225px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.slidertext h2 {
	max-width: 500px;
	margin-top: 150px;
	margin-left: 5%;
	margin-right: 5%;
	padding-left: 10%;
	background-color: rgba(209, 22, 22, 0.8);
	color: white; font-weight: 400;
}
.slidertext h2 a{
	color: white; font-weight: 400;
	text-decoration: none;
}


.slider-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(55, 17, 44, 0.6);
	color: #FFF; /* rgb(135, 135, 135); */
	font-size: 1.2em;
	font-weight: 300;
	padding: 13px;
}
.slider-caption p {
	margin: 0;
}

@media all and (min-width: 768px) {
	
	.flexslider .item {
		/*min-height: 670px;*/
	}
	
	.slider-1 .section-interior {
		padding-right: 0;
		padding-top: 50px;
		padding-bottom: 0;
	}
	
	.slider-1 h2 {
		margin-left: -8px;
	}
	
	.slider-1 p {
		max-width: 320px;
	}
	
	.slider-1 .section-image {
		position: absolute;
		top: 50px;
		bottom: 50px;
		left: auto;
		right: 15px;
		height: auto;
		width: 53%;
	}
	
	.slider-2:after {
		display: block;
	}
	
}





/* GRID/PANELS sections */

#coin-slider {
	height: auto;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: 18px;
	background-color: rgb(87, 44, 74);
}

#coin-slider .img-container {
	display: block;
	width: 100%;
	color: rgb(135, 135, 135);
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

#coin-slider .img-container > a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: auto; /*cover*/;
	background-position: top center; /* add variables to edit page to control this */
	background-repeat: no-repeat;
	text-decoration: none !important;
}

#coin-slider .img-container > a > *,
#coin-slider td,
#coin-slider th {
	padding: 20px;
}

#coin-slider td,
#coin-slider th {
	display: block;
	min-height: 300px;
}

#section-home-grid .grid-title {
/*	background-color: rgba(55, 17, 44, 0.6);*/
	padding: 0 5px;
	text-align: center;
	position: relative;
	position: absolute;
	top: 250px;
	left: 0;
	right: 0;
}
#section-home-grid .grid-desc {
/*	background-color: rgba(55, 17, 44, 0.6);*/
	padding: 0 5px;
	text-align: center;
	position: relative;
	position: absolute;
	top: 300px;
	left: 0;
	right: 0;
}

#section-home-grid h2,
#section-home-grid h3 {
	margin-top: 3px;
	margin-bottom: 3px;
}

#section-home-grid h2 {
	font-size: 23px;
	font-weight: 500;
	text-align: center;
}

#section-home-grid h3 {
	font-size: 1em;
}

#coin-slider .img-container > a[href] {
	color: black; /* rgb(135, 135, 135); */
	-webkit-transition: -webkit-transform 1s cubic-bezier(.11, 1.11, .47, .95), z-index 1s;
	transition: transform 1s cubic-bezier(.11, 1.11, .47, .95), z-index 1s;
}

#coin-slider .img-container > a[href]:hover .grid-more-link,
#coin-slider .img-container > a[href]:focus .grid-more-link {
	text-decoration: underline;
}

span.grid-more-link {
	display: inline-block;
}

.grid-more-link .glyphicon {
	font-weight: 600;
	color: rgb(135, 135, 135);
	margin-left: 5px;
	font-size: 0.85em;
}





/* GROW YOUR BUSINESS tri-panel section */

.section-home-tripanel {
	background-color: rgb(87, 44, 74);
	padding: 15px 0 10px;
	color: rgb(135, 135, 135);
}

.section-home-tripanel table {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.section-home-tripanel thead,
.section-home-tripanel tfoot {
	display: none;
}

.section-home-tripanel th,
.section-home-tripanel td {
	padding-left: 30px;
	padding-right: 5px;
	vertical-align: top;
}

.section-home-tripanel th {
	padding-top: 0;
	padding-bottom: 20px;
	font-size: 1.6em;
	font-weight: 600;
	color: rgb(200, 200, 200);
}

.section-home-tripanel td {
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	margin-bottom: 20px;
}

.section-home-tripanel h2 {
	color: rgb(200, 200, 200);
}

.section-home-tripanel .glyphicon {
	margin-left: 5px;
}

@media all and (min-width: 840px) {
	
	.section-home-tripanel {
		padding: 50px 15px 40px;
	}
	
	.section-home-tripanel thead {
		display: table-header-group;
	}
	
	.section-home-tripanel tfoot {
		display: table-footer-group;
	}
	
	.section-home-tripanel tbody h2,
	.section-home-tripanel tbody a {
		/*display: none;*/
	}
	
	.section-home-tripanel td {
		display: table-cell;
		margin-bottom: 0;
	}
	
	.section-home-tripanel th,
	.section-home-tripanel td {
		width: 30%;
		padding-left: 1.6%;
		padding-right: 1.6%;
	}
	
}





/* GROW YOUR BUSINESS and FINGERTIPS section */

.banner {
	padding: 15px 10px;
	text-align: center;
	background-color: rgb(87, 44, 74);
	color: rgb(200, 200, 200);
}

.banner h2 {
	font-size: 1.3em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 5px;
	text-transform: none;
}

#section-home-fingertips {
	color: rgb(200, 200, 200);
}

#section-home-grow {
	color: rgb(26, 2, 18);
}

@media all and (min-width: 480px) {
    
    .banner {
        padding: 50px 30px;
    }
    
    .banner h2 {
        font-size: 2em;
    }
    
}

@media all and (min-width: 768px) {
	
	.banner h2 {
		font-size: 2.7em;
	}
	
}





/* WORK section */

.section-home-work {
	position: relative;
	background-color: rgb(102, 102, 102);
}

.section-home-work:after {
    content: '';
    clear: both;
    display: block;
}

#work-bg1,
#work-bg2 {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 75%;
}


.section-home-work .section-accent {
	background-color: rgb(255, 255, 255);
	position: relative;
	z-index: 100;
	padding-top: 5px;
	padding-bottom: 5px;
}

.section-home-work .section-interior {
	padding-left: 30px;
	padding-right: 30px;
}

.section-home-work h2 {
	color: rgb(55, 17, 44);
}
/*
.home-work-h2{
	color: rgb(55, 17, 44);
}
*/
.section-home-work .btn {
    margin-top: 10px;
    margin-bottom: 20px;
}

@media all and (min-width: 900px) {
	
	.section-home-work {
		padding-bottom: 225px;
		padding-top: 200px;
	}
    
    .section-home-work h2 {
        color: rgb(207, 6, 6); 
    }
	
	.home-work-h2 {
        color: rgb(207, 6, 6);
    }
	
	#work-bg1,
	#work-bg2 {
        bottom: 0;
        position: absolute;
        top: 0;
	}
	
	#work-bg1 {
		display: block;
		left: 0;
		width: 35%;
	}
	
	#work-bg2 {
		left: auto;
		right: 0;
        height: auto;
		width: 65%;
	}
	
	.section-home-work .section-accent {
		max-width: 55%;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
        background-color: rgba(250, 250, 250, 0.85);
	}
	
	.section-home-work .section-interior {
		max-width: 570px;
		margin-left: auto;
	}
    
    .section-home-work .btn {
        margin-top: 35px;
        margin-bottom: 0;
        float: left;
    }
	
}





/* PLAY section */

#section-home-play {
	background-color: rgb(29, 48, 65);
    position: relative;
}

#section-home-play .section-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    height: 250px;
}

#section-home-play .section-accent {
	background-color: rgb(255, 255, 255);
}

#section-home-play .section-interior {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	padding: 30px 30px 10px;
}

.home-play-interior {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	padding: 30px 30px 10px;
}

#section-home-play h2 {
	color: rgb(55, 17, 44);
	margin-top: -10px;
	margin-left: -6px;
}

.home-play-h2 {
	color: rgb(55, 17, 44);
	margin-top: -10px;
	margin-left: -6px;
}

#section-home-play .btn {
	margin-top: 10px;
    margin-bottom: 20px;
}

@media all and (min-width: 768px) {
	
	#section-home-play {
		padding-bottom: 175px;
		padding-top: 275px;
	}
    
    #section-home-play .section-image {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto;
    }
    
    #section-home-play .section-accent {
        background-color: rgba(250, 250, 250, 0.85);
        position: relative;
        z-index: 10;
    }
	
	#section-home-play .section-interior {
		padding-left: 450px;
	}
	
	.home-play-interior {
		padding-left: 450px;
	}
	
	#section-home-play h2 {
		margin-left: -420px;
		position: absolute;
        color: rgb(207, 6, 6);
	}
	
	.home-play-h2 {
		margin-left: -420px;
		position: absolute;
        color: rgb(207, 6, 6);
	}
    
    #section-home-play .btn {
        margin-top: 50px;
        margin-bottom: 0;
        float: left;
   }
		
}





/***** DEMO FORM styles *****/





#section-demo-form {
	text-align: center;
	color: rgb(135, 135, 135);
	background-color: rgb(87, 44, 74);
	padding: 1px 30px 30px 30px;
}

#section-demo-form-group {
	position: relative;
}

#section-demo-form:after {
		content: '';
		display: block;
		clear: both;
	}

#section-demo-form h2 {
	text-transform: uppercase;
	color: rgb(200, 200, 200);
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 1.4em;
}

#section-demo-form h3 {
	font-size: 1.1em;
	line-height: 1.2;
}

#section-demo-form > p {
	font-size: 18px;
	margin-bottom: 10px;
}

#demo_form {
	margin-top: 40px;
	text-align: left;
	border-bottom: solid 1px rgb(187, 144, 174);
	padding-bottom: 35px;
}

#demo_form input {
	font-size: 1em;
	height: auto;
	margin-bottom: 25px;
	border-radius: 0;
    border-color: #d2d2d2;
	background-color: rgba(250, 250, 250, 0.85);
    /*background-color: #fff; */
	color: #000;
}

#demo_form label {
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: normal;
	color: rgb(200, 200, 200);
}

#demo_form input[type="button"],
#demo_form input[type="submit"],
#demo_form input[type="reset"] {
	background-color: rgb(153, 55, 124);
	border-color: rgb(153, 55, 124);
	border-radius: 8px;
	color: rgb(255, 255, 255) !important;
	font-size: 1em;
	font-weight: 600;
	margin-top: 20px;
	padding: 8px 25px;
	text-transform: uppercase;
	white-space: normal;
}

#demo_form input[type="button"]:hover,
#demo_form input[type="submit"]:hover,
#demo_form input[type="reset"]:hover,
#demo_form input[type="button"]:focus,
#demo_form input[type="submit"]:focus,
#demo_form input[type="reset"]:focus {
	background-color: rgb(26, 2, 18);
	border-color: rgb(26, 2, 18);
}

#demo_form textarea {
	height: 85px;
	border-radius: 0;
	margin-bottom: 10px;
	font-size: 1em;
    border-color: #d2d2d2;
	background-color: rgba(250, 250, 250, 0.85);
    /*background-color: #fff; */
	color: #000;
}

#demo_form .divider {
	width: 100%;
	height: 1px;
	background-color: rgb(187, 144, 174);
	margin-top: 35px;
	margin-bottom: 25px;
}

#sponsor-grid {
	padding-top: 50px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#sponsor-grid a {
	display: block;
	width: 100%;
	margin-bottom: 5%;
}

#sponsor-grid img {
	width: 100%;
}

.google-map {
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	margin-top: 30px;
	margin-bottom: 5px;
	border: 0;
}

@media all and (min-width: 540px) {
	
	.half-width {
		width: 47%;
	}
	
	.half-width-l {
		float: left;
	}
	.half-width-r {
		float: right;
	}
	
}
	
@media all and (min-width: 768px) {
	
	.half-width {
		width: 47.5%;
	}
	
}

@media all and (min-width: 1250px) {
	
	.half-width {
		width: 48%;
	}
	
	#section-demo-form {
		position: relative;
	}
	
	#demo_form {
		
		border-bottom: none;
		padding-bottom: 0;
		;
		
	}
	
	#demo_form .btn {
		float: left;
	}
	
	#sponsor-grid {
		position: absolute;
		top: 5px;
		padding-top: 0;
		left: 50%;
		right: 0;
		padding-left: 20px;
	}
	
	#section-demo-form .google-map {
		height: 400px;
	}

}


.extended-footer-background {
	background-color: rgb(87, 44, 74);
}


/* FOOTER LINKS section */

#section-footer-links {
	background-color: rgb(87, 44, 74);
	color: rgb(255, 255, 255);
	padding: 20px 30px;
	font-size: 0.85em;
}

#section-footer-links .section-interior {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

#section-footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#section-footer-links li {
	display: block;
}

#section-footer-links a {
	color: inherit;
	display: inline-block;
	text-decoration: none;
}

#section-footer-links a:hover,
#section-footer-links a:focus {
	color: rgb(255, 255, 255);
}

#section-footer-links h3 {
	font-size: 1em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 15px;
}

#section-footer-links h3,
#section-footer-links h3 a {
	color: rgb(255, 255, 255); //rgb(26, 2, 18);
}

.footer-links-row > div {
	display: block;
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
}

.logo-group {
	display: inline-block;
	margin-top: 10px;
}

.logos {
	width: 100% !important;
	/*text-align: center;*/
	padding-right: 0 !important;
}

.logos a {
	display: inline-block;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

.logos img {
	display: block;
}

path.dark,
.vi-logos path,
.vi-logos polygon {
	fill: rgb(255, 255, 255);
}

path.light {
	fill: rgb(87, 44, 74);
}

.logos a:hover path.dark,
.vi-logos a:hover path,
.vi-logos a:hover polygon,
.vi-logos a:hover rect,
.logos a:focus path.dark,
.vi-logos a:focus path,
.vi-logos a:focus polygon,
.vi-logos a:focus rect {
	fill: rgb(255, 255, 255);
}

.logo-qcti svg {
	width: 93px;
}

.logo-youtube svg {
	width: 55px;
	height: auto;
}

.logo-facebook svg {
	width: 56px; /*30px;*/
	height: auto;
}

.logo-twitter svg {
	width: 32px;
	position: relative;
	top: 2px;
	height: auto;
	margin-left: 7px;
}

@media all and (min-width: 480px) {
	
	.footer-links-row {
	}
	
	.footer-links-row > div {
		display: inline-block;
		//width: 49%;
		vertical-align: top;
	}
	
	.logos {
		width: 100%;
	}
	
}

@media all and (min-width: 768px) {
	
	.footer-links-row > div {
		width: 375px;
		float: left;
	}
	
	.logos {
		text-align: right;
		width: 280px !important;
		float: right !important;
	}
    
    .footer-links-row:after {
        content: '';
        display: block;
        clear: both;
    }
	
}

@media all and (min-width: 900px) {
	
	.logos {
		width: 420px !important;
	}
	
}





/***** Footer styles *****/

footer {
	clear: both;
    background-color: rgb(87, 44, 74);
	color: rgb(255, 255, 255);
	padding: 20px 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1600px;
	position: relative;
}

footer:before {
	content: '';
	display: block;
	border-top: solid 1px rgba(255, 255, 255, 0.6);
	position: absolute;
	top: 0;
	left: 25px;
	right: 25px;
}

footer h6 {
	font-weight: normal;
	margin: 2px;
}

footer a {
	color: inherit !important;
}

section {
	position: relative;
}

.offset-anchor {
    position: absolute;
	top: -70px;
	left: 0;
}








/***** CLIENTS PAGE *****/

#clients-featured {
	display: none;
	background-color: rgb(87, 44, 74);
	color: rgb(135, 135, 135);
	font-size: 16px;
	padding: 5px 5px 0;
}

#clients-featured h2 {
	background-color: rgb(255, 255, 255);
	color: rgb(55, 17, 44);
	padding: 12px 10px 12px;
	text-align: center;
	margin: 0 -50px 10px;
}

#clients-featured .flexslider {
	background-color: rgb(87, 44, 74);
}

#clients-featured .flexslider .flex-control-nav {
	bottom: 0;
	right: 40%;
	margin-right: -39px;
	width: 30px;
	z-index: 500;
	text-align: right;
	font-size: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#clients-featured .flexslider .flex-control-paging li {
	width: 22px;
	height: 22px;
	margin: 0;
}

#clients-featured .slides li {
	position: relative;
}

.featured-text {
	width: 40%;
	margin-left: auto;
	padding: 0 50px;
	height: 300px;
	overflow: hidden;
}

.featured-images {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 40%;
}

.featured-images div {
	height: 100%;
	width: 49%;
	width: calc(50% - 5px);
	margin-right: 5px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#clients-featured .client-grid-website {
	position: static;
	float: right;
}

#clients-section {
	;
	padding: 20px;
}

#clients-nav {
	position: relative;
	height: 70px;
	padding: 0 27px 0;
	cursor: default;
	overflow: hidden;
    background-color: transparent; rgb(87, 44, 74);
}

#clients-nav-before,
#clients-nav-after {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	background-color: transparent;
	color: rgb(126, 102, 118);
	border: none;
	outline: none;
}

#clients-nav-before {
	left: -10px;
}

#clients-nav-after {
	right: -10px;
}

#clients-nav ul {
	overflow-y: hidden;
	overflow-x: scroll;
	white-space: nowrap;
	list-style: none;
	padding: 0 10px 20px 0;
	/*margin-bottom: -20px;*/
	text-align: center;
	-webkit-overflow-scrolling: touch;
}

#clients-nav li {
	display: inline-block;
}

#clients-nav li a {
	display: block;
	padding: 15px 12px;
	margin:0 10px;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #FFF;
	color: rgb(135, 135, 135);
	text-decoration: none;
	border: 1px solid #b2b2b2;
	-webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
	box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
}

#clients-nav li a:hover,
#clients-nav li a:focus,
.clientSectionActive {
	background-color: rgb(26, 2, 18) !important;
	color: white !important;
	border: 1px solid #b2b2b2;
	-webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
	box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
}





#clients-grid {
	padding: 10px;
}

#clients-grid iframe {
	display: block;
	width: 100%;
	border: 0;
}

.clients-section {
	list-style: none;
	padding: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
}

.clients-section li {
	display: block;
	padding-top: 2%;
	margin-bottom: 15%;
	position: relative;
	/*margin-bottom: 2.5%;*/
}

.clients-section li img{
	width: 100%;
	max-height: 315px;
}


.clients-section-title {
	font-weight: 600;
	clear: both;
	margin-top: 0;
	font-size: 1.8em;
	margin-bottom: 15px;
	padding: 10px 17px 10px 0;
}

.client-grid-title {
	/*position: absolute;
	left: 0;
	right: 0;
	background-color: rgba(55, 17, 44, 0.6);*/
	color: rgb(35, 35, 35);
	padding: 8px 0;
}

.client-grid-link {

}

.client-grid-link:hover .client-grid-title,
.client-grid-link:focus .client-grid-title {
	color: rgb(35, 35, 35);
	text-decoration: underline;
}

.client-grid-website {
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: 30px;
	text-align: center;
	text-decoration: none;
	background-color: rgb(153, 55, 124);
	border-radius: 8px;
	padding: 3px 8px;
	color: rgb(135, 135, 135) !important;	
}

.loading-box,
#flexsliderPreload {
	display: none;
	padding-top: 100px;
	background-color: transparent; /*rgb(255, 255, 255);*/
}
			
#flexsliderPreload {
	display: block;
}


.spinner {
	margin: 0 auto;
    border: 5px solid rgb(215, 215, 215);
    border-top: 5px solid rgb(26, 2, 18);
	border-radius: 100%;
	height: 80px;
	width: 80px;
	animation: spin .6s infinite linear;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media all and (min-width: 767px) {
	
	.clients-section {
		padding-left: 5%;
	}
	
	.clients-section-title {
		padding-left: 5%;
	}
	
	.clients-section li {
		width: 45%;
		float: left;
		margin-bottom: 15%;
		margin-right: 5%;
		/*padding-top: 25%;*/
	}
	
	.clients-section li:nth-child(even) {
		margin-right: 0;
	}
}

@media all and (max-width: 767px) {
	
	.responsiveTable {
		display: block;
	}
	
	.responsiveTable thead,
	.responsiveTable tbody {
		display: block;
	}
	
	.responsiveTable tr {
		display: block;
	/*	background-color: rgb(100, 100, 100);
		color: #fff;*/
		padding: 5px;
	}
	
	.responsiveTable .gridAltItems {
	/*	background-color: #fff;
		color: #000;*/
	}
	
	.responsiveTable td:not(.itemInline),
	.responsiveTable th:not(.itemInline){
		display: block;
		padding: 0;
		margin-bottom: 5px;
	}
	
	.responsiveTable td[align="center"] {
		text-align: left;
	}
	
	
	.itemInline{
		padding-right: 10px;
		margin-bottom: 5px;
	}	
	
	
	.responsiveTable .gridTitle {
		display: none;
	}
	
	.responsiveTable .imageColumn {
		display: none;
	}
	
	.form-inline * {
		margin-bottom: 5px;
	}
	
	#txtSearch {
		max-width: 205px;
		display: inline-block;
	}
	
}





/*****  ABOUT page styles  *****/




#about section h2 {
	color: rgb(200, 200, 200);
}

#about .section-image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 300px;
}







#section-about-us {
	position: relative;
}

#section-about-us .section-interior {
	background-color: rgb(255, 255, 255);
	padding: 10px 15px 20px;
}

.section-image {
	display: block;
}




#section-menu-landing {
	position: relative;
	font-family: 'Century Gothic', 'Futura', 'verdana', Verdana, Geneva, sans-serif;
}

#section-menu-landing .section-image {
	
}

#section-menu-landing .section-interior {
	background-color: rgb(255, 255, 255);
}
#section-menu-landing .section-interior .menu-padding{
	padding: 20px 40px;
}

#section-menu-landing .section-interior .panel-padding{
	padding: 3%;
}

#section-menu-landing .section-interior h3{
	font-family: 'Century Gothic', 'Futura', 'Century Gothic', sans-serif;
	font-size: 1.8em;
	color: rgb(55, 17, 44);
}


#section-gallery .section-interior {
	background-color: rgb(255, 255, 255);
}


#section-about-vision {
	position: relative;
}

#section-about-vision .section-interior {
	background-color: rgb(255, 255, 255);
	padding: 10px 15px 20px;
}

#section-about-vision ul {
	padding-left: 23px;
}

#section-about-vision li {
	margin-bottom: 15px;
}





#section-about-offer {
	background-color: rgb(87, 44, 74);
	text-align: center;
	padding: 30px 30px 35px;
}

#section-about-offer h2 {
	font-size: 1em;
	font-weight: 600;
	margin: 0;
}

#section-about-offer .btn {
	width: 220px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}







#section-about-products {
	background-color: rgb(255, 255, 255);
	padding: 10px 15px 20px;
}

#section-about-products .section-interior {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	
}

#section-about-products h2 {
	font-size: 2.5em;
	margin-bottom: 30px;
}





#section-about-features {
	background-color: rgb(87, 44, 74);
	padding: 50px 15px 40px;
	color: rgb(135, 135, 135);
}

#section-about-features h2 {
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	font-size: 1.3em;
	margin-top: 0;
}

#section-about-features h3 {
	color: rgb(26, 2, 18);
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 15px;
}

#section-about-features .btn {
	width: 220px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#section-about-features ul {
	list-style: none;
	padding: 0;
	margin-top: 50px;
	margin-bottom: 60px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#section-about-features li {
	padding-left: 60px;
	min-height: 45px;
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 0;
	margin-bottom: 0;
}

#section-about-features p {
	display: none;
}



#section-about-technology {
	position: relative;
}

#section-about-technology .section-interior {
	background-color: rgb(255, 255, 255);
	padding: 10px 15px 20px;
}


@media all and (min-width: 1250px) {
	#about .section-image {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: auto;
	}
	
	
	#section-about-us {
		padding-top: 100px;
		padding-bottom: 120px;
	}
	
	#section-about-us .section-interior {
		background-color: rgba(255, 255, 255, 0.85);
		max-width: 450px;
		border-radius: 8px;
		margin-left: 13%;
		position: relative;
		z-index: 10;
	}
	
	
	#section-about-vision {
		padding-top: 75px;
		padding-bottom: 100px;
	}
	
	#section-about-vision .section-interior {
		background-color: rgba(255, 255, 255, 0.85);
		max-width: 750px;
		border-radius: 8px;
		margin-left: auto;
		margin-right: 11%;
		position: relative;
		z-index: 10;
	}
	
	#section-about-products {
		padding: 40px 30px;
	}
	
	#section-about-features li {
		padding-left: 75px;
		min-height: 65px;
		background-size: 65px;
		margin-bottom: 35px;
	}
	
	#section-about-features p {
		display: block;
	}
	
	
	#section-about-technology {
		padding-top: 50px;
		padding-bottom: 100px;
	}
	
	#section-about-technology .section-interior {
		background-color: rgba(255, 255, 255, 0.85);
		max-width: 660px;
		border-radius: 8px;
		margin-left: auto;
		margin-right: 11%;
		position: relative;
		z-index: 10;
	}
	
}


/****** OLD QCTI CLASSES ******/

.gridTitle {
	font-size: 1.1em;
	height: 45px;
	color: rgb(135, 135, 135) ;
	background-color: rgb(107, 64, 94);
}
.gridTitle:hover {
	background-color: rgb(107, 64, 94) !important; 
}
.gridTitle  a {
	color: rgb(235, 235, 235) ;
}

.gridstyle {
}

.gridAltItems {
	color: rgb(135, 135, 135);
	background-color: rgba(215, 177, 204, 0.6);
}

.gridAltItems2 {
	color: rgb(135, 135, 135);
	background-color: rgba(55, 17, 44, 0.6);
	font-size: 0.9em;
	font-weight: 400;
	font-family: 'Futura', 'verdana', Verdana, Geneva, sans-serif;
}

.normalText {
	font-size: 0.9em;
	font-weight: 400;
	font-family: 'Century Gothic', 'Futura', 'verdana', Verdana, Geneva, sans-serif;
}

.normalHeading {
	padding-top: 0;
	padding-bottom: 20px;
	font-size: 1.6em;
	font-weight: 600;
	color: rgb(200, 200, 200);
}

.normalCtrl {
	font-size: 1em;
	height: auto;
	border-radius: 0;
    border-color: #d2d2d2;
    background-color: #fff;
	color: #000;
}

.normalBtn {
	background-color: rgb(153, 55, 124);
	border-radius: 8px;
	color: rgb(255, 255, 255) !important;
	font-size: 1em;
	font-weight: 600;
	padding: 8px 25px;
	text-transform: uppercase;
	white-space: normal;
}

.normalBtn:hover,
.normalBtn:focus {
	background-color: rgb(26, 2, 18);
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid rgb(26, 2, 18);
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid rgb(26, 2, 18);
}

.Menubar {
	color: rgb(95, 72, 99);
	text-decoration: none;
	margin-top: 3px;
	font-size: 0.9em;
	font-weight: 400;
}

.Menubar:hover {
	color: rgb(26, 2, 18);
	text-decoration: none;
	margin-top: 3px;
	font-size: 0.9em;
	font-weight: 400;
}

/****** OLD QCTI CLASSES END ******/

@media all and (min-width: 768px) {
	.page-title {
		font-size: 4em;
	}
}
@media all and (max-width: 768px) {
	.page-title {
		font-size: 2em;
	}
}
.page-title {
	text-align: left !important;
	top: 5%;
	left: 35px;
	text-shadow: none !important;
}

.tile-title {
	font-size: 2em;
	text-align: left !important;
	top: 5%;
	left: 35px;
	text-shadow: none !important;
}
/****** OLD QCTI CLASSES END ******/

/******* OVERWRITE BASE BOOTSTRAP *******/
@media (max-width: 1249px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
	  margin-top: 5px; 
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .navbar-collapse.collapse.in{
      display:block !important;
  }
  .sidebar{
      display:none !important;
  }
  .sidebar.collapse{
      display:none !important;
  }
  .sidebar.collapse.in{
      display:none !important;
  }

	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 20px;
	}

	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
		padding: 5px 15px 5px 25px;
	}
}

@media (min-width: 768px) {
	.navbar-collapse.in {
		overflow-y: auto !important;
	}
}

.form-control:hover {
    border-color: #d2d2d2;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #ddd;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #ddd;
}
.form-control:focus , .form-control:active {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.panel-default>.panel-heading {
	background-color: rgb(87, 44, 74);
	color: rgb(255, 255, 255) ;
}

/****** OVERWRITE BASE BOOTSTRAP END ******/

/******* RESPONSIVE GOOGLE MAP *******/
.google-maps {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
/****** RESPONSIVE GOOGLE MAP END ******/	

.tile-btn {
	margin-bottom: 15px;
	-webkit-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;
}
.tile-btn:hover {
	-webkit-box-shadow: 0 9px 18px 0 rgba(0,0,0,0.4), 0 7px 22px 0 rgba(0,0,0,0.39);
	box-shadow: 0 9px 18px 0 rgba(0,0,0,0.4), 0 7px 22px 0 rgba(0,0,0,0.39);
}
.img-gradient {
  width:100%;
  position:relative;
  display:inline-block;
}

.img-gradient::after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: linear-gradient(to top, rgba(0,0,0,0) 50%,rgba(255,255,255,0.80) 80%, rgba(255,255,255,0.99) 100%); /* W3C */
}
.tileText {
    text-align: center;
	width: 100%;
	display: block;
	top: 30px;
	position: absolute;
	margin-left: -15px;
	margin-right: -15px;
	z-index: 10;
}

.tileText a {
	text-decoration: none;
}

@media print {
	a[href]:after {
		content: none !important;
	}
	ul {
		list-style: none;
	}
	.container {
		width: 1250px;
	}
    .navbar {
        display: block;
        border-width:0 !important;
    }
    .navbar-toggle {
        display:none;
    }	  
}

.GridPager a,
.GridPager span {
	display: inline-block;
	padding: 5px 9px;
	margin-right: 0px;
	border-radius: 3px;
	border: solid 1px #c0c0c0;
	background: #e9e9e9;
	box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
	font-size: .875em;
	font-weight: bold;
	text-decoration: none;
	color: #717171;
	text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.GridPager a {
	background-color: #f5f5f5;
	color: #969696;
	border: 1px solid #969696;
	margin: 3px 0px;
}

.GridPager span {

	background: #616161;
	box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
	color: #f0f0f0;
	text-shadow: 0px 0px 3px rgba(0,0,0, .5);
	border: 1px solid #3AC0F2;
}

.input-group-btn {
	left: 10px !important;
	
}
.input-group-btn .btn{
	border-radius: 8px !important;
}
.input-group .form-control{
	border-radius: 4px !important;
}

/****** DROPDOWN SEARCH ******/
.dropdown_filter_options {
	margin: 0;
	padding: 4px;
	list-style-type: none;
	border: 1px solid gray;
	background-color: #fff;
	max-height:400px;
	overflow:hidden; overflow-y:scroll;
}
.dropdown_filter_options li {
	padding: 2px;
	cursor: pointer;
}
.dropdown_filter_options li:hover {
	background-color: lightgray;
}


@media print {
	.noPrint {
		width: 100%;
	}
}

/***************AODA*******************/
.h1, h1 {
	font-size: 1.8em;
}
.dropdown-menu {
	font-size: 0.95em;
}
.form-control {
	height: auto;
}
.btn{
	font-size: 0.9em;
}

#section-footer-links h1 {
	font-size: 1.2em !important;
}
footer h2{
	font-size: 0.7em !important;
	margin: 0 !important;
}
.btn-info:focus, .btn-info:hover {
	background-color: rgb(26, 2, 18) !important;
}
html {
  --top-spacing: 70px;
  scroll-padding-top: var(--top-spacing);
}