@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);
}