/*
Theme Name: Custom QuestCDN Theme For Marketplace
Version: 1.0
Vendor: TechGrit India
Font Used: Aileron
*/
@charset "utf-8";

/*** Custom Fonts ***/
@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Thin.eot');
    src: local('Aileron Thin'), local('Aileron-Thin'),
        url('../fonts/Aileron-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Thin.woff2') format('woff2'),
        url('../fonts/Aileron-Thin.woff') format('woff'),
        url('../fonts/Aileron-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-UltraLight.eot');
    src: local('Aileron UltraLight'), local('Aileron-UltraLight'),
        url('../fonts/Aileron-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-UltraLight.woff2') format('woff2'),
        url('../fonts/Aileron-UltraLight.woff') format('woff'),
        url('../fonts/Aileron-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Light.eot');
    src: local('Aileron Light'), local('Aileron-Light'),
        url('../fonts/Aileron-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Light.woff2') format('woff2'),
        url('../fonts/Aileron-Light.woff') format('woff'),
        url('../fonts/Aileron-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Regular.eot');
    src: local('Aileron Regular'), local('Aileron-Regular'),
        url('../fonts/Aileron-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Regular.woff2') format('woff2'),
        url('../fonts/Aileron-Regular.woff') format('woff'),
        url('../fonts/Aileron-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-SemiBold.eot');
    src: local('Aileron SemiBold'), local('Aileron-SemiBold'),
        url('../fonts/Aileron-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-SemiBold.woff2') format('woff2'),
        url('../fonts/Aileron-SemiBold.woff') format('woff'),
        url('../fonts/Aileron-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Bold.eot');
    src: local('Aileron Bold'), local('Aileron-Bold'),
        url('../fonts/Aileron-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Bold.woff2') format('woff2'),
        url('../fonts/Aileron-Bold.woff') format('woff'),
        url('../fonts/Aileron-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Black.eot');
    src: local('Aileron Black'), local('Aileron-Black'),
        url('../fonts/Aileron-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Black.woff2') format('woff2'),
        url('../fonts/Aileron-Black.woff') format('woff'),
        url('../fonts/Aileron-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Aileron';
    src: url('../fonts/Aileron-Heavy.eot');
    src: local('Aileron Heavy'), local('Aileron-Heavy'),
        url('../fonts/Aileron-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Aileron-Heavy.woff2') format('woff2'),
        url('../fonts/Aileron-Heavy.woff') format('woff'),
        url('../fonts/Aileron-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/*** Default Styles ***/
html, body { height: 100%;width: 100%;font-size: 14px;color: #333;}
html, body,
div, table, a, p, h1, h2, h3, h4, h5, h6, ol, ul, li,
label, input, button, select, textarea { 
    font-family: 'Aileron', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-style: normal;
}

.pt-0 { padding-top: 0px;}
.pb-0 { padding-bottom: 0px;}
.pt-5 { padding-top: 5px;}
.pb-5 { padding-bottom: 5px;}
.pt-10 { padding-top: 10px;}
.pb-10 { padding-bottom: 10px;}
.pt-15 { padding-top: 15px;}
.pb-15 { padding-bottom: 15px;}
.pt-20 { padding-top: 20px;}
.pb-20 { padding-bottom: 20px;}
.pt-25 { padding-top: 25px;}
.pb-25 { padding-bottom: 25px;}
.pd-5 { padding: 5px;}
.pd-10 { padding: 10px;}
.pd-15 { padding: 15px;}
.pd-20 { padding: 20px;}
.pd-25 { padding: 25px;}
.mt-0 { margin-top: 0px;}
.mb-0 { margin-bottom: 0px;}
.mt-5 { margin-top: 5px;}
.mb-5 { margin-bottom: 5px;}
.mt-10 { margin-top: 10px;}
.mb-10 { margin-bottom: 10px;}
.mt-15 { margin-top: 15px;}
.mb-15 { margin-bottom: 15px;}
.mt-20 { margin-top: 20px;}
.mb-20 { margin-bottom: 20px;}
.mt-25 { margin-top: 25px;}
.mb-25 { margin-bottom: 25px;}
.mg-5 { margin: 5px;}
.mg-10 { margin: 10px;}
.mg-15 { margin: 15px;}
.mg-20 { margin: 20px;}
.mg-25 { margin: 25px;}

p {
	margin-bottom: 1rem;
}
section {
	padding: 40px 0;
}
.primary-element-color {
	color: #006666 !important;
}
.btn-primary-questcdn {
	color: #fff;
	background-color: #006666; /* old green color #99bf47 changed 09252020 RP */
	border-color: #006666;
}
.btn-secondary-questcdn {
	color: #fff;
	background-color: #1c1c1c;
	border-color: #1c1c1c;
}
.btn-primary-questcdn:hover {
	color: #fff;
	background: #004d4d;
	border-color: white;
}
.btn-secondary-questcdn:hover {
	background-color: #333;
	border-color: #333;
}
.btn.float-right {
	margin:  0;
}
input.form-control::placeholder {
	color: #aaa;
}
.rounded-input-field {
	border-radius: 20px;
}
select.form-control:not([size]):not([multiple]) {
	color: #777;
}
.rounded-select-field {
	border-radius: 20px;
}
.btn,
.input-group > .input-group-addon {
	border-radius: 0;
}
.form-control-plaintext {
	color: #555;
}
.form-control:not(textarea),
.input-group > .input-group-addon,
.input-group-btn .btn {
	height: 40px !important;
}
.input-group > .input-group-addon {
	line-height: 42px !important;
}
.form-control:disabled, .form-control[readonly] {
	background-color: #f7f7f7;
}
.form-group-bold label {
	font-size: 16px;
	font-weight: 700;
}
.form-group-bold input {
	font-size: 16px;
	font-weight: 700;
}

/* Modal */
.modal .modal-dialog .modal-content {
	border-top: none;
	border-radius: 0px;
}
.modal .modal-dialog .modal-content .modal-header {
	background: #006666;
	border-radius: 0;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
	color: #fff;
}
.modal .modal-dialog .modal-content .modal-header .close {
	color: #fff;
	opacity: 0.8;
}
.modal .modal-dialog .modal-content .modal-header .close:hover {
	opacity: 1;
}

/* jQuery Custom Scrollbar */
.mCustomScrollbar .mCustomScrollBox.mCSB_inside .mCSB_container {
	margin-right: 15px;
}
.mCustomScrollbar .mCustomScrollBox.mCSB_inside .mCS_no_scrollbar_y {
	margin-right: 0;
}
.mCustomScrollbar .mCustomScrollBox.mCSB_inside .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
}

/*** Custom Styles ***/
/** Top Bar **/
#topBar {
	background: #006666;
}
#topBar ul {
	padding-left: 0px;
	padding-right: 0px;
}
#topBar ul.top-links>li {
	border-right: none;
	color: #fff;
	padding-left: 40px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	text-align: Left;
}
#topBar ul.top-links > li > a {
	color: #fff;
	padding: 0px 10px 10px 0px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: Left;
}
#topBar ul.top-links > li > a > i {
	opacity: 1;
}
#topBar ul li a,
#mainMenu ul li a,
#topMain ul li a {
	text-transform: none;
}
#topBar ul.top-links.topbar-left > li > span {
	padding: 10px 0;
    color: #fff;
    display: block;
    text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	text-align: Left;
}
#topBar ul.top-links.topbar-left > li > span > a {
	color: #fff;
	margin-left: 20px;
}
/**Nav-Main**/
.nav-main{
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: Left;
}
/** Header **/
#header {
	box-shadow: 0 2px 4px 0px rgba(0,0,0,.08) !important;
}
#header #topNav .logo-box > a.logo:last-child {
    display: none;
}
#header.fixed #topNav .logo-box > a.logo:first-child {
    display: none;
}
#header.fixed #topNav .logo-box a.logo {
	height: 77px;
	line-height: normal;
	display: table;
}
#header.fixed #topNav .logo-box a.logo picture {
	display: table-cell;
	vertical-align: middle;
}
#header.fixed #topNav #topMain > li > a {
	line-height: normal;
    padding: 10px 10px 0px 0px;
}

#header .navbar-collapse nav #topMain.nav-menu > li > a {
    max-height: 20px !important;
	color: #222222;
	background: transparent;
    line-height: 30px !important;
    padding: 0px 15px 0px 0px;
    margin: 0px 0px 20px 0px !important;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: Left;
    vertical-align: bottom;
}
#header .navbar-collapse nav #topMain.nav-menu > li.active > a {
	color: #006666;
	font-weight: bold;
}
#header .navbar-collapse nav #topMain.nav-menu > li > a:hover {
	color: #006666;
}
#header .navbar-collapse nav #topMain.nav-menu > li.active > a::after {
	content: '';
/*	display: block; */
    
	color: black;
	position: relative;
	top: 2px;
	height: 4px;
	width: 100%;
	background: #006666;
}
#header .navbar-collapse nav #topMain.nav-menu > li.active > a.dropdown-toggle::after{
	right: unset;
	margin: 0;
	font-size: unset;
	opacity: 1;
}

#topMain.nav-pills > li > a.dropdown-toggle::after {
	content: '';
}
#header .navbar-collapse nav #topMain.nav-menu > li > a i.fa-chevron-down {
	font-size: 10px;
	margin-left: 4px;
}
#header .navbar-collapse nav #topMain.nav-menu > li i.fa-user-alt {
	font-size: 16px;
}
#header .navbar-collapse nav #topMain.nav-menu .lhs > ul {
    left: unset !important;
    right: 0 !important;
}
#header .navbar-collapse nav #topMain.nav-menu .lhs > ul > li > a {
	background-image: none !important;
	text-align: right;
}
#header .navbar-collapse nav #topMain.nav-menu .lhs > ul > li.has-child > a {
	background-image: url('../images/_smarty/submenu_inverse_dark.png') !important;
	background-position: left center !important;
}
#header .navbar-collapse nav #topMain.nav-menu .lhs > ul > li > ul {
	left: unset !important;
	right: 100% !important;
	margin-right: 1px !important;
}
#header .navbar-collapse nav #topMain.nav-menu .lhs > ul > li > ul > li > a {
	background-image: none !important;
	text-align: right;
}
#header .navbar-collapse nav #topMain.nav-menu .lhs > ul > li.has-child > ul > li.has-child > a {
	background-image: url('../images/_smarty/submenu_inverse_dark.png') !important;
	background-position: left center !important;
}
#header .navbar-collapse nav #topMain.nav-menu .lhs > ul > li > ul > li > ul {
	left: unset !important;
	right: 100% !important;
	margin-right: 1px !important;
}
#header #topNav ul.dropdown-menu > li:hover > ul.dropdown-menu {
	border-bottom: 1px solid #333 !important;
}
#header .navbar-collapse nav #topMain.nav-menu .rhs > ul > li > a {
	background-image: none !important;
	text-align: left;
}
#header .navbar-collapse nav #topMain.nav-menu .rhs > ul > li.has-child > a {
	background-image: url('../images/_smarty/submenu_dark.png') !important;
	background-position: right center !important;
}
#header .navbar-collapse nav #topMain.nav-menu .rhs > ul > li > ul > li > a {
	background-image: none !important;
	text-align: left;
}
#header .navbar-collapse nav #topMain.nav-menu .rhs > ul > li.has-child > ul > li.has-child > a {
	background-image: url('../images/_smarty/submenu_dark.png') !important;
	background-position: right center !important;
}

#topMain {
    padding-top:10px !important;
    padding-bottom:5px !important;
	padding-left:10px
}

/* Secondary Navigation */
#header.fixed #topNav #topMain > li.navbar2-item > a {
    height: 77px;
    line-height: normal;
    padding: 0px 10px 10px 30px;
}

#header .navbar-collapse nav #topMain.nav-menu > li.navbar2-item > a {
    color: #222222;
    background: transparent;
/* line-height: normal; rp did this*/
    padding: 0px 0px 0px 30px;
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize;
    text-align: Right;
}
#header .navbar-collapse nav #topMain.nav-menu > li.navbar2-item > a:hover {
    color: #006666;
}
#header .navbar-collapse nav #topMain.nav-menu > li.navbar2-item.active > a {
    color: #006666;
    font-weight: bold;
}

#header .navbar-collapse nav #topMain.nav-menu > li.navbar2-item.active > a::after {
    content: '';
/*    display: block; */
    color: black;
    position: relative;
    top: 2px;
    height: 4px;
    width: 100%;
    background: #006666;
}
#header .navbar-collapse nav #topMain.nav-menu > li.navbar2-item.active > a.dropdown-toggle::after{
    right: unset;
    margin: 0;
    font-size: unset;
    opacity: 1;
}





/* End Secondary Navigation */

/* Transparent Header - Home Page,About Us Page */
#header.transparent {
	margin-top: 40px;
	border-bottom: rgba(0,0,0,0.1) 1px solid;
	transition: margin-top 0s ease-in-out;
}
#header.transparent.fixed {
	margin-top: 0px;
}
#header.transparent .navbar-collapse nav #topMain.nav-pills > li > a {
	color: #fff;
	background: transparent;
}
#header.transparent .navbar-collapse nav #topMain.nav-pills > li > a:hover {
	color: #006666;
}
#header.transparent.fixed .navbar-collapse nav #topMain.nav-pills > li > a {
	color: #333;
	background: transparent;
}
#header.transparent.fixed .navbar-collapse nav #topMain.nav-pills > li > a:hover {
	color: #006666;
}

/** Footer **/
#footer .footer-middle {
	padding: 40px 0 30px;
	background: #f9f9f9;
}
#footer .footer-middle h3 {
	font-size: 20px;
	color: #333;
	border-bottom: 2px solid #d9d9d9;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
#footer .footer-middle h3::before {
	background: #006666;	
	top: 35px;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	margin: 0 0 -1px;
	position: absolute;
	width: 25%;
}
#footer .footer-middle p,
#footer .footer-middle a {
	font-size: 13px;
	color: #777;
}
#footer .footer-middle .footer-posts .news {
	color: #555;
}
#footer .footer-middle .footer-posts .news:hover {
	color: #888;
}
#footer .footer-middle .footer-posts .date {
	color: #006666;
}
#footer ul.footer-posts > li:not(:last-child) {
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
#footer .footer-middle .about-us {
	padding-right: 50px;
}
#footer .footer-middle form .input-group .input-group-addon {
	color: #fff;
	background: #006666;
	border: none;
}
#footer .footer-middle form .input-group .input-group-addon > i {
	font-size: 14px;
}
#footer .footer-middle form .input-group input {
	font-size: 14px;
	background: #fff;
	border-color: rgba(0,0,0,.15);
}
#footer .footer-middle form .input-group .input-group-btn button {
	font-size: 14px;
	border: none;
}
#footer .footer-middle .keep-in-touch .social-icon {
	width: 38px;
	height: 38px;
	background-color: #006666;
	border: 1px solid #006666;
	border-radius: 0;
}
#footer .footer-middle .keep-in-touch .social-icon:hover {
	border-color: transparent;
}
#footer .footer-middle .keep-in-touch .social-icon i {
	color: #fff;
	width: 38px;
	height: 38px;
}
#footer .footer-middle .keep-in-touch .btn-request-demo {
	font-size: 15px;
	height: 40px;
	color: #fff;
}
#footer .footer-middle .keep-in-touch .btn-request-demo i.fas {
	font-size: 16px;
}
#footer > .copyright {
	background: #fff;
	text-shadow: none;
	padding: 20px;
	text-align: center;
}
#footer .footer-bottom a,
#footer .footer-bottom span {
	color: #999;
}
#footer .footer-bottom a:hover {
	color: #006666;
}

/* BreadCrumbs */
#breadcrumbs-box {
	background: #f9f9f9;
}
#breadcrumbs-box ul.breadcrumbs-wrapper {
	list-style: none;
	margin: 0;
	padding: 3px 0;
}
#breadcrumbs-box ul.breadcrumbs-wrapper li.breadcrumb-item {
	display: inline-block;
	font-size: 12px;
}

/* Login Pop-Up Modal */
#modal-login .modal-body .logo-box {
	display: block;
	margin: 15px auto;
	width: 50%;
}
#modal-login form#login-form {
	margin-top: 15px;
	margin-bottom: 15px;
}
#modal-login form#login-form > div.row:not(:last-of-type) {
	margin-bottom: 0px;
}
#modal-login form#login-form .form-group .input-group {
	position: relative;
	overflow: hidden;
}
#modal-login form#login-form .form-group .input-group .input-group-addon {
	position: absolute;
	z-index: 9;
	border-radius: 20px 20px 20px 20px;
	border: none;
	background: transparent;
}
#modal-login form#login-form .form-group .input-group input {
	padding-left: 35px;
	border-radius: 20px 20px 20px 20px;
}

/* Forgot Password Pop-Up Modal */
#modal-forgot-password .modal-body .logo-box {
	display: block;
	margin: 15px auto;
	width: 50%;
}
#modal-forgot-password form#forgot-password-form {
	margin-top: 15px;
	margin-bottom: 15px;
}
#modal-forgot-password form#forgot-password-form > div.row:not(:last-of-type) {
	margin-bottom: 0px;
}
#modal-forgot-password form#forgot-password-form .form-group .input-group {
	position: relative;
	overflow: hidden;
}
#modal-forgot-password form#forgot-password-form .form-group .input-group .input-group-addon {
	position: absolute;
	z-index: 9;
	border-radius: 20px 20px 20px 20px;
	border: none;
	background: transparent;
}
#modal-forgot-password form#forgot-password-form .form-group .input-group input {
	padding-left: 35px;
	border-radius: 20px 20px 20px 20px;
}

/* Form Validations */
form .form-group .input-group input + .input-group-addon.danger {
	right: 0;
	color: #dc3545;
	display: none;
	transition: all 0.2s ease-in-out;
}
form .form-group .input-group input.validation-failed + .input-group-addon.danger {
	display: block;
	transition: all 0.2s ease-in-out;
}
.validation-failed {
	border-color: #dc3545 !important;
	transition: all 0.2s ease-in-out;
}

/** Homepage **/
/* QuestCDN Unique Features  */
section#questcdn-unique-features {
	background: url('../images/techgrit/backgrounds/normal_background_homepage.png') top left no-repeat scroll #f0f0f0;
	background-size: contain !important;
}
section#questcdn-unique-features .owl-carousel {
	overflow: unset;
}
section#questcdn-unique-features .owl-carousel .owl-controls .owl-buttons div.owl-prev,
section#questcdn-unique-features .owl-carousel .owl-controls .owl-buttons div.owl-next {
	top: 100%;
	font-size: 28px;
	height: 50px !important;
	width: 50px !important;
	color: #fff;
	background: #006666;
	border: none;
	border-radius: 100%;
	margin-top: -10px;
	line-height: 46px
}
section#questcdn-unique-features .owl-carousel .owl-controls .owl-buttons div.owl-prev {
	left: 40%;
}
section#questcdn-unique-features .owl-carousel .owl-controls .owl-buttons div.owl-next {
	right: 40%;
}
section#questcdn-unique-features .card {
	overflow: auto;
	box-shadow: none;
	border: none;
	background: transparent;
}
section#questcdn-unique-features .card__side {
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 26em;
  	padding:  15px;
  	backface-visibility: hidden;
  	transition: all 0.6s ease;
}
section#questcdn-unique-features .card__side--front {
  	position: relative;
  	background-color: #fff;
}
section#questcdn-unique-features .card__side--back {
  	position: absolute !important;
 	color: #fff;
  	transform: rotateY(180deg);
  	background: #006666;
}
section#questcdn-unique-features .card:hover .card__side--front {
  	transform: rotateY(-180deg);
}
section#questcdn-unique-features .card:hover .card__side--back {
  	transform: rotate(0);
}
section#questcdn-unique-features .card__description {
  	padding: 1em 0;
}
section#questcdn-unique-features .card__side--front .card__description i.fas,
section#questcdn-unique-features .card__side--front .card__description i.far {
	font-size: 52px;
	margin: 0 0 15px;
	color: #777;
}
section#questcdn-unique-features .card__side--front .card__description h4 {
  	color: #006666;
  	font-size: 16px;
}
section#questcdn-unique-features .card__side--back .card__description hr {
 	background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.4), transparent);
	background-image: -moz-linear-gradient(left, transparent, rgba(255, 255, 255, 0.4), transparent);
	background-image: -ms-linear-gradient(left, transparent, rgba(255, 255, 255, 0.4), transparent);
	background-image: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.4), transparent);
	background-image: linear-gradient(left, transparent, rgba(255, 255, 255, 0.4), transparent);
}

/* QuestCDN Promo Video */
section#questcdn-promo-video .vjs-default-skin { color: #fff; }
section#questcdn-promo-video .vjs-default-skin .vjs-play-progress,
section#questcdn-promo-video .vjs-default-skin .vjs-volume-level { background-color: #ffffff; }  
section#questcdn-promo-video .vjs-default-skin .vjs-control-bar,
section#questcdn-promo-video .vjs-default-skin .vjs-big-play-button { background: rgba(0,0,0,0.7); }
section#questcdn-promo-video .vjs-default-skin .vjs-big-play-button { left: 7.5em;top: 4em;width: 2.5em;height: 2em;border: none;border-radius: 0.1em;box-shadow:none; }
section#questcdn-promo-video .vjs-default-skin:hover .vjs-big-play-button,
section#questcdn-promo-video .vjs-default-skin .vjs-big-play-button:focus { background: rgba(0,0,0,0.7);box-shadow: 0 0 1em rgba(0,0,0,.5);}
section#questcdn-promo-video .vjs-default-skin .vjs-big-play-button::before { line-height: 2.0em; }
section#questcdn-promo-video .vjs-default-skin .vjs-slider { background: rgba(0,0,0,0.2333333333333333); }
section#questcdn-promo-video .vjs-default-skin.vjs-has-started .vjs-control-bar { color: #f1f1f1; }
section#questcdn-promo-video .vjs-default-skin .vjs-slider-handle::before { color: #006666;}

/* Parallax Background */
section#parallax_background {
	background-image: url('../images/techgrit/backgrounds/parallax_background_homepage.jpg');
}
section#parallax_background .textContent p {
	font-size: 24px;
}
section#parallax_background .textContent h3 {
	font-size: 36px;
}
section#parallax_background .slide-items-wrapper .slide-item {
	width: 50%;
	margin: 0 auto;
	padding: 15px;
	height: 180px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 100%;
	display: inline-block;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
section#parallax_background .slide-items-wrapper .slide-item:hover {
	background-color: #006666;
	border: 1px solid #006666;
}
section#parallax_background .slide-items-wrapper .slide-item .box-icon-front {
	margin-top: 35px;
	transition: all 0.25s ease-in-out;
}
section#parallax_background .slide-items-wrapper .slide-item .box-icon-back {
	margin-top: 35px;
	transition: all 0.25s ease-in-out;
}
section#parallax_background .slide-items-wrapper .slide-item:hover .box-icon-front {
	margin-top: -90px;
}
section#parallax_background .slide-items-wrapper .slide-item:hover .box-icon-back {
	margin-top: 38px;
}
section#parallax_background .slide-items-wrapper .slide-item .box-icon-front i.fas {
	font-size: 36px;
	color: #006666;
}
section#parallax_background .slide-items-wrapper .slide-item .box-icon-front h4 {
	margin-top: 15px;
	color: #333;
}
section#parallax_background .slide-items-wrapper .slide-item .box-icon-back p {
	color: #fff;
}
section#parallax_background .slide-items-wrapper .slide-item .box-icon-back a.btn {
	border: 1px solid #fff;
	background: transparent;
	font-size: 14px;
	padding: 3px 5px;
	height: 30px;
}
section#parallax_background .slide-items-wrapper .slide-item .box-icon-back a.btn:hover {
	background: #fff;
	color: #111;
}

/* Recent News Carousel */
section#recent-news-homepage header h1 {
	color: #333;
	border-bottom: 2px solid #d9d9d9;
	padding-bottom: 15px;
}
section#recent-news-homepage header h1::before {
	background: #006666;	
	top: 69px;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	margin: 0px auto;
	position: absolute;
	width: 25%;
}
section#recent-news-homepage .owl-carousel {
	overflow: unset;
}
section#recent-news-homepage .owl-carousel .owl-item p {
	margin-bottom: 30px;
}
section#recent-news-homepage .owl-carousel .owl-controls .owl-buttons div.owl-prev,
section#recent-news-homepage .owl-carousel .owl-controls .owl-buttons div.owl-next {
	top: 100%;
	font-size: 28px;
	height: 50px !important;
	width: 50px !important;
	color: #fff;
	background: #006666;
	border: none;
	border-radius: 100%;
	margin-top: -10px;
	line-height: 46px
}
section#recent-news-homepage .owl-carousel .owl-controls .owl-buttons div.owl-prev {
	left: 40%;
}
section#recent-news-homepage .owl-carousel .owl-controls .owl-buttons div.owl-next {
	right: 40%;
}

/* Information Bar Strip */
.info-bar.info-bar-clean {
	background-color: #006666;
	border-bottom: none;
}
.info-bar div.row > div {
	border-right: none;
}
.info-bar.info-bar-clean .fas {
	color: #006666;
	background: #fff;
	border-radius: none;
}
.info-bar.info-bar-clean .fas.fa-phone,
.info-bar.info-bar-clean .fas.fa-at {
	padding: 4px 4px;
}
.info-bar.info-bar-clean .fas.fa-clock {
	padding: 10px 10px;
	font-size: 24px;
}
.info-bar.info-bar-clean h3,
.info-bar.info-bar-clean p {
	color: #fff;
	line-height: 1.5;
	text-align: left;
	font-size: 16px;
	font-weight: medium;

}

/** About Us Page **/
/* About Us Section */
section#about-us {
	background-image:url('../images/techgrit/backgrounds/parallax_background_aboutus-page.jpg');
}
section#about-us .textContent h1 { 
	font-size: 40px;
	font-weight: 600;
}
section#about-us .textContent span { 
	font-size: 25px;
	white-space: nowrap;
}

#header.transparent + section.page-header.page-header-md {
	padding-top: 180px; 
	padding-bottom: 120px;
}

/* Created By Section */
section#created-by {
	border-bottom: rgba(0,0,0,0.03) 1px solid;
}
section#created-by .content-wrapper h3 {
	font-size: 20px;
	color: #333;
	padding-bottom: 5px;
	border-bottom: 2px solid #d9d9d9;
}
section#created-by .content-wrapper h3::before {
    background: #006666;
    top: 35px;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    margin: 0px;
    position: absolute;
    width: 25%;
}
section#created-by .content-wrapper ol {
	list-style-type: disc;
	padding-left: 15px;
}

/* Achievements Bar Strip */
section#achievements-bar.info-bar {
	background-color: #f9f9f9;
	border-bottom: rgba(0,0,0,0.02) 1px solid;
}
section#achievements-bar div.row > div {
	border-right: none;
	text-align: center;
}
section#achievements-bar .content-wrapper {
	width: 50%;
	margin: 0 auto;
}
section#achievements-bar.info-bar .fas {
	color: #006666;
	background: transparent;
	border-radius: 100%;
	font-size: 68px;
}
section#achievements-bar.info-bar .fas {
	padding: 0px 5px;
	text-align: center;
}
section#achievements-bar.info-bar h3,
section#achievements-bar.info-bar h3 + span {
	font-size: 12px;
	font-weight: 700;
}
section#achievements-bar.info-bar p {
	font-size: 14px;
}
section#achievements-bar.info-bar h3,
section#achievements-bar.info-bar p {
	color: #333;
	line-height: 1;
}

/* Our Team Section */
section#our-team .card .card-body figure > img {
    width: 50%;
}
section#our-team .card .card-body .card-title {
	font-size: 20px;
	font-weight: 600 !important;
}
section#our-team .card .card-body .card-text {
	font-size: 16px;
	font-weight: 600;
	font-style: italic;
}
section#our-team .card .card-footer {
	background: #006666;
	border: none;
	border-radius: 0;
}
section#our-team .card .card-footer p {
	color: #fff;
	font-size: 18px;
	line-height: 2.2;
	margin-bottom: 0;
}
section#our-team .card .card-footer a.social-icon.social-icon-border {
	background-color: #fff;
	border: transparent 1px solid;
	color: #006666 !important;
}

/** Solicitors Page **/
/* Solicitors Section */
section#solicitors {
	background-image:url('../images/techgrit/backgrounds/parallax_background_aboutus-page.jpg');
}
section#solicitors .textContent h1 { 
	font-size: 40px;
	font-weight: 600;
}
section#solicitors .textContent span { 
	font-size: 20px;
	font-weight: 600;
	text-align: right;
	float: right;
}

/* Promo Videos Section */
section#promo-videos {
	background: #f9f9f9;
}
section#promo-videos .row:first-child a#view-more-videos {
	float: right;
}
section#promo-videos .vjs-default-skin { color: #fff; }
section#promo-videos .vjs-default-skin .vjs-play-progress,
section#promo-videos .vjs-default-skin .vjs-volume-level { background-color: #ffffff; }  
section#promo-videos .vjs-default-skin .vjs-control-bar,
section#promo-videos .vjs-default-skin .vjs-big-play-button { background: rgba(0,0,0,0.7); }
section#promo-videos .vjs-default-skin .vjs-big-play-button { left: 7.5em;top: 3.5em;width: 2.1em;height: 2.1em;font-size: 1.5em;border: none;border-radius: 0.1em;box-shadow:none; }
section#promo-videos .vjs-default-skin:hover .vjs-big-play-button,
section#promo-videos .vjs-default-skin .vjs-big-play-button:focus { background: rgba(0,0,0,0.7);box-shadow: 0 0 1em rgba(0,0,0,.5);}
section#promo-videos .vjs-default-skin .vjs-big-play-button::before { line-height: 2.0em; }
section#promo-videos .vjs-default-skin .vjs-slider { background: rgba(0,0,0,0.2333333333333333); }
section#promo-videos .vjs-default-skin.vjs-has-started .vjs-control-bar { color: #f1f1f1; }
section#promo-videos .vjs-default-skin .vjs-slider-handle::before { color: #006666;}

section#promo-videos #promo-videos-carousel { margin: 0;}
section#promo-videos #promo-videos-carousel .slick-list .slick-slide {padding: 0 5px;}
section#promo-videos #promo-videos-carousel .slick-showPrev,
section#promo-videos #promo-videos-carousel .slick-showNext {
    position: absolute;
    z-index: 9;
    top: 36%;
    padding: 8px 16px;
    border: none;
    background: #006666;
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
    border-radius: 100%;
}
section#promo-videos #promo-videos-carousel .slick-showPrev {
    left: -10px;
}
section#promo-videos #promo-videos-carousel .slick-showNext {
    right: -10px;
}
section#promo-videos #promo-videos-carousel .slick-showPrev .fa-chevron-left,
section#promo-videos #promo-videos-carousel .slick-showNext .fa-chevron-right {
    font-size: 20px;
    color: #fff;
    line-height: 1.5;
}
section#promo-videos #promo-videos-carousel .slick-showPrev:hover,
section#promo-videos #promo-videos-carousel .slick-showNext:hover {
    background: #004d4d;
}
section#promo-videos #promo-videos-carousel .slick-disabled {
  opacity: 0;
  pointer-events:none;
}

/* Tools Section */
section#tools .txt-content h3 {
	font-weight: 700;
	margin-bottom: 20px;
}
section#tools .row:nth-child(odd) .txt-content h3 {
	text-align: right;
}
section#tools .row:nth-child(even) .txt-content h3 {
	text-align: left;
}
section#tools .txt-content .nav-pills li {
	width: 50px;
	text-align: center;
}
section#tools .txt-content .nav-pills .nav-link,
section#tools .txt-content .nav-pills .nav-link:focus {
	color: #fff;
	background-color: #333 !important;
	font-size: 22px;
	border-radius: 0;
	padding: 6px 12px;
	margin: 0;
    text-transform: uppercase;
}
section#tools .txt-content .nav-pills .nav-link.active,
section#tools .txt-content .nav-pills .nav-link:hover {
	color: #fff;
	background-color: #006666 !important;
    text-transform: uppercase;
}
section#tools .txt-content #pills-tab::before {
	background: #444;
	top: 78px;
	left: 15px;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	margin: 0px auto;
	position: absolute;
	width: 95%;
}
section#tools .txt-content #pills-tabContent .tab-pane h3 {
	font-size: 20px;
	color: #333;
	padding-bottom: 5px;
	border-bottom: 2px solid #d9d9d9;
}
section#tools .txt-content #pills-tabContent .tab-pane h3::before {
	background: #006666;
	top: 35px;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	margin: 0px auto;
	position: absolute;
	width: 25%;
}
section#tools .txt-content #pills-tabContent .tab-pane p {
	width: 80%;
	margin: 0 auto;
}

/* Solicitors - QuestCDN Unique Section */
section#solicitors-questcdn-unique header {
	padding: 3%;
	background: #f9f9f9;
}
section#solicitors-questcdn-unique .txt-content {
	position: relative;
	overflow: hidden;
}
section#solicitors-questcdn-unique .txt-content #pills-tab {
	position: relative;
	top: 23px;
}
section#solicitors-questcdn-unique .txt-content #pills-tab li {
	width: 50px;
	text-align: center;
}
section#solicitors-questcdn-unique .txt-content #pills-tab li:nth-child(1){ left: 0%;}
section#solicitors-questcdn-unique .txt-content #pills-tab li:nth-child(2){ left: 6.43%;}
section#solicitors-questcdn-unique .txt-content #pills-tab li:nth-child(3){ left: 12.86%;}
section#solicitors-questcdn-unique .txt-content #pills-tab li:nth-child(4){ left: 19.3%;}
section#solicitors-questcdn-unique .txt-content #pills-tab li:nth-child(5){ left: 25.73%;}
section#solicitors-questcdn-unique .txt-content #pills-tab li:nth-child(6){ left: 32.16%;}
section#solicitors-questcdn-unique .txt-content #pills-tab li:nth-child(7){ left: 38.6%;}
section#solicitors-questcdn-unique .txt-content #pills-tab li:nth-child(8){ left: 29%;top: 8rem;}
section#solicitors-questcdn-unique .txt-content #pills-tab li:nth-child(9){ left: 19%;top: 16rem;}
section#solicitors-questcdn-unique .txt-content #pills-tab li:nth-child(10){ left: 9.5%;top: 24rem;}
section#solicitors-questcdn-unique .txt-content #pills-tab li:nth-child(11){ left: 0%;top: 32rem;}
section#solicitors-questcdn-unique .txt-content .nav-pills .nav-link,
section#solicitors-questcdn-unique .txt-content .nav-pills .nav-link:focus {
	color: #fff;
	background-color: #333 !important;
	font-size: 22px;
	border-radius: 0;
	padding: 6px 12px;
	margin: 0;
}
section#solicitors-questcdn-unique .txt-content .nav-pills .nav-link.active,
section#solicitors-questcdn-unique .txt-content .nav-pills .nav-link:hover {
	color: #fff;
	background-color: #006666 !important;
    text-transform: uppercase;
}
section#solicitors-questcdn-unique .txt-content #pills-tabContent {
	padding: 10% 20%;
	height: 470px;
	margin-right: 22px;
	margin-left: 22px;
	background: #f9f9f9;
	border-top: 2px solid #444;
	border-right: 2px solid #444;
}
section#solicitors-questcdn-unique .txt-content #pills-tabContent .tab-pane h3 {
	font-size: 20px;
	color: #333;
	padding-bottom: 10px;
	border-bottom: 2px solid #d9d9d9;
}
section#solicitors-questcdn-unique .txt-content #pills-tabContent .tab-pane h3::before {
	background: #006666;
	top: 40px;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	margin: 0px auto;
	position: absolute;
	width: 25%;
}
section#solicitors-questcdn-unique .txt-content #pills-tabContent .tab-pane:nth-child(3) h3::before,
section#solicitors-questcdn-unique .txt-content #pills-tabContent .tab-pane:nth-child(4) h3::before,
section#solicitors-questcdn-unique .txt-content #pills-tabContent .tab-pane:nth-child(7) h3::before,
section#solicitors-questcdn-unique .txt-content #pills-tabContent .tab-pane:nth-child(11) h3::before {
	top: 70px;
}

/** Solicitors - Videos Page **/
/* Promo Videos Grid Section */
section#promo-videos-grid .page {
  display: none;
}
section#promo-videos-grid .page-active {
  display: block;
}
section#promo-videos-grid .vjs-default-skin { color: #fff; }
section#promo-videos-grid .vjs-default-skin .vjs-play-progress,
section#promo-videos-grid .vjs-default-skin .vjs-volume-level { background-color: #ffffff; }  
section#promo-videos-grid .vjs-default-skin .vjs-control-bar,
section#promo-videos-grid .vjs-default-skin .vjs-big-play-button { background: rgba(0,0,0,0.7); }
section#promo-videos-grid .vjs-default-skin .vjs-big-play-button { left: 7.6em;top: 3.8em;width: 2.5em;height: 2.2em;font-size: 2em;border: none;border-radius: 0.1em;box-shadow:none; }
section#promo-videos-grid .vjs-default-skin:hover .vjs-big-play-button,
section#promo-videos-grid .vjs-default-skin .vjs-big-play-button:focus { background: rgba(0,0,0,0.7);box-shadow: 0 0 1em rgba(0,0,0,.5);}
section#promo-videos-grid .vjs-default-skin .vjs-big-play-button::before { line-height: 2.0em; }
section#promo-videos-grid .vjs-default-skin .vjs-slider { background: rgba(0,0,0,0.2333333333333333); }
section#promo-videos-grid .vjs-default-skin.vjs-has-started .vjs-control-bar { color: #f1f1f1; }
section#promo-videos-grid .vjs-default-skin .vjs-slider-handle::before { color: #006666;}
section#promo-videos-grid ul#promo-videos-pagination > li .page-link i.fas { font-size: 12px; }
section#promo-videos-grid ul#promo-videos-pagination > li .page-link { border: none; }
section#promo-videos-grid ul#promo-videos-pagination > li .page-link:hover,
section#promo-videos-grid ul#promo-videos-pagination > li.active .page-link:hover { color: #006666 !important; }
section#promo-videos-grid ul#promo-videos-pagination > li.active .page-link { color: #333 !important;background: none; }
section#promo-videos-grid ul#promo-videos-pagination > li .page-link:hover,
section#promo-videos-grid ul#promo-videos-pagination > li .page-link:focus { background: none; }
section#promo-videos-grid ul#promo-videos-pagination > li.disabled .page-link { opacity: 0.6;pointer-events: none;cursor: auto; }


/** Bidders Page **/
/* Bidders Section */
section#bidders {
	background-image:url('../images/techgrit/backgrounds/parallax_background_aboutus-page.jpg');
}
section#bidders .textContent h1 { 
	font-size: 40px;
	font-weight: 600;
}
section#bidders .textContent span { 
	font-size: 20px;
	font-weight: 600;
	text-align: right;
	float: right;
}

/* Membership Section */
section#membership {
	background: #f9f9f9;
}
section#membership h2 {
	margin-bottom: 0;
	text-align: right;
}
section#membership p {
	margin-bottom: 0;
}

/* Price Box Section */
section#price-box .card {
	padding-left: 0;
	padding-right: 0;
}
section#price-box .card .card-header {
	background-color: #006666;
}
section#price-box .card .card-header h3 {
	color: #fff;
	margin: 5px auto;
}
section#price-box .card .card-body ul li {
	padding-left: 26px;
	text-indent: -0.95em;
	line-height: 2;
}
section#price-box .card .card-body ul li i.fa-check-circle {
	color: #006666;
	font-size: 16px;
}
section#price-box .card .card-footer {
	border: none;
	background: none;
	padding-bottom: 15px;
}

/* Download And Manage Section */
section#download-and-manage {
	background: #f9f9f9;
}
section#download-and-manage h2 {
	margin-bottom: 0;
	text-align: right;
}
section#download-and-manage p {
	margin-bottom: 0;
}

/* Bidders - QuestCDN Unique Section */
section#bidders-questcdn-unique .txt-content {
	position: relative;
	overflow: hidden;
}
section#bidders-questcdn-unique .txt-content #pills-tab {
	position: relative;
	top: 23px;
}
section#bidders-questcdn-unique .txt-content #pills-tab li {
	width: 50px;
	text-align: center;
}
section#bidders-questcdn-unique .txt-content #pills-tab li:nth-child(1){ left: 47%;top: 2.5rem;}
section#bidders-questcdn-unique .txt-content #pills-tab li:nth-child(2){ left: 68%;top: 11rem;}
section#bidders-questcdn-unique .txt-content #pills-tab li:nth-child(3){ left: 65%;top: 23rem;}
section#bidders-questcdn-unique .txt-content #pills-tab li:nth-child(4){ left: 41%;top: 35.5rem;}
section#bidders-questcdn-unique .txt-content #pills-tab li:nth-child(5){ left: -6%;top: 43.5rem;}
section#bidders-questcdn-unique .txt-content #pills-tab li:nth-child(6){ left: -54%;top: 35.5rem;}
section#bidders-questcdn-unique .txt-content #pills-tab li:nth-child(7){ left: -78%;top: 23rem;}
section#bidders-questcdn-unique .txt-content #pills-tab li:nth-child(8){ left: -81%;top: 11rem;}
section#bidders-questcdn-unique .txt-content .nav-pills .nav-link,
section#bidders-questcdn-unique .txt-content .nav-pills .nav-link:focus {
	color: #fff;
	background-color: #333 !important;
	font-size: 22px;
	border-radius: 0;
	padding: 6px 12px;
	margin: 0;
    text-transform: uppercase;
}
section#bidders-questcdn-unique .txt-content .nav-pills .nav-link.active,
section#bidders-questcdn-unique .txt-content .nav-pills .nav-link:hover {
	color: #fff;
	background-color: #006666 !important;
    text-transform: uppercase;
}
section#bidders-questcdn-unique .txt-content .nav-pills .nav-link .fa-check {
	display: none;
	font-size: 28px;
	line-height: 1.2;
    text-transform: uppercase;
}
section#bidders-questcdn-unique .txt-content .nav-pills .nav-link.active .fa-check {
	display: block;
}
section#bidders-questcdn-unique .txt-content .nav-pills .nav-link.active .fa-pencil-ruler {
	display: none;
}
section#bidders-questcdn-unique .txt-content #pills-tabContent {
	padding: 22% 16%;
	height: 575px;
	margin: 5%;
	border-radius: 100%;
	background: #f9f9f9;
}
section#bidders-questcdn-unique .txt-content #pills-tabContent .tab-pane h3 {
	font-size: 20px;
	color: #333;
	padding-bottom: 10px;
	border-bottom: 2px solid #d9d9d9;
}
section#bidders-questcdn-unique .txt-content #pills-tabContent .tab-pane h3::before {
	top: 70px;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	margin: 0px auto;
	position: absolute;
	width: 25%;
}
section#bidders-questcdn-unique .txt-content #pills-tabContent .tab-pane:nth-child(5) h3::before,
section#bidders-questcdn-unique .txt-content #pills-tabContent .tab-pane:nth-child(6) h3::before {
	top: 40px;
}


/** Online Bidding Page **/
/* Online Bidding Section */
section#online-bidding {
	background-image:url('../images/techgrit/backgrounds/parallax_background_aboutus-page.jpg');
}
section#online-bidding .textContent h1 { 
	font-size: 40px;
	font-weight: 600;
}
section#online-bidding .textContent span { 
	font-size: 20px;
	font-weight: 600;
	text-align: right;
	float: right;
}

/* Membership Section */
section#vbid {
	background: #f9f9f9;
}
section#vbid h2 {
	margin-bottom: 0;
	text-align: right;
}
section#vbid p {
	margin-bottom: 0;
}

/* Owner/Provider Benefits Section */
section#owner-provider-benefits {
	padding-bottom: 0;
	border-bottom: none;
}
section#owner-provider-benefits .txt-content {
	position: relative;
	overflow: hidden;
}
section#owner-provider-benefits .txt-content #pills-tab {
	position: relative;
	top: 23px;
}
section#owner-provider-benefits .txt-content #pills-tab li {
	width: 50px;
	text-align: center;
}
section#owner-provider-benefits .txt-content #pills-tab li:nth-child(1){ left: 47%;top: 2.5rem;}
section#owner-provider-benefits .txt-content #pills-tab li:nth-child(2){ left: 62%;top: 6rem;}
section#owner-provider-benefits .txt-content #pills-tab li:nth-child(3){ left: 68%;top: 13rem;}
section#owner-provider-benefits .txt-content #pills-tab li:nth-child(4){ left: 64%;top: 23rem;}
section#owner-provider-benefits .txt-content #pills-tab li:nth-child(5){ left: 48%;top: 33.5rem;}
section#owner-provider-benefits .txt-content #pills-tab li:nth-child(6){ left: 18%;top: 41.5rem;}
section#owner-provider-benefits .txt-content #pills-tab li:nth-child(7){ left: -27%;top: 41.5rem;}
section#owner-provider-benefits .txt-content #pills-tab li:nth-child(8){ left: -58%;top: 33.5rem;}
section#owner-provider-benefits .txt-content #pills-tab li:nth-child(9){ left: -73%;top: 23rem;}
section#owner-provider-benefits .txt-content #pills-tab li:nth-child(10){ left: -77%;top: 13rem;}
section#owner-provider-benefits .txt-content #pills-tab li:nth-child(11){ left: -71%;top: 6rem;}
section#owner-provider-benefits .txt-content .nav-pills .nav-link,
section#owner-provider-benefits .txt-content .nav-pills .nav-link:focus {
	color: #fff;
	background-color: #333 !important;
	font-size: 22px;
	border-radius: 0;
	padding: 6px 12px;
	margin: 0;
}
section#owner-provider-benefits .txt-content .nav-pills .nav-link.active,
section#owner-provider-benefits .txt-content .nav-pills .nav-link:hover {
	color: #fff;
	background-color: #006666 !important;
}
section#owner-provider-benefits .txt-content .nav-pills .nav-link .fa-check {
	display: non;
	font-size: 28px;
	line-height: 1.2;
}
section#owner-provider-benefits .txt-content .nav-pills .nav-link.active .fa-check {
	display: block;
}
section#owner-provider-benefits .txt-content .nav-pills .nav-link.active .fa-pencil-ruler {
	display: none;
}
section#owner-provider-benefits .txt-content #pills-tabContent {
	padding: 26% 16%;
	height: 575px;
	margin: 5%;
	border-radius: 100%;
	background: #f9f9f9;
}
section#owner-provider-benefits .txt-content #pills-tabContent .tab-pane h3 {
	font-size: 20px;
	color: #333;
	padding-bottom: 10px;
	border-bottom: 2px solid #d9d9d9;
}
section#owner-provider-benefits .txt-content #pills-tabContent .tab-pane h3::before {
	background: #006666;
	top: 40px;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	margin: 0px auto;
	position: absolute;
	width: 25%;
}
section#owner-provider-benefits .txt-content #pills-tabContent .tab-pane:nth-child(3) h3::before,
section#owner-provider-benefits .txt-content #pills-tabContent .tab-pane:nth-child(5) h3::before {
	top: 70px;
}

/* Bidder Benefits Section */
section#bidder-benefits .txt-content .nav-pills li {
	width: 50px;
	text-align: center;
}
section#bidder-benefits .txt-content .nav-pills .nav-link,
section#bidder-benefits .txt-content .nav-pills .nav-link:focus {
	color: #fff;
	background-color: #333 !important;
	font-size: 22px;
	border-radius: 0;
	padding: 6px 12px;
	margin: 0;
}
section#bidder-benefits .txt-content .nav-pills .nav-link.active,
section#bidder-benefits .txt-content .nav-pills .nav-link:hover {
	color: #fff;
	background-color: #006666 !important;
}
section#bidder-benefits .txt-content .nav-pills .nav-link  .fa-check {
	display: none;
	font-size: 28px;
	line-height: 1.2;
}
section#bidder-benefits .txt-content .nav-pills .nav-link.active  .fa-check {
	display: block;
}
section#bidder-benefits .txt-content .nav-pills .nav-link.active .fa-pencil-ruler {
	display: none;
}
section#bidder-benefits .txt-content #pills-tab::before {
	background: #444;
	top: 22px;
	left: 15px;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	margin: 0px auto;
	position: absolute;
	width: 95%;
}
section#bidder-benefits .txt-content #pills-tabContent .tab-pane h3 {
	font-size: 20px;
	color: #333;
	padding-bottom: 5px;
	border-bottom: 2px solid #d9d9d9;
}
section#bidder-benefits .txt-content #pills-tabContent .tab-pane h3::before {
	background: #006666;
	top: 35px;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	margin: 0px auto;
	position: absolute;
	width: 25%;
}
section#bidder-benefits .txt-content #pills-tabContent .tab-pane p {
	width: 80%;
	margin: 0 auto;
}


/** Project List Page **/
section#project-list {
	padding: 0;
}
section#project-list .leftCol {
	border-right: 1px solid #f0f0f0;
	box-shadow: 10px 0px 10px -6px rgba(0,0,0,0.05);
}
section#project-list .leftCol h3 {
	font-size: 20px;
	margin-top: 20px;
}
section#project-list .leftCol .inline-search-form {
	margin-bottom: 15px;
}
section#project-list .leftCol .inline-search-form .input-group input {
	border-radius: 25px 0 0 25px;
}
section#project-list .leftCol .inline-search-form .input-group .input-group-btn button {
	border-radius: 0 25px 25px 0;
}
section#project-list .leftCol .block-search-form a[aria-expanded=false] .fa-chevron-up {
    display: none;
}
section#project-list .leftCol .block-search-form a[aria-expanded=true] .fa-chevron-down {
    display: none;
}
section#project-list .centerCol {
	border-right: 1px solid #f0f0f0;
	padding-right: 0px;
	padding-left: 0px;
}
section#project-list .centerCol h3 {
	font-size: 20px;
	padding: 0 15px;
	margin-top: 20px;
}
section#project-list .centerCol h3 .fas {
	font-size: 16px;
	color: #333;
}
section#project-list .centerCol h3 .fas:hover {
	color: #006666;
}
section#project-list .centerCol .projects-wrapper {
	max-height: 500px;
	margin-bottom: 100px;
}
section#project-list .centerCol .projects-wrapper .nav-pills {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
}
section#project-list .centerCol .projects-wrapper .nav-pills .nav-link {
	color: #333;
	border-radius: 0;
}
section#project-list .centerCol .projects-wrapper .nav-pills a.nav-link.active,
section#project-list .centerCol .projects-wrapper .nav-pills a.nav-link.active:hover {
	color: #333;
	background-color: #efefef;
}
section#project-list .centerCol .projects-wrapper .nav-pills a.nav-link.active .fa-user,
section#project-list .centerCol .projects-wrapper .nav-pills a.nav-link.active:hover .fa-user {
	color: #006666;
}
section#project-list .centerCol .projects-wrapper .nav-pills a.nav-link:hover {
	background-color: #f7f7f7;
}
section#project-list .centerCol .projects-wrapper .nav-pills .nav-link:not(:last-child) {
	border-bottom: 1px solid #f0f0f0;
}
section#project-list .centerCol .projects-wrapper .nav-pills a.nav-link p {
	font-size: 16px;
	margin-bottom: 5px;
}
section#project-list .centerCol {
	position: relative;
	overflow: hidden;
}
section#project-list .centerCol .toolbar {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0;
	right: 0;
	display: inline-block;
	width: 100%;
	padding: 22px 0 33px;
	border-top: 1px solid #f1f1f1;
	background: #fff;
}
section#project-list .centerCol .toolbar nav a.btn-refresh {
	float: left;
	margin: 6px 16px;
}
section#project-list .centerCol .toolbar nav a.btn-refresh .fas {
	color: #333;
}
section#project-list .centerCol .toolbar nav a.btn-refresh:hover .fas {
	color: #006666;
}
section#project-list .centerCol .toolbar nav ul.pagination {
	margin: 0px;
	float: right;
}
section#project-list .centerCol .toolbar nav ul.pagination > li.page-item .page-link {
	border: none;
}
section#project-list .centerCol .toolbar nav ul.pagination > li.page-item .page-link:hover {
	color: #006666 !important;
}
section#project-list .centerCol .toolbar nav ul.pagination > li.page-item .page-link:hover,
section#project-list .centerCol .toolbar nav ul.pagination > li.page-item .page-link:focus {
	background: none;
}
section#project-list .rightCol h3 {
	font-size: 20px;
	margin-top: 20px;
}
section#project-list .rightCol h3 .fas {
	font-size: 16px;
	color: #333;
}
section#project-list .rightCol h3 a:hover .fas {
	color: #006666;
}
section#project-list .rightCol h3 a.details {
	font-size: 14px;
	margin-left: 15px;
}
section#project-list .rightCol h3 a.details,
section#project-list .rightCol h3 a.details:focus {
	color: #333;
	transition: all 0.1s ease-in-out;
}
section#project-list .rightCol h3 a.details:hover {
	color: #006666;
}
section#project-list .rightCol h3 a.details .fas {
	font-size: 12px;
}
section#project-list .rightCol .details-wrappers .tab-content {
	padding: 0;
}


/** Project List Details Page **/
section#project-list-details {
	padding: 0;
}
section#project-list-details .leftCol {
	border-right: 1px solid #f0f0f0;
	box-shadow: 10px 0px 10px -6px rgba(0,0,0,0.05);
}
section#project-list-details .leftCol h3 {
	font-size: 20px;
	margin-top: 20px;
}
section#project-list-details .leftCol h3 .fas {
	font-size: 16px;
	color: #333;
}
section#project-list-details .leftCol h3 .fas:hover {
	color: #006666;
}
section#project-list-details .leftCol .projects-wrapper {
	max-height: 500px;
	margin-bottom: 100px;
}
section#project-list-details .leftCol .projects-wrapper .nav-pills {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
}
section#project-list-details .leftCol .projects-wrapper .nav-pills .nav-link {
	color: #333;
	background: #eee;
	border-radius: 3px;
	margin-bottom: 5px;
	padding: .7rem 1rem;
}
section#project-list-details .leftCol .projects-wrapper .nav-pills .nav-link:hover {
	background: #ddd;
}
section#project-list-details .leftCol .projects-wrapper .nav-pills .nav-link.active,
section#project-list-details .leftCol .projects-wrapper .nav-pills .nav-link.active:hover {
	color: #fff;
	background: #006666;
}
section#project-list-details .centerCol {
	border-right: 1px solid #f0f0f0;
	padding-right: 0px;
	padding-left: 0px;
}
section#project-list-details .centerCol h3 {
	font-size: 20px;
	padding: 0 15px;
	margin-top: 20px;
}
section#project-list-details .centerCol h3 .fas {
	font-size: 16px;
	color: #333;
}
section#project-list-details .centerCol h3 .fas:hover {
	color: #006666;
}
section#project-list-details .centerCol .projects-wrapper {
	max-height: 500px;
	margin-bottom: 100px;
}
section#project-list-details .centerCol .projects-wrapper .nav-pills {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
}
section#project-list-details .centerCol .projects-wrapper .nav-pills .nav-link {
	color: #333;
	border-radius: 0;
}
section#project-list-details .centerCol .projects-wrapper .nav-pills a.nav-link.active,
section#project-list-details .centerCol .projects-wrapper .nav-pills a.nav-link.active:hover {
	color: #333;
	background-color: #efefef;
}
section#project-list-details .centerCol .projects-wrapper .nav-pills a.nav-link.active .fa-clipboard-list,
section#project-list-details .centerCol .projects-wrapper .nav-pills a.nav-link.active:hover .fa-clipboard-list {
	color: #006666;
}
section#project-list-details .centerCol .projects-wrapper .nav-pills a.nav-link:hover {
	background-color: #f7f7f7;
}
section#project-list-details .centerCol .projects-wrapper .nav-pills .nav-link:not(:last-child) {
	border-bottom: 1px solid #f0f0f0;
}
section#project-list-details .centerCol .projects-wrapper .nav-pills a.nav-link p {
	font-size: 16px;
	margin-bottom: 5px;
}
section#project-list-details .centerCol {
	position: relative;
	overflow: hidden;
}
section#project-list-details .centerCol .toolbar {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0;
	right: 0;
	display: inline-block;
	width: 100%;
	padding: 22px 0 33px;
	border-top: 1px solid #f1f1f1;
	background: #fff;
}
section#project-list-details .centerCol .toolbar nav a.btn-refresh {
	float: left;
	margin: 6px 16px;
}
section#project-list-details .centerCol .toolbar nav a.btn-refresh .fas {
	color: #333;
}
section#project-list-details .centerCol .toolbar nav a.btn-refresh:hover .fas {
	color: #006666;
}
section#project-list-details .centerCol .toolbar nav ul.pagination {
	margin: 0px;
	float: right;
}
section#project-list-details .centerCol .toolbar nav ul.pagination > li.page-item .page-link {
	border: none;
}
section#project-list-details .centerCol .toolbar nav ul.pagination > li.page-item .page-link:hover {
	color: #006666 !important;
}
section#project-list-details .centerCol .toolbar nav ul.pagination > li.page-item .page-link:hover,
section#project-list-details .centerCol .toolbar nav ul.pagination > li.page-item .page-link:focus {
	background: none;
}
section#project-list-details .rightCol h3 {
	font-size: 20px;
	margin-top: 20px;
}
section#project-list-details .rightCol h3 .fas {
	font-size: 16px;
	color: #333;
}
section#project-list-details .rightCol h3 a:hover .fas {
	color: #006666;
}
section#project-list-details .rightCol h3 a.details {
	font-size: 14px;
	margin-left: 15px;
}
section#project-list-details .rightCol h3 a.details,
section#project-list-details .rightCol h3 a.details:focus {
	color: #333;
	transition: all 0.1s ease-in-out;
}
section#project-list-details .rightCol h3 a.details:hover {
	color: #006666;
}
section#project-list-details .rightCol h3 a.details .fas {
	font-size: 12px;
}
section#project-list-details .rightCol .details-wrappers .tab-content {
	padding: 0;
}



/***** RESPONSIVE WEB-DESIGN SECTION *****/

/***-- Extra-Large Screens(Extra-Large Desktops) --***/
/*-- (Screen size ≥ 1900px) --*/
@media all and (min-width: 1900px) {
/*.container { width: 1870px;}*/

}
/*-- (Screen size ≥ 1600px) --*/
@media all and (min-width: 1600px) {
/*.container { width: 1570px;}*/

}
/*-- (Screen size ≥ 1400px) --*/
@media all and (min-width: 1400px) {
/*.container { width: 1370px;}*/

}
/*-- xl(Screen size ≥ 1200px) --*/
@media all and (min-width: 1200px) {
/*.container { width: 1170px;}*/

}

/***-- Large Screens(Large Desktops and Laptops) --***/
/*-- (Screen size < 1200px) --*/
@media all and (max-width: 1199px) {
	
}
/*-- (992px ≤ Screen size ≤ 1199px) --*/
@media all and (min-width: 992px) and (max-width: 1199px) {
	/** Solicitors - Videos Page **/
	/* Promo Videos Grid Section */
	section#promo-videos-grid .vjs-default-skin .vjs-big-play-button { 
		left: 6em;
		top: 3em;
	}
}
/*-- lg(Screen size ≥ 992px) --*/
@media all and (min-width: 992px) {
/*.container { width: 970px;}*/

}

/***-- Medium Screens(Small Laptops and Landscape Tablets) --***/
/*-- (Screen size < 992px) --*/
@media all and (max-width: 991px) {

}
/*-- (768px ≤ Screen size ≤ 991px) --*/
@media all and (min-width: 768px) and (max-width: 991px) {
	/** Solicitors - Videos Page **/
	/* Promo Videos Grid Section */
	section#promo-videos-grid .vjs-default-skin .vjs-big-play-button { 
		left: 5.5em;
		top: 3em;
		font-size: 1.5em;
	}
}
/*-- md(Screen size ≥ 768px) --*/
@media all and (min-width: 768px) {
/*.container { width: 750px;}*/

}

/***-- Small Screens(Portrait Tablets and Landscape Phones) --***/
/*-- (Screen size < 768px) --*/
@media all and (max-width: 767px) {
	/** Solicitors Page **/
	/* Promo Videos Section */
	section#promo-videos #promo-videos-carousel .slick-showPrev {
	    left: -10px;
	}
	section#promo-videos #promo-videos-carousel .slick-showNext {
	    right: -10px;
	} 
	section#promo-videos #promo-videos-carousel .slick-showPrev,
	section#promo-videos #promo-videos-carousel .slick-showNext {
	    top: 34%;
	    padding: 8px 12px;
	}
	/** Solicitors - Videos Page **/
	/* Promo Videos Grid Section */
	section#promo-videos-grid .vjs-default-skin .vjs-big-play-button { 
		left: 11.6em;
		top: 5.8em;
	}
}
/*-- sm(Screen size ≤ 576px) --*/
@media all and (min-width: 576px) {
	/* Modal */
	.modal .modal-dialog {
		margin: 5rem auto 1.75rem;
	}
}

/***-- Extra-Small Screens(Portrait Phones) --***/
/*-- xs(Screen size ≤ 575px) --*/
@media all and (max-width: 575px) {
	/** Header **/
	#header #topNav a.logo img {
		max-width: 80%;
	}
	/** Homepage **/
	/* QuestCDN Promo Video */
	section#questcdn-promo-video .vjs-default-skin .vjs-big-play-button {
		left: 5.5em;
		top: 2.5em;
	}
	/** Solicitors - Videos Page **/
	/* Promo Videos Grid Section */
	section#promo-videos-grid .vjs-default-skin .vjs-big-play-button {
	    left: 9.6em;
	    top: 4.8em;
	}
}

/***-- Much Smaller Phones --***/
/*-- (Screen size ≤ 480px) --*/
/*-- Consider this as xxs --*/
@media all and (max-width: 414px) {
	section#parallax_background .slide-items-wrapper .slide-item {
		width: 50%;
		margin: 0 auto;
		padding: 15px;
		height: 180px;
		background-color: #fff;
		border: 1px solid #fff;
		border-radius: 100%;
		display: inline-block;
		overflow: hidden;
		transition: all 0.3s ease-in-out;
	}
}
/*-- (Screen size ≤ 400px) --*/
@media all and (max-width: 400px) {

}
/* Start Posting Table */
.posting-table{
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	color: #737373;
/*	text-transform: capitalize; */
	line-height: 18px;
}
.posting-table tr {
	text-decoration: none;
	font-size: 16px;
	color: #737373;
	font-weight: normal;
/*	text-transform: capitalize; */
	line-height: 18px;
}
.posting-table td:nth-child(1) {	
	text-decoration: none;
	font-size: 16px;
	color: #737373;
	font-weight: normal;
	text-transform: capitalize;
	line-height: 18px;
	vertical-align: text-top; /* added RP 09172020 */
}
.posting-table td:nth-child(2) {
	text-decoration: none;
	font-size: 16px;
	color: #737373;
	font-weight: bold;
/*	text-transform: capitalize; */
	line-height: 18px;
}

.posting-table > tbody > tr > td:nth-child(1) {
	width: 15%;
}

.posting-table > tbody > tr > td:nth-child(2) {
	width: 60%;
}
/* End Posting Table */

.textinput, .emailinput, .textarea, .select {
    max-width: 450px;
}


.posting-label {
	font-size: 15px;
	color: #737373;
	font-weight: normal;
}
.posting-second-header {
	font-size: 16px;
	font-weight: normal;

}
.bg-quest-grey {
	background-color: #e6e6e6 !important;
}

.class-width125 {
	max-width: 125px;
/* 125 for yes/no/amount */	
}
.class-width225 {
	max-width: 225px;	
/* 225 for calendars/time/values */
}
.class-width250 {
	max-width: 250px;
/* 250 for Fee Selection */
}