/*
Theme Name: 	TPM Child
Theme URI: 		http://tpm.com/
Author: 		TPM group
Author URI: 	http://tpm.com
Description:	Child Theme for TPM - Premium WordPress Theme
Template:		tpm
Version: 		1.34
*/

/* Theme customization starts here
-------------------------------------------------------------- */
#Top_bar {
	background-color: #ffffff !important;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
#Action_bar .container, #Top_bar .container {
	max-width: 100%;}
#Action_bar #menu-action-menu-top.social-menu:after {
	content: '|';
    color: #03acd9;
    display: inline;
    padding: 0px 10px 0px 30px;
    font-size: 18px;
    line-height: 0px;}
#Action_bar li {
	font-size: 16px;}
#Action_bar li.phone a {
	font-weight: bold;}
#Top_bar .one.column {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;}
.header-classic #Header .top_bar_left{
	width: 100%;}




#Top_bar .logo {
	float: left;
	margin-left: 20px; /* Adjust this as needed to align your logo to the left */
	height: auto;
	transition: transform 0.3s ease, margin 0.3s ease; /* Add margin to the transition if you want the movement to be smooth */
	transform-origin: top left;
	height: 70px;
}
.is-sticky #Top_bar .logo {
	transform: scale(0.7); /* Scale down logo to 70% of its original size */
	margin-top: 5px; /* You might need to adjust this value to center the logo when it's sticky */
	height: 49px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #Top_bar .logo {
        transform: scale(0.8); /* Adjust the scale as necessary */
    }
	#Top_bar .logo #logo{
		margin: 0!important;
	}
    #Top_bar .menu_wrapper {
        margin-right: 20px; /* Or adjust the margin as necessary */
    }
}






#Top_bar .menu_wrapper{
	float: right;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
	width: 90%; }
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
	padding-top: 45px;
	padding-bottom: 45px;}
#Top_bar.is-sticky #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
	padding-top: 20px;
	padding-bottom: 20px;}
#Top_bar ul#mega-menu-main-menu li.mega-pink-bg a, #Top_bar ul#mega-menu-main-menu li.mega-blue-bg a {
    background: #c11353 !important;
    color: white !important;
	transition: all 0.3s ease 0s;
	margin-left: 8px;
}
#Top_bar ul#mega-menu-main-menu li.mega-blue-bg a {
	background: #03acd9 !important;
}
/*#Top_bar ul#mega-menu-main-menu li.mega-pink-bg a:hover{
	background:#00B0DF !important;}*/
/*div#Top_bar ul#mega-menu-main-menu ul.mega-sub-menu{margin-top:10px !important;}*/
/*#Top_bar ul#mega-menu-main-menu{margin-top: 30px !important;}*/
/*#Top_bar.is-sticky ul#mega-menu-main-menu{margin-top: 20px !important;}*/
#Top_bar .menu > li > a span:not(.description){
	margin-top:30px;
	line-height:30px;}
#Top_bar.is-sticky .menu > li > a span{
	margin-top:0;}
div.gray-border {
    border: 1px solid #bfbfbf;
	margin-top:8px;
}
div.title-row h6 {
    color: #818181;
    font-size: 11px;
}
div.logos div.wpb_single_image{
	margin-bottom:0;}
div.blue-bar{
	background:
		/* top, transparent red */ 
		/*linear-gradient(
		  rgba(5, 147, 188, 0.60), 
		  rgba(6, 154, 197, 0.40)
		),*/
		/* bottom, image */
		url("../blue-bar-bg.html") repeat scroll 0 -8px;
	z-index:3 !important;} 
.header-classic #Action_bar {
	background-color: #3c3c3c !important;}
div#Action_bar a{
	color:white;}
div#Action_bar li.slogan{
	color:#ababab;}
div#Action_bar ul.zoom-social-icons-list{
	margin-top:6px;}
div#Action_bar li.phone i.icon-phone{
	display:none;}
div#Action_bar ul.zoom-social-icons-list li{
	margin:5px 1px !important;}
div#Action_bar ul.contact_details{
	}
div.blue-bar h5 a {
    color: #b0edff;
	pointer-events: none;
}
div.blue-bar h5 {
    color: white;
    font-size: 26px;
    font-weight: normal;
    line-height: 36px;
    padding-top: 30px;
    text-shadow: 1px 1px 1px #231E1F;
}
div.blue-bar .wpb_single_image h2 {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0px;
    color: white;
    display: block;
    font-size: 14px;
    left: 0;
    margin: 0 15px;
    position: absolute;
    right: 0;
	padding-right:20px;
	text-align:right;
}
div.blue-bar div.wpb_single_image{
	margin-bottom:0;}
aside.widget_nav_menu div.menu-sample-container ul.menu, aside.widget_nav_menu div.menu-sample-container ul li ul.sub-menu{
	background:none;}
div.widgets_wrapper ul.menu li a{
	color:white !important;
	padding:0;
	font-weight:800;}
div.widgets_wrapper ul.menu li ul.sub-menu li a{
	color:#999999 !important;
	font-weight:normal;}
div.widgets_wrapper ul.menu li{
	list-style:none;}
div.widgets_wrapper ul.sub-menu li:after{
	border:none;}
aside.widget_nav_menu ul.menu{
	padding:0;}
div.widgets_wrapper ul.menu li ul.sub-menu{
	padding:0 0 0 16px;}
aside.widget_nav_menu h4{
	font-size:18px;}
footer#Footer{
	background-color: #626262 !important;}
#Footer .widgets_wrapper {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}
#Footer .footer_copy {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    border: medium none;
}
footer#Footer ul.zoom-social-icons-list{
	float:right;
	margin-right:20px;}
#Footer nav#social-menu{
	display:inline;}
p.copy {
    float: left;
    margin-bottom: 0;
    padding-right: 20px;
}
#Footer ul.zoom-social-icons-list li{
	margin-right:0;}
div.boxes div.box {
    /*min-height: 480px;*/
    background: #e9e8e8 none repeat scroll 0 0;
    margin: 0 15px 30px;
    padding: 30px 26px;
}
div.boxes div.box h6 span.blue{
	color:#00a5d5;}
div.box h6 span{
	color: black;
	background:#e9e8e8;}
div.box ul.events li {
	color: #211d1e;
    background: #f4f4f4 none repeat scroll 0 0;
    border-left: 6px solid red;
    margin-bottom: 1px;
    padding: 11px 12px;
}
div.box ul.events li:nth-child(odd) { background: #ffffff; border-left: 6px solid blue;}
div.box ul.events li.green-left{
	border-left:6px solid #69d738;}
div.box ul.events li.blue-left{
	border-left:6px solid #2572ff;}
div.box ul.events li.red-left{
	border-left:6px solid #f02d28;}
.box > h6 {
    margin-bottom: 24px;
	text-transform:uppercase;
}
a.btn {
    background: #c11353 none repeat scroll 0 0;
    border-radius: 6px;
    color: white;
    display: inline-block;
    margin: 30px 0;
    padding: 8px 26px;
	font-size:14px;
	transition: all 0.3s ease 0s;
}
a.btn:hover {
    background: #7ac6db none repeat scroll 0 0;
    color: white;
    text-decoration: none;
}
.vc_btn3-shape-rounded.vc_btn3-style-classic.vc_btn3-color-primary, .vc_btn3-shape-rounded.vc_btn3-style-classic.vc_btn3-color-pink, .vc_btn3-shape-rounded.vc_btn3-style-classic.vc_btn3-color-blue, .hbspt-form .hs-submit .actions .hs-button {
	border-radius: 30px;
	background-color: #03acd9;
	border-color: #03acd9;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-left: 40px;
	padding-right: 40px;
}

.hbspt-form select.hs-input {
	height: 40px;
}
.hbspt-form .hs-submit .actions .hs-button {
	padding-top: 14px;
	padding-bottom: 14px;
	text-shadow: none !important;
	box-shadow: none !important;
	background-image: none !important;
}
.vc_btn3-shape-rounded.vc_btn3-style-classic.vc_btn3-color-pink {
	background-color: #c11353;
	border-color: #c11353;
}
.vc_btn3-shape-rounded.vc_btn3-style-classic.vc_btn3-color-blue {
	background-color: #393e73 !important;
	border-color: #393e73 !important;
}
ul.courses li {
    float: left;
    list-style: outside none none;
    margin-right: 15px;
}
ul.courses li::before {
    border-radius: 10px;
    content: ".";
    margin-left: 3px;
    margin-right: 6px;
    padding: 0 6px;
}
ul.courses{margin:0;}
ul.courses li a{color:#737e86;}
ul.courses li.green-dot::before{
	background:#69d738;
	color:#69d738;}
ul.courses li.blue-dot::before{
	background:#2572ff;
	color:#2572ff;}
ul.courses li.purple-dot::before{
	background:#7e34e2;
	color:#7e34e2;}
ul.courses li.red-dot::before{
	background:#f02d28;
	color:#f02d28;}
ul.courses li.yellow-dot::before{
	background:#e3b013;
	color:#e3b013;}
.posts-box ul li a {
    color: #231f20;
    font-size: 14px;
	padding: 0px;
}
.posts-box ul{
	padding: 0px;	
}
.posts-box ul li{
	margin-bottom:15px;}
.posts-box ul li span{
	display: inline;
	color: #999;
	font-size: 0.8em;
}
.posts-box ul li:last-child{
	margin-bottom:0;}
.posts-box ul li a:hover {
    color: #00a5d5;
    text-decoration: none;
}
.posts-box ul li, ul.recent-posts li, div#Subheader ul.breadcrumbs li{
	list-style-image:url(../png/li_img.png);}
div.box .vc_col-sm-6 img {
    margin-bottom: 30px;
}
div.box.posts-box a.btn {
    margin-bottom: 0;
}
div.box ul {
	margin-left: 20px;	
}
div#Subheader ul.breadcrumbs li a {
    color: #00a5d5;
}
div#Subheader ul.breadcrumbs li {
    color: #231f20;
}
div#Subheader ul.breadcrumbs li {
    float: left;
	display:list-item;
}
div#Subheader ul.breadcrumbs li span i{
	display:none;}
div#Subheader ul.breadcrumbs li:first-child{
	list-style:none;}
div#Subheader{
	background:white;}
div#Subheader::after{
	background:none;}
	
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	line-height: 17px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: none;	
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
	background: none;	
}
ul.mega-sub-menu {
    padding: 20px !important;
	background: url("../jpg/mega-menu-bg-with-border.jpg") !important;
	border-top: 2px solid #00a5d5 !important;
    box-shadow: 0 4px 8px -2px gray !important;
	background-position: -10px -10px !important;
}

#mega-menu-item-15 ul.mega-sub-menu {
	width: 250px !important;
}

ul.mega-sub-menu li.widget_sp_image img{
	width:100% !important;}
div.textwidget ul.events, div.textwidget ul.courses{
	margin-left:0;}
div.textwidget ul.events li, div.textwidget ul.courses li{
	list-style:none;}
ul.mega-sub-menu ul.menu li {
    font-weight: 700;
}
ul.mega-sub-menu ul.menu ul.sub-menu {
    padding-left: 20px !important;
}
ul.mega-sub-menu ul.menu ul.sub-menu li {
    font-weight: normal;
}
footer#Footer .widget ul{background:none;}
nav#mobile_menu{display:none;}
h5.responsive-menu-toggle span, h5.responsive-menu-toggle span i {
    color: #231f20;
}
h5.responsive-menu-toggle {
    bottom: 30px;
    cursor: pointer;
    float: right;
    margin-bottom: 0;
    position: absolute;
    right: 20px;
}
h5.responsive-menu-toggle{display: none;}
.mm-arrow::after, .mm-next::after, .mm-prev::before{
	content:"+";
	border:none;
	font-size:30px;
	transform:inherit;}
.mm-listview > li.mm-vertical.mm-opened > .mm-next::after, .mm-vertical .mm-listview > li.mm-opened > .mm-next::after{
	content:"_";
	transform:rotate(180deg);
	top:40px;
	}
div#mm-2 a.mm-next:after, div#mm-3 a.mm-next:after, div#mm-4 a.mm-next:after, div#mm-5 a.mm-next:after {
    /*content: "''";*/
}
ul#menu-top-menu li a:hover {
    color: #00B0DF;
}
ul.mega-sub-menu li a:hover{
	color: #00B0DF !important;}
.font-red{color:#c11353 !important;}
.font-black{color: #000000 !important;}
li.mm-vertical.mm-opened .mm-panel.mm-vertical ul li{
	list-style-image:url(../png/li_img.png);}
div.tribe-events-adv-list-widget div.type-tribe_events:nth-of-type(2n+1) {background:white;}
div.tribe-events-adv-list-widget div.type-tribe_events{background:#F4F4F4;}
div.tribe-events-adv-list-widget.first {margin-top: 1px;}
div.boxes{margin-bottom:0; border:none; padding-bottom:0;}
div.tribe-mini-calendar-event div.list-date{display:none;}
/*div.boxes div.tribe-events-category-online-course{border-left:6px solid #69d738;}
div.tribe-events-adv-list-widget div.tribe-events-category-tpm-presentation{border-left:6px solid #2572FF;}
div.tribe-events-adv-list-widget div.tribe-events-category-webinar{border-left:6px solid #7E34E2;}
div.tribe-events-adv-list-widget div.tribe-events-category-on-location-course{border-left:6px solid #F02D28;}
div.tribe-events-adv-list-widget div.tribe-events-category-certification-exam{border-left:6px solid #E3B013;}*/
div.tribe-events-adv-list-widget .tribe-events-title > a {color: #211d1e;}
div.tribe-events-adv-list-widget h2.tribe-events-title{font-weight:normal; font-size:13px; line-height:14px;}
div.tribe-events-adv-list-widget .tribe-mini-calendar-event .list-info {color:#666666; font-size:11px; padding-left:12px; padding-right:12px;}
.tribe-events-adv-list-widget .tribe-event-featured .tribe-mini-calendar-event .tribe-events-title a { color: #211d1e; }
.tribe-events-adv-list-widget .tribe-event-featured .tribe-events-duration { color: #666666; }
div.tribe-events-adv-list-widget p.tribe-events-widget-link{margin-bottom: 0;}
div.tribe-events-adv-list-widget h2.tribe-events-title a:hover {color: #7AC6DB; text-decoration: underline;}
.tribe-events-list .type-tribe_events { padding: 1.75em }
div.box h6{background:rgba(0, 0, 0, 0) url("../png/dot-bg.png") repeat-x scroll 0 7px; background-size:auto 10px;}
div.box span.border-bottom{display:none}
.tribe-events-calendar td.tribe-events-past .tribe-events-month-event-title a { opacity: 1; }

.hs-form .actions { margin-top: 0px !important; padding-top: 0px !important; }
.hs-form fieldset, .hs-form .hs-input { max-width: 100% !important; }

.job_listing .share_wrapper, .job_listing .author-box, .job_listing .author-date, .fixed-nav .photo { display: none; }
.job_listings li, .job_listing li { list-style: none !important; }

.page-template-home #Subheader {display: none;}

/* NEW DESIGN STYLES */
/* These overrides should apply to the whole site at some point */
/*html { scroll-behavior: smooth; }*/
a:hover { text-decoration: none; }
#Content h1, #Content h2, #Content h3, #Content p, #Content li, #Content .uvc-sub-heading { color: #000000; }
p, li, .uvc-sub-heading { font-size: 18px; }
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu { width: 250px; padding: 7px !important; }
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu ul.mega-sub-menu { width: 200px; margin-left: 7px; }
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu ul.mega-sub-menu a { font-size: 13px !important; }
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item:last-child>a.mega-menu-link { margin: 0px; }
/*#Top_bar #mega-menu-main-menu>li.mega-blue-bg a:hover { background-color: #c11353 !important; }*/
#Content {padding-top: 0;}
#Footer { margin-top: 0px; }
#Footer .footer_action { background: none; }
#Footer .footer_action .one { text-align: left; padding-top: 0px; }
#Footer .footer_action .hbspt-form .hs-form-field.hs_email { float: left; width: 40%; min-width: 300px; }
#Footer .footer_action .hbspt-form .hs-form-field.hs_email > label { display: none; }
#Footer .footer_action .hbspt-form .hs-error-msgs .hs-error-msg { color: #ffffff; }
.tribe-events-adv-list-widget, .box.whitepaper-box, .box.posts-box  { max-width: 500px; margin: 0px auto; }
.tribe-events-adv-list-widget .tribe-events-widget-link { text-align: center; }
.tribe-events-adv-list-widget .tribe-events-widget-link .btn { background-color: #03acd9; border-radius: 30px; font-weight: bold; text-transform: uppercase; font-size: 16px; }
.tribe-events-adv-list-widget .courses a { color: #ffffff; }
div.box h6 { background: none; text-align: center; }
div.box h6 span, div.box h6 span a { background: none; color: #ffffff; font-size: 36px; font-weight: bold; text-transform: capitalize; }
div.box h6 span a.rsswidget img { display: none; }
div.box.whitepaper-box .wpb_column { display: none; }
div.box.whitepaper-box ul, .box.posts-box ul { margin: 0px; }
div.box.whitepaper-box ul li, .box.posts-box ul li { list-style-image: none; list-style-type: none; background: #ffffff; padding: 10px; }
div.box.whitepaper-box .recent-posts a, .box.posts-box .recent-posts a { color: #211d1e; font-size: 16px; }
div.box.posts-box.widget_rss { height: unset !important; }
.wpb_images_carousel { text-align: center; }
.wpb_images_carousel img { max-height: 125px; width: auto; max-width: 200px !important; }
.vc_images_carousel .vc_carousel-control .icon-prev:before, .vc_images_carousel .vc_carousel-control .icon-next:before { color: #211d1e; }
.ult-carousel-wrapper .slick-track { display: flex; align-items: center; margin: 0px auto; }
.ult-carousel-wrapper .slick-track .slick-slide img { max-height: 125px; width: auto; max-width: 280px !important; }
.wpb_raw_code.ratio-vid .wpb_wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.wpb_raw_code.ratio-vid .wpb_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ult_exp_section_layer .ult_exp_section, .ult_exp_section_layer .ult_exp_content { padding-left: 30px; }
.ult_exp_section_layer, .ult_exp_section_layer .ult_exp_section_layer, .ult_exp_section_layer .ult_exp_content { padding-bottom: 0px; margin-bottom: 5px !important; }
.ult_exp_section_layer .ult_exp_section .ult_expheader:before { content: '+'; color: #03acd9; display: inline-block; vertical-align: middle; position: absolute; font-size: 32px; font-weight: bold; margin-left: -25px; }
.ult_exp_section_layer .ult_exp_section.ult_active_section .ult_expheader:before { content: '–'; margin-top: -3px; }
.ult_exp_section_layer .ult_exp_content .wpb_text_column { text-align: left; }
.ult_exp_section_layer .ult_exp_content .wpb_text_column ul { margin-left: 20px; }
/* End overrides */
.center { text-align: center; }
.on-dark, #Content .on-dark h1, #Content .on-dark h2, #Content .on-dark h3, #Content .on-dark p, #Content .on-dark li { color: #ffffff; }
.vc_btn3:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: rgba(0,0,0,.05); }
.vc_btn3:hover:after { width: 100%; }
.clip-row {	margin-top: -90px; margin-bottom: -90px; padding-top: 130px; padding-bottom: 75px; clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%); z-index: 10; }
.clip-row.flush { padding-top: 0px; padding-bottom: 0px; }
.header-right .wpb_text_column { text-align: left; padding: 0px 22%; }
#Content .hoverbox-container .vc_column-inner { background-repeat: no-repeat; background-size: cover; padding: 0px; }
#Content .hoverbox-container .vc-hoverbox-wrapper { margin-bottom: 0px; background-repeat: no-repeat; background-size: cover; padding: 0px; }
#Content .hoverbox-container .vc-hoverbox { min-height: 300px; }
#Content .hoverbox-container .vc-hoverbox-block.vc-hoverbox-front { transition: none; }
#Content .hoverbox-container .vc-hoverbox-block.vc-hoverbox-back { background-color: rgba(3, 172, 217, 0.5) !important; border-radius: 0px; transition: none; opacity: 0; transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -webkit-transition: opacity .35s ease-in-out; }
#Content .hoverbox-container .vc-hoverbox-block.vc-hoverbox-back:hover { opacity: 1; }
#Content .hoverbox-container .vc-hoverbox-block-inner.vc-hoverbox-front-inner { background-color: #03acd9; position: absolute; bottom: 0px; width: 100%; clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%); }
#Content .hoverbox-container .vc-hoverbox h2 { color: #ffffff; font-weight: bold; font-size: 24px; }
#Content .hoverbox-container.locations .vc-hoverbox, .hoverbox-container.locations .vc-hoverbox-inner { min-height: 125px !important; }
#Content .hoverbox-container.locations .vc-hoverbox-block-inner.vc-hoverbox-front-inner { display: none; }
#Content .hoverbox-container.locations .location-name { margin-bottom: 10px; }
#Content .numbered-list-container { min-height: 585px; }
#Content .numbered-list-container .upb_row_bg { background-size: 100% 100% !important; }
#Content .numbered-list-container .vc_column-inner { padding-top: 0px !important; }
#Content .numbered-list-container h2 { color: #03acd9; font-size: 125px; background-color: #ffffff; border-radius: 50%; display: inline-block; width: 200px; height: 200px; vertical-align: middle; border: solid 15px #03acd9; font-weight: bold !important; font-family: 'Open Sans'; }
#Content .numbered-list-container.mini { min-height: unset; }
#Content .numbered-list-container.mini h2 { font-size: 60px; width: 105px; height: 105px; border: solid 10px #03acd9; }
.authority-band h3 { padding-bottom: 10px; font-weight: bold; font-size: 40px; }
.authority-band p { font-size: 20px; }
/* Testimonials */
.testimonial-container .testimonial-quote p, .testimonial-container .testimonial-content p, .testimonial-container .testimonial-meta p { line-height: 1.2em; color: #ffffff !important; }
.testimonial-container .testimonial-quote p { font-size: 116px; font-weight: bold; line-height: 1.7em; }
.testimonial-container .testimonial-content p { font-size: 28px; }
.testimonial-container .testimonial-meta p { padding-top: 20px; font-size: 22px; }
.testimonial-container .quote-icon { text-align: center; }
.testimonial-container .quote-icon svg { font-size: 36px; max-width: 120px; }
/* Testimonial Slider */
.testimonial-container .testimonials_slider li, .testimonial-container .testimonials_slider .bq_wrapper { padding: 0px !important; }
.testimonial-container .testimonials_slider .bq_wrapper blockquote { font-size: 28px; color: #ffffff; line-height: 1.2em; font-style: normal; }
.testimonial-container .testimonials_slider .hr_dots { display: none; }
.testimonial-container .testimonials_slider .author h5, .testimonial-container .testimonials_slider .author .company { color: #ffffff; font-size: 22px; font-weight: normal; }
.testimonial-container .testimonials_slider a.slider_prev, .testimonial-container .testimonials_slider a.slider_prev .button_icon, .testimonial-container .testimonials_slider a.slider_next, .testimonial-container .testimonials_slider a.slider_next .button_icon { background: none !important; box-shadow: none !important; }
.testimonial-container .testimonials_slider a.slider_prev, .testimonial-container .testimonials_slider a.slider_next { top: 40px; }
.testimonial-container .testimonials_slider a .button_icon i { font-size: 28px; color: #ffffff; }
.testimonial-container .testimonials_slider a.slider_prev { left: -95px; }
.testimonial-container .testimonials_slider a.slider_next { right: -95px; }
/* End Testimonials */
.monitor-overlay-container, .monitor-overlay-container .vc_column-inner { padding-top: 0px !important; }
.monitor-overlay-container .monitor-overlay-content { position: absolute; top: 1.3vw; margin-left: 1.3vw; width: 100%; height: 100%; }
.monitor-overlay-container .monitor-overlay-content iframe { width: 82%; height: 20.5vw; }
/* HubSpot Forms */
.hbspt-form .hs-form label, .hbspt-form input.hs-input, .hbspt-form textarea.hs-input, .hbspt-form select.hs-input { font-family: 'Open Sans', sans-serif; font-size: 16px; }
.hbspt-form input.hs-input, .hbspt-form textarea.hs-input, .hbspt-form select.hs-input { margin-bottom: 0px; padding: 10px; }
@media only screen and (max-width: 767px) {
	.header-right .wpb_text_column { padding: 0px; }
	.vc_btn3-container.vc_btn3-left, .vc_btn3-container.vc_btn3-right { text-align: center; }
	.hoverbox-container .vc_column-inner { margin: 10px 0px !important; }
	.testimonial-container .testimonial-quote { display: none; }
	.testimonial-container .testimonial-content .wpb_wrapper p:first-child:before, .testimonial-container .testimonial-content .wpb_wrapper p:last-child:after { content: '"'; color: #ffffff; font-size: 28px; }
	.testimonial-container .testimonials_slider a.slider_prev { left: 0px; }
	.testimonial-container .testimonials_slider a.slider_next { right: 0px; }
}



/* colorlab css */
.page-id-7750 #Content {
    padding-top: 4em;
}
.text-center { text-align:center; }
.m-heading {
    text-transform: uppercase;
}
.colorlab-banner{
	text-align:center;
}
.colorlab-caption .upb_row_bg {
    clip-path: polygon(0 0, 100% 0%, 100% 79%, 0% 100%);
}

.companies-sec .companies .wpb_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.companies-sec .companies .wpb_wrapper .wpb_single_image {
    max-width: 17%;
    flex: 0 0 17%;
    text-align: center;
}
.companies-sec .companies .wpb_wrapper .wpb_single_image .vc_single_image-wrapper {
    margin: 0px auto 30px auto;
    width: 80%;
}
.companies-sec .companies .wpb_wrapper .wpb_single_image:first-child .vc_single_image-wrapper {
    width: 56%;
}
.contact-box {
    padding: 20px 15px 15px 15px;
    background: #eeeeee;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #0000003d;
    width: 45%;
    float: right;
    margin-top: -80px;
}
.contact-box .wpb_wrapper > div {
    margin: 0px 0px -12px 0px;
}
.contact-box .wpb_wrapper > div h2 {
    margin-bottom: 20px;
}

.portfolio-sec {
    position: relative;
}
.portfolio-sec .text-center {
    position: relative;
    z-index: 999;
    float: none;
}
.portfolio-sec {
    overflow: visible !important;
    padding: 0 !important;
	float:none !important;
}
.portfolio-sec:after {
    content: "";
    background: #38bdd4;
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    clip-path: polygon(0 13%, 100% 0%, 100% 100%, 0% 100%);
}
.portfolio-sec .vc_tta-color-white.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels {
    background: transparent;
}
.portfolio-tabs .vc_tta-tabs-list {
    text-align: center;
    margin-bottom: 10px !important;
}
.portfolio-tabs.vc_tta.vc_general .vc_tta-tab>a {
    background: transparent !important;
    margin: 0px !important;
    padding: 10px;
}
.portfolio-tabs.vc_tta.vc_general .vc_tta-tab>a span {
    border: 1px solid #e18b1c;
    display: inline-block;
    padding: 14px 40px;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
    color: #e18b1c !important;
    font-size: 16px;
    cursor: pointer;
}
.portfolio-tabs.vc_tta.vc_general .vc_tta-tab.vc_active>a span {
    background: #e18b1c !important;
    color: #fff !important;
}
.steps-box {
    width: 65%;
    margin: 0px 0px 34px 0px !important;
}
.steps-box .aio-icon-description strong {
	text-transform:uppercase;
	font-weight:normal;
}
.contact-box .hs-form-field.hs_firstname {
    margin-bottom: 0px !important;
}
.contact-box .hs-form-field {
    margin-bottom: 15px !important;
}
.contact-box input.hs-input,
.contact-box select,
.contact-box textarea {
    padding: 8px 10px;
}
.contact-box  textarea {
    min-height: 35px;
}
/* END NEW DESIGN STYLES */



/* Responsive CSS */
@media(min-width:1240px){
	
	#Header {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 99;
		transition: all .2s;
	}
	#Header #Top_bar .logo a,
	#Header #Top_bar #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
		transition: all .2s;
	}
	.is-sticky #Header #Top_bar .logo a {
		line-height: 30px;
		transition: all .2s;
	}
	.is-sticky #Header #Top_bar #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
		padding-top: 35px;
		padding-bottom: 35px;
		transition: all .24s;
	}
	#Content {
		transition: all .2s;
		padding-top: 9.8em;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1920px) {div.box .vc_col-sm-6 img {max-height: 200px; float:left; margin-left:6px;}}
@media only screen and (min-width: 1240px) {h5.responsive-menu-toggle{display: none !important;}}
@media only screen and (min-width: 200px) and (max-width: 1024px) {
#Top_bar .logo #logo{float:left;margin:10px 20px;}
div.boxes div.box span.border-bottom{background:rgba(0, 0, 0, 0) url("../png/dot-bg.png") repeat-x scroll 0 0; background-size:auto 10px; display:block; height:16px; position:relative; top:10px;}
div.box h6{background:none;}
}
@media only screen and (max-width: 1239px) {
	#mega-menu-main-menu{display:none !important;}
	h5.responsive-menu-toggle{display:inherit;}
}
@media only screen and (min-width: 200px) and (max-width: 801px) {
	/*div.rev-btn{
	display:none !important;}*/
}
@media only screen and (max-width: 700px) {
/*div.rev-btn{
	display:none !important;}*/
div#Action_bar a{
	}
div#Action_bar a:hover {
    
}	
div#Action_bar ul.contact_details {
    }
div#Action_bar ul.zoom-social-icons-list{
	text-align:center;}
#Subheader ul.breadcrumbs{display:inherit;}
p.copy{
	margin:0 0 15px;
	padding:inherit;
	float:none;}
footer#Footer ul.zoom-social-icons-list{
	float:none;
	margin:inherit;}
div.boxes div.box{
	margin:0 auto 20px;
	padding:20px 25px;}
div.blue-bar {
    background: rgba(0, 0, 0, 0) url("../jpg/blue-bar-bg-mobile.jpg") repeat scroll 0 -8px;
}
div.title-center div.wpb_wrapper div.wpb_text_column {
    margin: 10px 0 0;
}
}
@media only screen and (min-width: 521px) and (max-width: 599px) {
div.blue-bar .wpb_single_image h2{
	margin:0 50px;
	font-size:14px;}
}
@media only screen and (min-width: 640px) and (max-width: 666px) {
div.blue-bar .wpb_single_image h2{
	margin:0 94px;
	font-size:14px;}
}
@media only screen and (min-width: 600px) and (max-width: 639px) {
	div.blue-bar .wpb_single_image h2 {
		font-size: 16px;
		margin: 0px 69px;
		right: 1px;
	}
}
@media only screen and (min-width: 667px) and (max-width: 699px) {
div.blue-bar .wpb_single_image h2{
	margin:0 98px;
	font-size:14px;}
}
@media only screen and (min-width: 700px) and (max-width: 767px) {
div.blue-bar .wpb_single_image h2{
	margin:0 132px;
	font-size:14px;}
div.blue-bar {
    background: rgba(0, 0, 0, 0) url("../jpg/blue-bar-bg-mobile.jpg") repeat scroll 0 -8px;
}
}
@media only screen and (min-width: 701px) and (max-width: 800px) {
div.boxes div.container .vc_col-sm-4 {
    width: 100% !important;
}
div.blue-bar .wpb_single_image h2{font-size:11px;}
div#Action_bar div.res-hide{display:none;}
div#Action_bar div.one-menu {
    width: 33.333%;
}
div#Action_bar div.two-contact {
    
}
}
@media only screen and (min-width: 900px) and (max-width: 1024px) {
div#Top_bar .menu_wrapper a.responsive-menu-toggle, div.res-hide{
	display:none;}
div#Action_bar div.one-menu {
    width: 37.333% !important;
}
div#Action_bar div.two-contact {
    
}
div.boxes div.box{
	/*min-height:550px;*/}
}
@media only screen and (width: 980px) {
div#Top_bar .menu_wrapper a.responsive-menu-toggle, div.res-hide{
	display:none;}
div#Action_bar div.one-menu {
    width: 37.333% !important;
}
div#Action_bar div.two-contact {
   
}
}

@media only screen and (max-width: 767px) {
	.contact-box {
		width: 80%;
		float: none;
		margin: 0 auto 30px auto;
	}
	#Action_bar #menu-action-menu-top.social-menu:after {
		display:none;
	}
	.companies-sec .companies .wpb_wrapper .wpb_single_image {
		max-width: 26%;
		flex: 0 0 26%;
	}
	.companies-sec .companies .wpb_wrapper .wpb_single_image:nth-child(6) img {
		width: 57%;
	}
	#jtg-album-7971 .modula-items .figc .jtg-title .image_count {
		color: #000000;
		position: absolute;
		right: 0;
		margin: -50px 10px 0px 0px;
		background: #fffffff2;
		padding: 8px 12px;
		line-height: normal;
		font-size: 11px !important;
		border-radius: 5px;
	}
	body .modula-album .modula-items .modula-item.effect-under .figc {
		padding-top: 5px !important;
	}
	.portfolio-sec:after {
		height: 12%;
		bottom: 38px;
	}
	#jtg-album-7971 .modula-items {
		margin-bottom: 100px;
	}
	h5.responsive-menu-toggle {
		bottom: 15px !important;
	}
	.steps-box {
		width: 100%;
		margin: 0px 0px 34px 0px !important;
	}
	 #Top_bar {
        /* Reduce the overall padding of the top bar */
        padding: 5px 0; /* Adjust the value as needed */
    }

    #Top_bar .logo {
        /* Scale down the logo and adjust the top margin for mobile */
        transform: scale(0.5);
        margin-top: 0;
        height: 50px; /* Adjust based on your logo's aspect ratio */
    }

    #Top_bar.is-sticky .logo {
        /* Ensure the logo remains small when the navigation bar is sticky */
        transform: scale(0.5);
        margin-top: 0;
        height: 35px; /* Adjust based on your logo's aspect ratio */
    }

    #Top_bar #menu {
        /* If there's a margin or padding causing the issue, reset it */
        margin-top: 0;
        margin-bottom: 0;
    }

    #Top_bar.is-sticky #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
        /* Reduce the padding around the menu items */
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Additional adjustments for mobile menu icon and label if necessary */
    h5.responsive-menu-toggle {
        padding: 5px; /* Adjust the padding around the menu toggle */
        bottom: 5px; /* Position from the bottom */
    }
}
@media only screen and (max-width: 568px) {
	.portfolio-sec:after {
		height: 8%;
	}
	.companies-sec .companies .wpb_wrapper .wpb_single_image {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.steps-box {
		width: 100%;
		margin: 0px 0px 34px 0px !important;
	}
	.contact-box {
		width: 90%;
		margin: 20px auto 30px auto;
	}
	.minimalist-header-no #Subheader {
		padding-top: 10px !important;
	}
	
}

@media only screen and (max-width: 480px) {
	#portfolio #jtg-album-7971 .modula-item .figc .jtg-title {
		font-size: 17px !important;
		margin-bottom: 20px;
		line-height: normal;
	}
	#portfolio #jtg-album-7971.modula-album .modula-item {
		display: block;
		flex-direction: column;
		position: static !important;
		width: 80% !important;
		font-size: 18px;
		margin: 0 auto 20px auto !important;
	}
	#jtg-album-7971 .modula-items {
		margin-bottom: 100px;
		height: auto !important;
	}
	.portfolio-sec:after {
		height: 4%;
	}
}
@media only screen and (max-width: 456px) {
	
	#portfolio .vc_btn3-container {
		margin-bottom: 20px !important;
	}
	
}
@media only screen and (max-width: 390px) {
	#Top_bar .logo #logo {
		margin: 10px 0px;
	}
	.portfolio-sec:after {
		height: 7%;
	}
	#Top_bar .logo {
		margin: 0 10px 0 10px;
	}
	.colorlab-caption .upb_row_bg {
		padding-bottom: 50px;
	}
	
	.companies-sec .companies .wpb_wrapper .wpb_single_image:first-child .vc_single_image-wrapper {
		width: 70%;
	}
	.steps-box .aio-icon-img img {
		width: 82%;
		margin: 0 auto;
	}
	.left-icon .aio-icon-left {
		display: block;
		vertical-align: top;
		width: 100%;
	}
	.left-icon .aio-ibd-block {
		display: block;
		text-align: center;
	}
	.actions {
		text-align: center;
	}
	.hbspt-form .hs-submit .actions .hs-button {
		padding: 14px 25px;
		margin: 0 auto;
	}
}

.page-id-6284 #Top_bar .container, .page-id-6284 #Top_bar .top_bar_left {
    width: 100% !important;
    padding: 0px;
}