@charset "UTF-8";

@font-face {
  font-family: 'Century Gothic';
  src: url('/V2/Fonts/GOTHIC.ttf')  format('truetype');
}	


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

/*
COLORS:
   bodyBackground           rgb(255, 255, 255)
   headerBackgroundTop      rgba(217, 217, 217, 0.8)
   headerBackgroundBottom   rgb(255, 255, 255)
   headerText               rgb(53, 77, 128)
   sectionBackgroundLight   rgb(255, 255, 255)
   sectionBackgroundDark    rgb(73, 96, 142)
   bodyTextLight            rgb(234, 234, 234)
   bodyTextDark             rgb(105, 120, 131)
   headingText              rgb(39, 50, 73)
   link                     rgb(74, 112, 191)
   buttonBackground         rgb(182, 199, 207)
   footerBackground         rgb(80, 88, 107)
   footerText               rgb(255, 255, 255)

COMPUTED COLORS:
   captionBackground        rgba(105, 120, 131, 0.6)
   overlayBackground        rgba(255, 255, 255, 0.85)
   buttonText               rgb(234, 234, 234)
   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              Arial, 400 (Font stack: Arial, 'Helvetica Neue', Helvetica, sans-serif)
   sideMenuText             Arial, 400 (Font stack: Arial, 'Helvetica Neue', Helvetica, sans-serif)
   bodyText                 Arial, 400 (Font stack: Arial, 'Helvetica Neue', Helvetica, sans-serif)
*/

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

body {
	background-color: rgb(255, 255, 255);
	
	font-family: 'Century Gothic', 'Futura', 'Microsoft Yahei', STXihei, sans-serif;
	color: rgb(105, 120, 131);
	font-size: 2em;
	line-height: 1.25;
	padding-top: 70px;
	overflow-x: hidden;
	font-weight: 400;
}

a {
	color: rgb(74, 112, 191);
	/*color:black;*/
}

p {
	margin-bottom: 20px;
}

a:hover,
a:focus {
	color: rgb(74, 112, 191);
}

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





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

.navbar-fixed-top {
	
	font-family:'Century Gothic', 'Futura', 'Microsoft Yahei', STXihei, sans-serif;

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

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

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

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

.icon-bar {
	background-color: rgb(74, 112, 191) ;
	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(74, 112, 191) !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(53, 77, 128);
	border: none;
	background-color: transparent;
}
	
.navbar-nav > li > select {
	display: block;
	margin: 0 10px;
	padding-left:10px;
	color: rgb(53, 77, 128);
	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(74, 112, 191);
	color: rgba(217, 217, 217, 0.8);
	text-decoration: none;
}

.navbar-brand {
	font-size: 1.5em;
	margin-left: 1% !important;
	padding: 0;
	
	
}

.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: 3px;
	right: 145px;
	left: 25px;
	text-align: right;
	z-index: 100;
	display: none;
	background-color: rgba(217, 217, 217, 0.8);
	padding-right: 10px;
}

#search-btn {
	float: right;
	font-size: 0.9em;
	color: rgb(53, 77, 128) !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(74, 112, 191) !important;
}

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

.navbar-form .btn {
	position: absolute;
	top: 2px;
	left: 100%;
	margin-left: -2px;
	padding: 2px 11px 0;
	border-radius: 6px;
	font-size: 0.9em;
	color: rgb(93, 117, 168);
}

.navbar-form .btn:hover,
.navbar-form .btn:focus {
	color: rgba(217, 217, 217, 0.8);
	background-color: rgb(74, 112, 191);
	border-color: rgb(74, 112, 191);
	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(53, 77, 128);
}

.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(53, 77, 128);
}

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

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

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

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

.dropdown-form .btn:hover,
.dropdown-form .btn:focus {
	background-color: rgb(74, 112, 191);
}

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

.dropdown.open > button {
	color: rgb(74, 112, 191);
	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(154, 154, 154);
	-webkit-transition: right 0.2s ease;
	transition: right 0.2s ease;
	
	font-family:'Century Gothic', 'Futura', 'Microsoft Yahei', STXihei, 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(217, 217, 217, 0.8);
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px 50px 15px 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	color: rgb(73, 96, 142);
	
	font-family:'Century Gothic', 'Futura', 'Microsoft Yahei', STXihei, 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(154, 154, 154);
}

.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(74, 112, 191);
	color: rgb(255, 255, 255);
}

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

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

.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(53, 77, 128);
	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(53, 77, 128);
		font-weight: 400;
	}
	
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		background-color: rgb(74, 112, 191);
		color: rgb(255, 255, 255);
	}
	
	.dropdown-menu .divider {
		display: none;
	}
	
	.sidebar {
		display: none !important;
	}
	
	.navbar-collapse {
		background-color: rgb(255, 255, 255);
		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(74, 112, 191);
		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);
	}
	.nav .open>a:focus,
	.nav .open>a:hover {
		background-color: rgb(74, 112, 191);
		color: rgb(255, 255, 255);// rgba(217, 217, 217, 0.8);
		text-decoration: none;
	}
	li.dropdown > a.dropdown-toggle:focus,
	li.dropdown > a.dropdown-toggle:hover {
		background-color: rgb(255, 255, 255);
		color: rgb(74, 112, 191);
	}
}

@media all and (min-width: 1250px) {
	
	.navbar-nav {
		clear: none !important;
		float: right;
		text-align: right;
		padding-top: 14px;
		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-form {
		left: 260px;
		right: 129px;
		top: 4px;
	}
	
	#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: 52px;
		margin: 2px 0 0;
	}
	
	.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;
		color: rgb(74, 112, 191);
		/*text-decoration: underline;*/
	}
	
}





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

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

.spread h2 {
	font-size: 4.5em;
	font-weight: normal;
	margin-bottom: 30px;
	text-transform: uppercase;
}

h2.spread-smaller {
	text-transform: none;
	font-size: 2.2em;
}

h2.capital {
	text-transform: uppercase;
}

.btn-more {
	background-color: rgb(182, 199, 207);
	border-radius: 8px;
	color: rgb(234, 234, 234) !important;
	font-size: 1em;
	font-weight: 600;
	margin-top: 20px;
	padding: 8px 25px;
	text-transform: uppercase;
	white-space: normal;
}

.btn-more:hover,
.btn-more:focus {
	background-color: rgb(74, 112, 191);
}

@media all and (min-width: 768px) {
	
	.spread h2 {
		font-size: 7.5em;
		margin-bottom: 35px;
	}
	
	h2.spread-smaller {
		font-size: 2.9em;
	}
	
}





/* 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: 20px;
    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;
}

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

.flex-control-paging a {
	background-color: rgb(53, 77, 128) !important;
}

.flex-control-paging a.flex-active {
	cursor: pointer !important;
	background-color: rgb(74, 112, 191) !important;
}

.flex-control-paging a:hover,
.flex-control-paging a:focus {
	background-color: rgb(74, 112, 191) !important;
}

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

.slider-1 {
	background-color: rgb(255, 255, 255);
	position: relative;
}

.slider-1 .section-interior {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 100;
	padding: 50px 30px 0;
}

.slider-1 h2 {
	color: rgb(39, 50, 73);
	margin-left: -6px;
}

.slider-1 .section-image {
	background-image: url('graphics/Globe-Edited.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.slider-2 h2,
.slider-3 h2 {
	font-size: 1.6em;
	font-weight: 300;
	line-height: 1.2;
	text-shadow: 0 1px 0 rgba(105, 120, 131, 0.6);
	padding: 10px;
}

.slider-2 {
	background-image: url('graphics/iStock_000063400611_Large.jpg');  /*url('graphics/DSC_91742014-02-03T16-02-23v001_by_88.JPG');*/
	background-position: top center !important;
	color: rgb(154, 154, 154);
}
.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-2 h2 {
}

.slider-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(105, 120, 131, 0.6);
	color: #FFF; /* rgb(154, 154, 154); */
	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(73, 96, 142);
}

#coin-slider .img-container {
	display: block;
	width: 100%;
	color: rgb(154, 154, 154);
	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(105, 120, 131, 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(105, 120, 131, 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(154, 154, 154); */
	-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(154, 154, 154);
	margin-left: 5px;
	font-size: 0.85em;
}





/* GROW YOUR BUSINESS tri-panel section */

.section-home-tripanel {
	background-color: rgb(73, 96, 142);
	padding: 15px 0 10px;
	color: rgb(154, 154, 154);
}

.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(39, 50, 73);
}

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

.section-home-tripanel h2 {
	color: rgb(39, 50, 73);
}

.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(73, 96, 142);
	color: rgb(39, 50, 73);
}

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

#section-home-fingertips {
	color: rgb(39, 50, 73);
}

#section-home-grow {
	color: rgb(74, 112, 191);
}

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

#work-bg1 {
	display: none;
	background-image: url('graphics/ARC-glassware.jpg');
}

#work-bg2 {
	background-image: url('graphics/Bamix-hand-mixer.jpg');
    display: block;
    height: 300px;
}

.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(105, 120, 131);
}
/*
.home-work-h2{
	color: rgb(105, 120, 131);
}
*/
.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-image: url('graphics/d.Nogent.jpg');
	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(105, 120, 131);
	margin-top: -10px;
	margin-left: -6px;
}

.home-play-h2 {
	color: rgb(105, 120, 131);
	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(154, 154, 154);
	background-color: rgb(73, 96, 142);
	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(39, 50, 73);
	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(173, 196, 242);
	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(39, 50, 73);
}

#demo_form input[type="button"],
#demo_form input[type="submit"],
#demo_form input[type="reset"] {
	background-color: rgb(182, 199, 207);
	border-color: rgb(182, 199, 207);
	border-radius: 8px;
	color: rgb(234, 234, 234) !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(74, 112, 191);
	border-color: rgb(74, 112, 191);
}

#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(173, 196, 242);
	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(80, 88, 107);
}


/* FOOTER LINKS section */

#section-footer-links {
	background-color: rgb(80, 88, 107);
	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(74, 112, 191);*/
}

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

.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(80, 88, 107);
}

.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: 33%; /* 325px;*/
		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(80, 88, 107);
	color: rgb(255, 255, 255);
	padding: 20px 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1366px;
	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(73, 96, 142);
	color: rgb(154, 154, 154);
	font-size: 16px;
	padding: 5px 5px 0;
}

#clients-featured h2 {
	background-color: rgb(255, 255, 255);
	color: rgb(105, 120, 131);
	padding: 12px 10px 12px;
	text-align: center;
	margin: 0 -50px 10px;
}
			
#flexsliderPreload {
	
}

#clients-featured .flexslider {
	background-color: rgb(73, 96, 142);
}

#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-nav {
	position: relative;
	height: 50px;
	padding: 0 50px 0;
	cursor: default;
	overflow: hidden;
    background-color: rgb(73, 96, 142);
}

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

#clients-nav-before {
	left: 0;
}

#clients-nav-after {
	right: 0;
}

#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;
	text-transform: uppercase;
	font-weight: 600;
	color: rgb(255, 255, 255);
	text-decoration: none;
}

#clients-nav li a:hover,
#clients-nav li a:focus,
.clientSectionActive {
	color: rgb(74, 112, 191) !important;
}





#clients-grid {
	background-color: rgb(255, 255, 255);
	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;
	width: 100;
	padding-top: 50%;
	position: relative;
	margin-bottom: 2.5%;
}

.client-grid-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.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;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(105, 120, 131, 0.6);
	color: rgb(154, 154, 154);
	padding: 8px 100px 8px 10px;
}

.client-grid-link:hover .client-grid-title,
.client-grid-link:focus .client-grid-title {
	text-decoration: underline;
}

.client-grid-website {
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: 70px;
	text-align: center;
	text-decoration: none;
	background-color: rgb(182, 199, 207);
	border-radius: 8px;
	padding: 3px 8px;
	color: rgb(234, 234, 234) !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(74, 112, 191);
	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: 600px) {
	
	.clients-section {
		padding-left: 5%;
	}
	
	.clients-section-title {
		padding-left: 5%;
	}
	
	.clients-section li {
		width: 45%;
		float: left;
		margin-bottom: 5%;
		margin-right: 5%;
		padding-top: 25%;
	}
	
	.clients-section li:nth-child(even) {
		margin-right: 0;
	}
}


@media all and (min-width: 900px) {
	
	.clients-section {
		padding-left: 2%;
		padding-bottom: 40px;
	}
	
	.clients-section-title {
		padding-left: 2%;
	}
	
	#clients-featured {
		display: block;
	}
	
	.clients-section li {
		width: 31%;
		margin-bottom: 2%;
		margin-right: 2% !important;
		padding-top: 18%;
	}
	
	.clients-section li:nth-child(3n) {
		margin-right: 0 !important;
	}
	
}

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





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




#about section h2 {
	color: rgb(39, 50, 73);
}

#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-image {
	background-image: url('graphics/about/Dollarphotoclub_77570930.jpg');
}

#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', 'Microsoft Yahei', STXihei, 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 h3{
	
	font-family:'Century Gothic', 'Futura', 'Microsoft Yahei', STXihei, sans-serif;
	font-size: 1.8em;
	color: #C41230;
}


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


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

#section-about-vision .section-image {
	background-image: url('graphics/about/iStock_000058717870_Large.jpg');
}

#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(73, 96, 142);
	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(73, 96, 142);
	padding: 50px 15px 40px;
	color: rgb(154, 154, 154);
}

#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(74, 112, 191);
	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-image {
	background-image: url('graphics/about/Dollarphotoclub_81516358.jpg');
}

#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(154, 154, 154);
	background-color: rgb(73, 96, 142);
}

.gridstyle {
}

.gridAltItems {
	color: rgb(154, 154, 154);
	background-color: rgba(105, 120, 131, 0.6);
}

.gridAltItems2 {
	color: rgb(154, 154, 154);
	background-color: rgba(105, 120, 131, 0.6);
	font-size: 0.9em;
	font-weight: 400;
	font-family: 'Futura', 'Arial', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.normalText {
	font-size: 0.9em;
	font-weight: 400;
	
	font-family:'Century Gothic', 'Futura', 'Microsoft Yahei', STXihei, sans-serif;
}

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

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

.normalCtrl2 {
    outline: 0;

    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

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

.normalBtn:hover,
.normalBtn:focus {
	background-color: rgb(74, 112, 191);
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid rgb(74, 112, 191);
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid rgb(74, 112, 191);
}

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

.Menubar:hover {
	color: rgb(74, 112, 191);
	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;
}

@media (max-width: 1250px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      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;
	}
}
.form-control2{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.phone2{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.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);
}

.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;
    }