/*
Theme Name: Stockholm Child
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.0.1
Template: stockholm
*/
@import url("../stockholm/style.css");

body {
    font-family: "Muli", sans-serif;
    color: #313139;
}

@font-face {
	font-family: Radikal;
	src: url("wp-content/themes/stockholm-child/css/fonts/Radikal Bold.otf");
	font-weight: bold;
}

@font-face {
	font-family: Radikal;
	src: url("wp-content/themes/stockholm-child/css/fonts/Radikal Bold Italic.otf");
	font-weight: 600;
	font-style: italic, bold;
}

@font-face {
	font-family: Radikal;
	src: url("wp-content/themes/stockholm-child/css/fonts/Radikal Italic.otf");
	font-style: italic;
}

@font-face {
	font-family: Radikal;
	src: url("wp-content/themes/stockholm-child/css/fonts/Radikal Light.otf");
	font-weight: light;
}

@font-face {
	font-family: Radikal;
	src: url("wp-content/themes/stockholm-child/css/fonts/Radikal Light Italic.otf");
	font-weight: light;
	font-style: italic;
}

@font-face {
	font-family: Radikal;
	src: url("wp-content/themes/stockholm-child/css/fonts/Radikal Medium.otf");
	font-weight: 300;
}

@font-face {
	font-family: Radikal;
	src: url("wp-content/themes/stockholm-child/css/fonts/Radikal Medium Italic.otf");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: Radikal;
	src: url("wp-content/themes/stockholm-child/css/fonts/Radikal UltraThin.otf");
	font-weight: lighter;
}

@font-face {
	font-family: Radikal;
	src: url("wp-content/themes/stockholm-child/css/fonts/Radikal UltraThin Italic.otf");
	font-weight: ligther;
	font-style: italic;
}

p {
	font-size: 18px;
	line-height: 28px;
}

@media (max-width: 767px) {

	.site-navigation>ul>li>a {
		font-size: 14px;
		line-height: 17px;
	}
	
	p {
		font-size: 16px;
	}
	
}

p { margin-bottom: 21px;  }
.content ul ul, .content ol {
	margin-bottom: 21px; 
	color: #313139;
}

.fs-18 p {
	font-size: 18px;
	line-height: 26px;
}

h4 { margin-bottom: 21px; }
.no-mt { margin-top: 0; }

.filter_outer {
	margin-top: 36px;
}

.title_subtitle_holder h1 {
	font-family: Radikal, Muli, Helvetica, Arial !important;
	font-weight: 1000 !important;
}


nav.main_menu ul li ul li.current-menu-item a {
	color: #fd2826 !important;
}


.q_team_social_icons a {
	font-size: 30px;
	padding-right: 15px;
}

.team-members .wpb_column.vc_column_container.vc_col-sm-3 {
	padding-left: 0;
	padding-right: 0;
}

.q_team_social_inner a, .q_team_social_inner a span {
	color: #fff;
}

.q_team_social_inner a {
	font-size: 30px;
}

.q_team_social_inner a:hover, .q_team_social_inner span:hover {
	color: #f05549;
}

.q_team_social_inner span {
	color: #525263;
	font-weight: normal;
	font-size: 20px;
}

.q_team_social_inner {
	padding: 3%;
}

.q_team .q_team_social_holder {
	background-color: rgba(139,166,209,0.9);
	cursor: inherit !important;
}

.q_team .q_team_social_holder.case-study-holder {
	background-color: rgba(124,112,142,0.9);
	cursor: inherit !important;	
}

.q_team_position {
	font-size: 16px;
}

.q_team .q_team_image {
    overflow-y: hidden;
    max-height: 410px;
}

.fancybox-inner {
	height: auto !important;
}

.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
	display: inline-table;
	margin-right: 20px;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
	margin-top: .35em;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	line-height: 1.5em;
}

.remove-gap img {
	vertical-align: middle;
}

.footer_top {
	padding: 0 !important;
}


.footer_bottom .qbutton {
	margin: 6% !important;
	text-transform: uppercase;
}

#menu-footer-main {
	margin-bottom: 20px;
}

.uncover {
	width: auto !important;
}

.wpb_button, .wpb_column>.wpb_wrapper>:last-child {
	vertical-align: middle;
}

.testimonials .testimonial_text_inner {
	padding: 20px;
}

.carousel-inner .slider_content_outer {
	width: 73%;
}

.wwa-quotes .full_section_inner.clearfix {
	min-height: 370px;
}

.single_tags a, aside.sidebar .widget .tagcloud a, .widget .tagcloud a {
	padding: 10px 15px;
	height: auto;
	border-color: #949aaf;
}

.wpcf7-form p {
	margin-top: 0;
	margin-bottom: 10px;
}

input.wpcf7-form-control {
	margin-top: 20px !important;
}

nav.mobile_menu ul li a, nav.mobile_menu ul li h4 {
	color: #949aaf;
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	line-height: 30px;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
}

footer .gform_footer.top_label {
	text-align: center;
}

footer .gform_wrapper .top_label .gfield_label {
	color: #dadae5;
}

footer .gform_wrapper {
	overflow: inherit;
	margin: 1em 0;
	max-width: 100%;
/* background: #f05549; */
	width: 100%;
	padding: 10px;
}

footer .gform_button.button {
	width: 20% !important;
	text-align: center !important;
	padding: 5px !important;
	font-size: 20px !important;
}

.blog_holder.masonry article, .blog_holder.masonry_full_width article {
	margin-bottom: 40px;
}

aside.sidebar .widget:not(.woocommerce) li {
	margin-bottom: 17px;
}

.single_tags a:hover, aside.sidebar .widget .tagcloud a:hover, .widget .tagcloud a:hover {
	color: #fff;
}

.archive.author .content .content_inner > .container > .container_inner.default_template_holder {
	width: 100%;
}

.portfolio_single.big-slider h2.portfolio_single_text_title, .portfolio_single.big-images h2.portfolio_single_text_title, .portfolio_single.gallery h2.portfolio_single_text_title {
	display: none;
}

.blog_holder.masonry article:not(.format-quote):not(.format-link) h4 a, .blog_holder.masonry_full_width article:not(.format-quote):not(.format-link) h4 a, .latest_post_holder .latest_post_title a {
	word-break: break-word;
	font-size: 25px;
	line-height: 0;
}

.home-hero-heading h1 {
    line-height: 63px;
}
.wpb_video_widget {
    margin-bottom: 35px !important;
}

.footer-cities {
	margin-bottom: -10px;
	margin-top: 20px;
}

.author-social {
    padding-left: 5px;
}

.post_info {
	margin-bottom: 0px !important;
}

.post_social {
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}

.post_content ul {
	margin-top: 20px; 
	margin-bottom: 15px;
}

.post_content ul > li > ul {
	margin: 0px;
}

.footer-block ul {
	padding-left: 0px !important;
}


.testimonials .testimonial_author_job{
    color: #949aaf;
  }

  .testimonials .testimonial_author {
  	text-align: right !important;
  }

.testimonials .testimonial_text_inner .testimonial_image_holder {
	text-align: center;
}

.testimonials .testimonial_text_inner .testimonial_image_holder img {
	max-height: 70px;
	width: auto;
}

.qbutton, .qbutton.medium, #submit_comment, .load_more a, .blog_load_more_button a, .blog_holder article .post_text a.more-link span {
	padding: 10px 25px; 
}

.fancybox-overlay {
	background: rgba(0,0,0,0.8);
}

.footer_top_holder {
	padding: 120px 20px 100px 20px;
}


@media screen and (min-width:769px) {
	.qode_column.column1,
	.qode_column.column2,
	.qode_column.column3 {
		width: 21%;
		position: relative;
	}

	.qode_column.column4 {
		width: 37%;
	}
	
	.qode_column.column4 p {
		text-align: right;
	}	
	
	.google-partner {
		text-align: right;
	}
	
	#media_image-2 {
		position: absolute;
		top: -70px;
	}


}

@media screen and (max-width:870px) {
	
	.footer_top_holder {
		padding: 60px 20px 60px 20px;
	}

	.qode_column.column1,
	.qode_column.column2,
	.qode_column.column3 {
		width: 100%;
		min-height: 1px !important;
		float: none;
	}

	.qode_column.column4 {
		width: 100%;
		min-height: 1px !important;
		float: none;
	}
	
	.qode_column .column_inner {
		padding: 10px 0 !important;
	}
	
	#nav_menu-3 {
		margin: 0;
	}
	

	


}

@media (min-width: 481px) {
	.case-study-home {
		min-height: 515px;
	}
	
	.case-study-home .qbutton {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
	
	.case-study-home.case-study-left-btn .qbutton {
		left: 20px;
		right: auto;
	}
}

.case-study-home .vc_column-inner, .case-study-home {
	min-height: 200px;
}

.border-left-right{
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.case-study-sub-menu ul {
    display: inline-flex;
    list-style: none;
}

.case-study-sub-menu ul li {
    text-decoration: none;
    padding-right: 40px;
}

.case-study-sub-menu ul li a{
	color: #fff;
	font-weight: 400;
}

.light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before {
	color: #000;
}

.padding-left-80 {
	padding-left: 80px;
}

.padding-right-80 {
	padding-right: 80px;
}

.padding-left-40 {
	padding-left: 40px;
}

.padding-top-60 {
	padding-top: 60px;
}

.padding-bottom-60 {
	padding-bottom: 60px; 
}

#case-study-page-nav i {
    font-size: 80px;
    margin-top: 7px;    
}

#case-study-page-nav .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg {
    padding: 70px 25px;
    font-size: 20px;
}

.case-study-holder h3 {
	color: #fff;
}


.case-study-title {
    padding: 90px 0;
}

@media screen and (min-width:999px) {
	.case-study-title {
	    margin-top: 140px !important;
	    padding: 90px 0;
	}	
}

.case-study-title h1 {
    color: #ffffff;
    font-family: 'Muli', sans-serif;
    font-style: normal;
	font-size: 45px;
	line-height: 50px;
	font-weight: 600;
}

.column3 .textwidget {
	text-align: center;
}


@media (min-width: 769px){
	.case-study-home .vc_column-inner, .case-study-home {
		min-height: 555px;
	}	

}


@media (min-width: 1280px) {
	/* We're Hiring */
	.content-center {
	}

	.content-center .wpb_column {
		height: 100%;
	  display: table-cell;
	  vertical-align: middle;
	  float: none;
	}

	.video_section {
		background-image: none !important;
	}

	.case-study-home {
		min-height: 400px;
	}

	.case-study-home .vc_column-inner {
		min-height: 400px;
	}

	.q_icon_with_title .icon_text_holder .icon_title {
	    padding-top: 10px;
	    padding-left: 60px;
	}


}

@media (min-width: 1024px) {
	.our-work-clients-logos img {
		width: 75% !important;
	}
	.q_logo img {
		height: 80% !important;
		padding-top: 5px;
	}	
}

@media (min-width: 1000px){
	header .container_inner {
		width: 100%;
	}

	header .container {
		padding: 20px 0;
	}
}

@media (min-width: 1000px) and (max-width: 1280px) {
    .blog_holder.masonry_full_width article {
         width: 29%;
    }

	.q_icon_with_title .icon_text_holder .icon_title {
	    padding-top: 0;
	    padding-left: 60px;
	}

}

@media (max-width: 1000px) {
	.q_logo img.normal {
		height: 70px !important;
		top: -12px;
		left: -10px;
	}
}

@media (min-width: 721px) and (max-width: 1000px){
	.blog_holder.masonry_full_width article {
		padding-left: 3px;
	     	width: 99%;
	}

	.q_icon_with_title .icon_text_holder .icon_title {
	    padding-top: 10px;
	    padding-left: 60px;
	}
}

@media (min-width: 768px){
	.hide-mobile {
		display: block;
	}

	.show-mobile {
		display: none;
	}	
}

/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tb-left-align {
		text-align: left !important;
	}

	.tb-pd-sides-20 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.vc_col-sm-3 {
		width: 48%;
		margin-left: 15px;
	}


	.q_icon_with_title .icon_text_holder .icon_title {
	    padding-top: 0;
	    padding-left: 60px;
	}

}

@media only screen and (max-width: 769px){
	.our-work-services > .full_section_inner  > .wpb_column  {
		padding-left: 10%;
	}

	.wpb_single_image.align-middle-mobile, .align-middle-mobile .wpb_text_column {
		text-align: center;
	}	

	#menu-footer-main {
		text-align: center;
	}

	.q_icon_with_title .icon_text_holder .icon_title {
	    padding-top: 10px;
	    padding-left: 60px;
	}

	.border-left-right {
		border: none;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.remove-padding-mobile {
		padding: 0 !important;
	}

	.hide-mobile {
		display: none;
	}

	.show-mobile {
		display: block;
	}

	.remove-background-image-mobile {
		background-image: none !important;
	}

	#case-study-page-nav .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg {
		padding: 18px 25px;
		font-size: 16px;
	}

	#case-study-page-nav i {
		font-size: 20px;
		margin-top: 0;
		margin-left:0;
	}

	.case-study-title {
		margin-top: 0 !important;
		padding: 50px 0;
	}

	.case-study-title h1 {
	    font-size: 20px;
	    line-height: 26px;		
	}	

	#case-study-page .wpb_text_column {
		padding-left: 20px;
		padding-right: 20px;
	}

	#case-study-page .wpb_single_image {
		margin-top: 10px;
	}

	#case-study-page h4 {
		margin-bottom: 20px !important;
	}
}

@media only screen and (max-width: 1600px){
	.footer_top > .two_columns_50_50 > .column2 .two_columns_50_50 > .column1 {
		display: none
	}

}

@media (max-width: 480px) {
	.vc_custom_1453334261815 {
		padding-left: 10% !important;
	}
	
	h1 {
		font-size: 45px;
		line-height: 50px;
	}
	
	.element_from_left>div, .element_from_right>div, .element_from_top>div, .element_from_bottom>div, .element_from_fade>div {
		opacity: 1;
	}
	
	.case-study-home {
		padding-top: 25%;
	}

	.q_icon_with_title .icon_text_holder .icon_title {
	    padding-top: 0;
	    padding-left: 60px;
	}	

}














/* NEW HOME PAGE 2017 */


/*
.page-id-66034 header.page_header {
	background: white;
}
*/


@media screen and (max-width:1000px) {

	.page-id-66034 .content .content_inner>.full_width>.full_width_inner {
		margin-top: -40px !important; 
	}	
	
	.mobile_menu_button {
		float: right;
		height: 100px;
		margin: 0 0px 0 0;		
	}
	
	.logo_wrapper {
		left: 0 !important;
	}
	
	.q_logo a {
		left: auto !important;
	}
	
}



@media screen and (max-width:768px) {

	.left-on-mobile {
		text-align: left !important;
	}

	
}



.page-id-66554 .title.with_background_color {
	height: 180px !important;
}

@media screen and (min-width:1002px) {
	.page-id-66554 .title.with_background_color {
		margin-top: 140px !important;
	}
}


.fs-24,
.fs-24 li {
	font-size: 24px;
	line-height: 28px;
}

.mc-24-list li {
	margin-bottom: 15px;
}

nav.main_menu>ul>li>a,
.page-id-66034 nav.main_menu>ul>li>a ,
.page-id-66554 nav.main_menu>ul>li>a {
	text-transform: capitalize !important;
}

nav.main_menu>ul>li.menu-highlight>a>span.menu-text {
	border: 4px #fd4843 solid;
	margin-top: 40px;
	padding: 13px;
	border-radius: 25px;
	text-transform: uppercase;
	color: #fd4843;	
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;	
}

nav.main_menu>ul>li.menu-highlight>a:hover>span.menu-text {
	color: white !important;	
	background: #fb4746;
	border: 4px #f2393b solid;
}

.page-id-66034 .home-hero-heading h1,
.page-id-66554 .home-hero-heading h1 {
	font-size: 2.8125rem;
	line-height: 3.125rem;
}


@media screen and (max-width:768px) {
	.page-id-66034 .home-hero-heading h1 {
	    font-size: 24px;
	    line-height: 1.5;		
	}
}

.white-text,
ul.white-text li {
	color: white;
}

.page-id-66034 .qbutton.large,
.page-id-66554 .qbutton.large,
.page-id-57778 .qbutton.large {
	border-radius: 10px !important;
	border-width: 4px !important;
	box-sizing: border-box !important;
	border-radius: 25px !important;
	line-height: 42px !important;
}

.vc_custom_1502209803916 .qbutton.large {
	background: transparent;
}

.page-id-66554 h1,
.page-id-66554 .title_subtitle_holder h1 {
	font-size: 2.8125rem;
	font-weight: 600;
	text-transform: capitalize;
	color: #313139;
}



.page-id-66034 h2,
.page-id-66554 h2 {
	color: black !important;
	text-transform: none !important;
	font-weight: 400 !important;
	font-size: 1.875rem !important;
	line-height: 1.2 !important;
}

.page-id-66034 p,
.page-id-66554 p,
.page-id-66554 ul li,
.page-id-66554 ol li {
	line-height: 23px;
	color: #313139;
	font-size: 16px;
}

.page-id-66034 #text-17 .textwidget p,
.page-id-66554 .textwidget p {
	color: white !important;
}


.border-address h3 {
	margin-bottom: 20px;
}

.border-address .wpb_column {
	border-right: 2px #ccc solid;
	padding-top: 40px;
	padding-bottom: 40px;
}

.border-address .wpb_column:last-child {
	border-right: none;
}

@media screen and (max-width:768px) {
	
	.border-address .wpb_column {
		border-right: none;
		border-bottom: 2px #ccc solid;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.border-address .wpb_column:last-child {
		border-bottom: none;
	}	
	
}

.mc-btn {
	border-width: 4px !important;
	box-sizing: border-box !important;
	border-radius: 25px !important;
	line-height: 42px !important;	
}


.rally-paragraph {
	margin-top: 10px;
	display: block;
	margin-bottom: 20px !important;	
}

.cornell-heading {
	display: block ;
	margin-top: -10px;
	padding-top: 0;
	margin-bottom: 20px !important;
}

.ready-set {
	font-size: 34px; line-height: 1.2;
}

@media screen and (min-width: 769px) {
	ul.two-column-list {
	  columns: 2;
	  -webkit-columns: 2;
	  -moz-columns: 2;	
	}
	
	ul.two-column-list.mw400 { 
		max-width: 400px;
	}

}




/* VERTICAL ALIGN CLASSES */

.vertical-align-center .full_section_inner {
	display: table;
}

.vertical-align-center .full_section_inner .wpb_column.vc_column_container {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.vertical-align-center.bottom:after {
	display: block;
	width: 100%;
	height: 10px;
	background: white;
	content: " ";
}

.vertical-align-center.bottom .full_section_inner .wpb_column.vc_column_container {
	vertical-align: bottom;
}

@media screen and (max-width:768px) {
	.vertical-align-center .full_section_inner {
		display: block;
	}
	
	.vertical-align-center .full_section_inner .wpb_column.vc_column_container {
		display: block;
		vertical-align: middle;
		float: none;
	}	
}



@media screen and (min-width:992px) {

	.hide-on-dektop {
		display: none;
	}
}	

@media screen and (max-width:991px) {

	.hide-on-tablet {
		display: none;
	}
	
}

@media screen and (max-width:768px) {

	.hide-on-mobile {
		display: none;
	}
	
	.mobile-maxw-140.vc_align_center {
		text-align: left;
		padding-left: 0 !important;
		padding-top: 0 !important;
	}
	
	.mobile-maxw-140 img {
		max-width: 140px;
	}
	
	footer.uncover {
		text-align: center;
	}
	
	footer.uncover .textwidget p {
		text-align: center !important;
	}

}

#mobile-rally-logo {
	position: absolute;
	z-index: 99;
	left: 50px;
	margin-top: 40px	
}

.img-100 .wpb_wrapper .vc_single_image-wrapper {
	width: 100%;
}

.img-100 .wpb_wrapper .vc_single_image-wrapper img {
	width: 100% !important;
	height: auto !important;
}

@media screen and (max-width:991px) {
	.mobile-width-100 .full_section_inner .wpb_column {
		width: 100% !important;	
	}
}


#email-capture {
	background: #C5C7D3;
	padding: 70px 20px;
}

#email-capture h3 {
	margin-bottom: 40px;
	color: #313139;
	font-size: 24px;
}

#email-capture .email-capture-container,
#hbspt-form-1506116833280 {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
}

#hbspt-form-1506116833280 label {
	display: none;
}


#email-capture .email-capture-container .email-field {
	float: left;
	width: 79%;
}

#email-capture .email-capture-container .submit-field {
	float: right;
	width: 18%;
}

#email-capture .mc4wp-response {
	max-width: 900px;
	text-align: center;
	margin: 0 auto;
	margin-top: 40px	
}

#email-capture .email-capture-container .email-field input {
	font-family: "Muli", sans-serif;
	border: none;
   -webkit-appearance: none;
   -o-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none; 
    outline: none;	
    width: 100%;
    max-width: 100%;
    height: 50px;
    border-radius: 25px;
    font-size: 14px;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase;
}

#email-capture .email-capture-container .submit-field input {
	font-family: "Muli", sans-serif;
	font-weight: 700;
	border: none;
   -webkit-appearance: none;
   -o-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none; 
    outline: none;	
    width: 100%;
    max-width: 100%;
    height: 50px;
    border-radius: 25px;
    background: #C5C7D3;
    border: 4px #313139 solid;
    font-size: 14px;
    text-transform: uppercase;
    
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;    
}

#email-capture .email-capture-container .submit-field input:hover {
	background: #313139;
	color: white;
}




@media screen and (max-width:768px) {
	
	#email-capture .email-capture-container .email-field {
		float: none;
		width: 100%;
	}
	
	#email-capture .email-capture-container .submit-field {
		float: none;
		width: 100%;
		max-width: 230px;
		margin: 0 auto;
		margin-top: 20px;
	}	
	
	#email-capture .email-capture-container .email-field input {
		text-align: center;
	}
		
}




.footer_top .widget h4 {
	color: #9EAFE5;
}

.footer_top .widget p,
.footer_top .widget_nav_menu li.menu-item a {
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
	color: white;
	text-transform: none;
}


	.footer-btn {
		border: 4px white solid;
		font-size: 14px;
		border-radius: 25px;
		color:white;
		text-transform: uppercase;
		padding: 10px 15px;
		font-weight: 700;
		display: inline-block;
	    -webkit-transition: all 0.25s ease;
	    -moz-transition: all 0.25s ease;
	    -o-transition: all 0.25s ease;
	    transition: all 0.25s ease;	
	}
	
	.footer-btn:hover {
		border: 4px #f0383e solid;
		color: white;
		background: #f94649;
	}	


.vc_row {
	overflow: hidden;
}


/*=====================================================
SITE HEADER STYLES
=====================================================*/

* {
	box-sizing: border-box;
}

.site-logo a {
	display: block;
	width: 136px;
}

.site-logo a img {
	width: 100%;
}

.site-btn {
	font-weight: normal;
}

.navbar-toggle {
    position: absolute;
    top: 34px;
    right: 15px;
    border: none;
    background: #EF413D;
    padding: 8px 7px;
	display: none;
}

.navbar-toggle span {
	display: block;
    height: 2px;
    width: 25px;
    background: #fff;
    margin: 0 0 4px;
}

.navbar-toggle span:last-child {
	margin: 0;
}

.navbar-toggle:focus {
	outline: 0;
}

.site-navigation > ul > li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 45px;
    position: relative;
}

.site-navigation > ul > li:last-child {
    margin-right: 0px;
}

.site-navigation > ul > li:last-child > a {
    padding: 14px 35px;
    border-radius: 50px;
    border: 2px solid #fff;
	font-weight: 800;
}

.site-navigation > ul > li > a {
    display: block;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.site-header.sticky .site-navigation > ul > li.current-menu-item > a,
.site-navigation > ul > li.current-menu-item > a,
.site-navigation > ul > li:hover > a {
    color: #EF413D;
}

.site-navigation > ul > li:last-child:hover > a {
    border-color: #EF413D;
    color: #EF413D;
    background: transparent;
}

span.sub-toggle {
	display: none;
}

.site-header.sticky .site-navigation > ul > li:last-child > a {
	border-color: #EF413D;
}

.site-navigation>ul>li>a {
	font-size: 16px;
	line-height: 20px;
}

.single-case-study .site-header .site-navigation>ul>li>a, 
.single-case-study .site-header.sticky .site-navigation>ul>li>a {
	color: #000;
}

.single-case-study .site-navigation>ul>li:last-child>a {
	border-color: #000;
}

.single-case-study .site-navigation>ul>li:last-child>a:hover {
	border-color: #EF413D;
	color: #EF413D;
}

.single-case-study .initial-heading {
	padding-top: 230px;
}


/*=====================================================
SITE HEADER STYLES
=====================================================*/

.site-header {
  	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	z-index: 999;
    box-shadow: none;
    background: transparent;
}

.site-header .sticky {
	display: none;
}

.site-header.sticky {
  	background: #fff;
    z-index: 999999;
	width: 100%;
    top: 0;
    left: 0;
    animation: animateheader 0.8s;
    -webkit-animation: animateheader 0.8s;
    -moz-animation: animateheader 0.8s;
}


@-webkit-keyframes animateheader {
	from {top: -200px;}
	to {top: 0}
}

@keyframes animateheader {
	from {top: -200px;}
	to {top: 0}
}

.page-id-58948 .site-header .site-navigation > ul > li > a,
.site-header.is-static .site-navigation > ul > li > a,
.site-header.sticky .site-navigation > ul > li > a {
    color: #000;
}

.page-id-58948 .site-header .site-navigation > ul > li:hover > a,
.site-header.is-static .site-navigation > ul > li:hover > a,
.site-header.sticky .site-navigation > ul > li:hover > a {
    color: #EF413D;
}

.site-header .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 70px 30px 50px;
}

.site-header.sticky .inner {
	padding: 20px 70px 20px 50px;
}

.site-navigation > ul > li:last-child {
    margin-right: 0px;
}

.page-id-58948 .site-navigation>ul>li:last-child>a {
	border-color: #000;
}

.page-id-58948 .site-navigation>ul>li:last-child:hover>a {
	border-color: #EF413D;
}

.page-id-58948 .site-navigation > ul > li:last-child > a.
.site-header.is-static .site-navigation > ul > li:last-child > a,
.site-header.sticky .site-navigation > ul > li:last-child > a {
    border-color: #000;
}

.page-id-58948 .site-navigation > ul > li:last-child:hover > a.
.site-header.is-static .site-navigation > ul > li:last-child:hover > a,
.site-header.sticky .site-navigation > ul > li:last-child:hover > a {
    border-color: #EF413D;
}

.site-navigation>ul>li .sub-menu {
    position: absolute;
    top: 65px;
    width: 220px;
    list-style: none;
    background: #fff;
    padding: 15px 20px;
    border-top: 5px solid #EF413D;
    left: -28px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.site-navigation>ul>li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}

.site-navigation>ul>li .sub-menu li a {
    color: #000;
    font-weight: normal;
    font-size: 14px;
	text-transform: capitalize;
}

.site-navigation>ul>li .sub-menu li {
    margin: 0 0 10px;
}

.site-navigation>ul>li .sub-menu li a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.site-navigation>ul>li .sub-menu li:hover a {
    color: #EF413D;
}



/*=====================================================
SITE FOOTER STYLES
=====================================================*/

.site-footer {
    background: #2F2F41;
    padding: 91px 0 143px;
  	position: relative;
}

.site-footer .thumbnail-img {
    margin: -15px 0 21px;
	max-width: 136px;
}

.site-footer .inner {
    max-width: 1110px;
    margin: 0 auto;
	display: block;
}

.site-footer .footer-title {
    color: #fff;
    font-size: 36px;
    line-height: 44px;
    margin: 0 0 16px;
}

.site-footer ul li {
    list-style-type: none;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
}

.site-footer ul li a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.site-footer ul li:hover a {
    color: #d6cdcd;
}

.footer-block h5 {
    color: #fff;
	font-weight: normal;
    font-size: 18px;
    line-height: 30px;
}

.footer-col-5 {
    width: 47.21%;
	vertical-align: top;
    display: inline-flex;
    align-items: flex-start;
}

.footer-col-5 .footer-block:first-child {
	margin-right: 110px;
}

.footer-col-3 {
    display: inline-flex;
    align-items: flex-start;
    width: 29%;
}

.footer-col-3 .footer-block:first-child {
	margin-right: 60px;
}

.footer-col-2 {
    display: inline-flex;
    align-items: flex-start;
    width: 22.5%;
}

.footer-block .social-icons {
	display: flex;
    align-items: center;
    margin: 10px 0 30px;
	margin-left: -8px;
	margin-right: -8px;
}

.footer-block .social-icons li {
	padding: 0 8px;
}

.footer-block .social-icons li a {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    color: #2f2f41;
    background: #fff;
    border-radius: 100%;
    font-size: 16px;
}

.footer-block .social-icons li a:hover {
	background: #535371;
	color: #fff;
}

.subscribe-form label {
    color: #fff;
    font-weight: normal;
    display: block;
    margin: 0 0 12px;
	font-size: 18px;
	font-weight: 400;
}

.subscribe-form .form-control {
    width: 100%;
    border-radius: 50px;
    border: none;
    height: 44px;
    background: #565665;
    color: #fff;
    padding: 0 20px;
	font-family: "Muli",sans-serif;
}

.subscribe-form .form-control:focus {
    outline: 0;
}

.submit-btn {
    float: right;
    margin: 20px 0 0;
    border-radius: 22px;
    padding: 13px 38px;
    font-size: 14px;
	font-family: "Muli",sans-serif;
    font-weight: normal;
    color: #fff;
    background: none;
    border: 2px solid #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.submit-btn:hover {
    background: #fff;
    color: #000;
}

.submit-btn:focus {
    outline: 0;
}

.contact-num {
    margin: 0 0 25px;
}

.contact-num a {
	color: #fff;
	font-weight: 600;
}


/*==============================================
WATCH REEL MODAL POPUP BOX STYLES
==============================================*/

.watch-reel-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 900px;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%); 
	-moz-transform: translateX(-50%) translateY(-50%);
}

.watch-reel-popup.active {
	opacity: 1;
	visibility: visible;
}

.watch-reel-popup .close {
	position: absolute;
    top: -20px;
    right: -15px;
    background: #fff;
    z-index: 999;
    border: none;
    color: #000;
    height: 40px;
    width: 40px;
    font-size: 24px;
    border-radius: 100%;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.watch-reel-popup iframe {
	display: block;
}

.watch-reel-popup .close:focus {
	outline: 0;
}

.back-drop {
	position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.8);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}

.back-drop.active {
	opacity: 1;
	visibility: visible;
}

.heading-h2 {
	font-size: 36px !important;
	font-weight: 600 !important;
	line-height: 44px !important;
}

h1 {
    font-weight: 1000 !important;
    font-size: 48px !important;
    line-height: 56px !important;
}

.section-title {
    font-size: 36px !important;
    line-height: 44px !important;
    font-weight: 600 !important;
}

ul li {
	font-size: 18px !important;
	line-height: 28px !important;
}

.section-ourpartners .owl-carousel .owl-item img {
	width: auto;
}

.section-ourpartners .owl-carousel .owl-item .item.negative-margin img {
	margin-left: -20px;
}


/*==============================================
INNER PAGES STYLES
==============================================*/

.hero-page-banner {
    height: 525px!important;
    display: flex;
    align-items: center;
    position: relative;
}

.hero-page-banner::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.4);
}

.hero-page-banner::after {
    position: absolute;
    content: "";
    bottom: 0px;
    right: 0;
    border-top: 100px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 100px solid #fff;
}

.blog .title.with_background_color {
	height: 525px !important;
    display: flex;
    align-items: center;
    position: relative;
}

.blog .title.with_background_color::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.4);
}

.blog .title.with_background_color::after {
	position: absolute;
    content: "";
    bottom: 0px;
    right: 0;
    border-top: 100px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 100px solid #fff;
}

.title_subtitle_holder h1 {
	text-transform: capitalize;
	font-size: 60px !important;
}

.hero-page-banner h1 {
    font-size: 60px !important;
    color: #fff;
	max-width: initial !important;
	line-height: 70px !important;
	font-weight: 900 !important;
}

.hero-page-banner h1 span {
	font-weight: 800 !important;
}

#top-banner .section-container {
	width: 100%;
}

.services-page-banner {
    background: #2F2F41;
    min-height: 300px;
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
}

.services-page-banner::before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    border-top: 100px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 100px solid #fff;
}

.services-page-banner h1 {
    color: #fff;
    font-size: 60px !important;
}

.two_columns_25_75.background_color_sidebar {
	padding: 60px 0;
}

.page-btn {
	padding: 10px 51px;
    display: inline-block;
    border-radius: 30px;
    color: #313139;
    border: 2px solid #313139;
    font-size: 14px;
    font-weight: 1000;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out;
}

.page-btn:hover {
	background: #EF413D;
	border-color: #EF413D;
	color: #fff;
}

.page-btn.white {
	color: #fff;
	border-color: #fff;
}

.page-btn.white:hover {
	border-color: #EF413D;
}

.blog .hero-page-banner .title.with_background_color {
	background: url('https://mcsitestage.wpengine.com/wp-content/uploads/Blog.jpg')no-repeat !important;
}

body .case-study-title {
	margin-top: 0px !important;
}

.single-post .hero-page-banner {
	background: #2F2F41;
	height: 170px;
}

.single-post .default_template_holder {
	padding: 60px 0;
}

ul.on-on-mobile {
	display: none;
}

.intro-text-block .heading-box-h2 {
	line-height: 36px;
}

.heading-box-h2 span {
	text-decoration: none !important;
}

.single-post .post_content>ul li a {
	word-break: break-all;
}




/*==============================================
TEMPLATE SINGLE WORK STYLES
==============================================*/

.thumbnail-img {
	position: relative;
	overflow: hidden;
}

.hero-page-banner.single-type-work  {
	background-size: cover !important;
}

.hero-page-banner.single-type-work .single-type-container {
	width: 100%;
}

.hero-page-banner h1 {
	position: relative;
}

.single-type-container {
	max-width: 1210px;
	margin: 0 auto;
	padding: 0 30px;
}

.section-single-type p {
	font-size: 18px;
	line-height: 28px;
}

.section-single-type h1 {
	font-weight: 900 !important;
	font-size: 60px !important;
	line-height: 70px !important;
	margin: 0 0 37px;
}

.section-single-type h2 {
	font-size: 36px !important;
	line-height: 38px;
	font-weight: 600 !important;
	text-transform: inherit;
    letter-spacing: inherit;
	color: #313138;
}

.section-single-type h3 {
	font-size: 30px;
	line-height: 42px;
	font-weight: 600;
}

.section-single-type h4 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #313138;
}

.eyebrow {
	display: block;
	font-weight: 900;
	margin: 0 0 14px;
}

.section-single-type .row {
    display: flex;
    flex-wrap: wrap;
}

.section-single-type-heading .row .col {
	max-width: 76%;
}

ul.single-type-worklist {
	display: flex;
	flex-wrap: wrap;
	padding: 0px;
}

ul.single-type-worklist li {
	list-style: none;
    margin-right: 32px;
}

ul.single-type-worklist li a {
	font-size: 14.4px !important;
	line-height: 21.6px !important;	
	color: #313138;
	font-weight: normal;
}

ul.single-type-worklist li:hover a {
	color: #ea5343;
}

ul.single-type-worklist li:last-child {
	margin-right: 0px;
}

section.section-single-featured {
	background: #002ca9;
	padding: 0px;
}

.section-single-featured .row {
	align-items: center;
	justify-content: center;
}

.section-single-featured .row .col {
	width: 100%;
}

.section-single-type figure {
	margin: 0px;
}

.section-single-featured img {
	height: 600px;
	object-fit: cover;
	display: block;
	width: 100%;
}

.section-single-type .col-md-4 {
	width: 33%;
}

.section-overview--title-wrap .col-md-10{
	width: 78%;
}

section.section-related-work {
	padding: 100px 0;
	background: #D8D9D9;
}

.section-related-work .thumbnail-img {
	margin: 0 0 27px;
}

.section-related-work .thumbnail-img img {
	width: 100%;
	transition: all 0.3s ease;
	height: 280px;
	object-fit: cover;
}

.section-related-work .related-post span {
	display: block;
	font-size: 18px;
	line-height: 22.59px;
	font-weight: 900;
	margin: 0 0 12px;
	color: #313138;
}

.section-related-work .row {
	margin: 0 -25px;
}

.section-related-work .col-md-4 {
	padding: 0 25px;
}

.section-related-work .related-post:hover .thumbnail-img img {
	transform: scale(1.2,1.2);
}

.section-related-work h2 {
	margin: 0 0 40px;
}

.page-template-our-work section.section-ready-go {
	background: #d8d9d9;
}

section.section-ready-go {
	padding: 70px 0 70px;
	background: #fff;
}

.seemore-work {
	text-align: center;
}

.seemore-work > a,
.section-ready-go .site-btn {
	border: 2px solid #313138;
    font-size: 16px;
    line-height: 20.08px;
    padding: 13px 60px;
    display: inline-block;
    border-radius: 30px;
	color: #313139;
	font-weight: 900;
	transition: all 0.3s ease;
}

.seemore-work > a:hover,
.section-ready-go .site-btn:hover {
	border-color: #EF413D;
	background: #EF413D; 
	color: #fff;
}

.seemore-work {
	margin: 45px 0 0;
}

.seemore-work > a {
	padding: 13px 42px;
}

.section-ready-go .row {
	justify-content: center;
}

.section-ready-go .box {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.section-ready-go .box h2 {
	margin: 0 0 55px;
}

.section-ready-go .box .text-main-center {
	margin-top: 27px;
}

.section-ready-go .box .text-underline {
	text-decoration: underline;
	font-size: 14.4px;
	line-height: 21.6px;
	color: #000;
	font-weight: normal;
}


/* Repeater Section Styles */

section.section-repeater {
	padding: 0px;
}

section.section-repeater .single-type-container {
	max-width: 730px;
}

.section.section-full-col,
.section.section-half-col {
    padding: 50px 0;
}

.color-blue {
	background: #0e2ba3;
}

.color-orange {
	background: #E87722;
}

.section-full-col .thumbnail-img {
	text-align: center;
}

.section-full-col .thumbnail-img img {
	height: 684px;
	object-fit: cover;
}

.section-repeater.section-block-content {
	padding: 50px 0;
}

.section-repeater .block-content h3 {
	margin: 0 0 23px;
}

.section-repeater .block-content img {
	width: 100%;
}

.section-repeater .two-col-images {
	display: flex;
	flex-wrap: wrap;
}

.section-repeater .two-col-images .thumbnail-img {
	width: 50%;
	padding: 0 15px;
}

.section-repeater .two-col-images .thumbnail-img img {
	max-height: 475px;
	object-fit: cover;
}

.section-type-gallery .gallery-two-col {
	display: flex;
	flex-wrap: wrap;
}

.section-type-gallery .gallery-two-col .thumbnail-img:nth-of-type(1) {
	width: 50%
}

.section-type-gallery .gallery-two-col .thumbnail-img:nth-of-type(2) {
	width: 50%;
}

section.section-type-gallery {
	padding: 0px;
}

.section-type-gallery .thumbnail-img img {
	width: 100%;
	display: block;
}

.section-type-gallery .gallery-two-col .thumbnail-img img {
	width: 100%;
	height: 626px;
	object-fit: cover;
	object-position: top;
	display: block;
}

section.section-overview {
	padding: 60px 0 20px;
	background: #fafafa;
}

.section-overview--counter {
	margin-top: 80px;
}

.section-overview--title h2{
	line-height:50px;
}

.section-overview--title h4{
	padding-top: 35px;
	color:#313138;
}

.section-overview--title-wrap{
	padding-bottom: 55px;
}

.section-overview--counter .inside {
	border-top: 1px solid #313138;
	padding: 80px 0 20px;
}

.section-overview--counter .counter-block {
	text-align: center;
}

.section-overview--counter .counter-block h1 {
	margin: 0 0 25px;
	font-size: 80px !important;
    line-height: 100px !important;
	font-weight: bolc !important;
}

.section-overview--counter .counter-block span {
	display: block;
	font-size: 20px;
	line-height: 25.1px;
	font-weight: 400;
}

.section-overview--testimonial {
	background: #2F2E42;
	padding: 130px 0 90px;
	margin: 40px 0 0;
}

.section-overview--testimonial .inside {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.section-overview--testimonial .thumbnail-img {
	height: 185px;
	width: 185px;
	overflow: hidden;
	margin-right: 55px;
}

.section-overview--testimonial .details h3 {
	margin: 0 0 50px;
	font-weight: normal;
	color: #fff;
}

.section-overview--testimonial.has-thumbnail .details {
	max-width: 75%;
	padding-right: 90px;
}

.section-overview--testimonial .details p {
	font-weight: 700;
	color: #fff;
}

section-overview-two-col {
	margin: 0 0 40px;
}

.section-overview-two-col .col-md-6 {
	width: 50%;
}

.overview-block {
	margin: 0 0 50px;
}

.overview-block:last-child {
	margin: 0px;
}

.overview-sidebar {
	padding-left: 350px;
}

.overview-block h4 {
	font-weight: 900;
	font-size: 18px;
	line-height: 23px;
	color: #313138;
}

aside.overview-sidebar .sidebar-box {
	margin: 0 0 40px;
}

aside.overview-sidebar .sidebar-box:nth-of-type(3) {
	display: none;
}

aside.overview-sidebar .sidebar-box h4 {
	font-size: 18px;
    line-height: 22.59px;
    font-weight: 700;
    color: #313138;
}

aside.overview-sidebar .sidebar-box ul {
	list-style-type: none;
	padding: 0px;
}

aside.overview-sidebar .sidebar-box ul li a {
	display: block;
	font-weight: normal;
	color: #313138;
	text-decoration: underline;
}

section.section-repeater .single-type-container .block-content p:last-child {
	margin: 0;
}



/*==============================================
OUR WORK PAGE TEMPLATE STYLES
==============================================*/

.hero-page-banner.single-type-work h2 {
	font-weight: 600 !important;
    font-size: 36px !important;
    line-height: 50px;
    color: #fff !important;
    position: relative;
    text-transform: initial;
	margin: 40px 0 0;
}


section.section-searchfilter {
	overflow: visible;
}

section.section-filter-clients {
	padding: 0 0 80px;
}

#filter-content {
	padding-top: 15px
}

.filter-client-block {
	height: 100%;
	margin: 0 0 50px;
}

.filter-client-block a {
	display: block;
}

.filter-client-block a:hover .thumbnail-img::before {
	opacity: 1;
	visibility: visible;
}

.filter-client-block .thumbnail-img {
	margin: 0 0 20px;
}

.filter-client-block .thumbnail-img::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: rgba(49, 49, 56, 0.5);
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;
}

.filter-client-block .thumbnail-img img {
	transition: all 0.6s linear;
	height: 350px;
	width: 100%;
	object-fit: cover;
	display: block;
}

.section-filter-clients .row {
	margin: 0 -25px;
}

.section-filter-clients .col-md-6 {
	width: 50%;
	padding: 0 25px;
}

.section-filter-clients .col-md-4 {
	width: 33.33%;
	padding: 0 25px;
}

.filter-client-block .eyebrow {
	font-size: 18px;
	line-height: 22.59px;
	color: #000;
}

.loadmore-btn {
	text-align: center;
	padding: 50px 0 0;
}

.section-filter-clients .loadmore-btn a {
	display: inline-flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 900;
    color: #313138;
    background: none;
    border: navajowhite;
    padding: 0;
}

.loadmore-btn a i {
	font-size: 30px;
}

.filter-work-left {
	display: flex;
	align-items: center;
}

.filter-work-left label {
	margin-right: 30px;
	font-weight: 700;
}

.filter-work-left .wrap {
	display: flex;
	align-items: center;
}

.filter-work-left .wrap span.bwtn {
	display: block;
	margin: 0 25px;
	font-weight: 700;
}

.filter-box .select-picker {
	min-width: 200px;
}

.filter-box .select-picker > span {
	line-height: 23px;
    display: inline-block;
}

.filter-box .nice-select.open, 
.filter-box .nice-select:active, 
.filter-box .nice-select:focus,
.filter-box  .nice-select:hover {
	border-color: #000;
}

.filter-box .select-picker {
    min-width: 180px;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0px;
}

.filter-box .nice-select:after {
	width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    border-color: #313138;
}

ul.list {
	width: 100%;
	border-radius: 0px !important;
}

.filter-box ul.list li {
	font-size: 14px !important;
	padding: 8px 15px;
}

.filter-box .nice-select .option.focus, 
.filter-box .nice-select 
.filter-box .option.selected.focus, 
.filter-box .nice-select .option:hover {
	background: #EEEEEE !important;
}

.filter-box .nice-select .option.selected {
	font-weight: normal;
	background: #EEEEEE !important;
}

.section-searchfilter .row {
	display: flex;
	align-items: center;
}

.section-searchfilter .row .col-md-6 {
	width: 50%;
}

.form-search .form-group {
	text-align: right;
	position: relative;
}

.form-search .form-group .btn-submit {
	position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    background: none;
    padding: 0;
    border: none;
    font-size: 16px;
}

.form-search .form-group input[type="text"] {
	height: 40px;
    border-radius: 40px;
    min-width: 220px;
    padding: 0 20px;
	outline: 0;
	width: 200px;
	font-family: 'Muli';
}

.filter-box ul.list {
    min-width: 220px;
    max-height: 395px;
    overflow-y: scroll;
}

.filter-box ul.list li {
	white-space: normal;
}

.filter-work-left {
	position: relative;
}

.mb-search h5 {
    margin: 0 0 10px;
    font-size: 16px;
}

.mb-search {
    position: absolute;
    top: 140px;
    right: 20px;
    transform: translateY(-50%);
    text-align: center;
    font-size: 25px;
	display: none;
}

.search-toggler {
	color: #000;
}



/*==============================================
TABLET SCREEN MOBILE DEVICES
==============================================*/

@media screen and (min-width: 768px) and (max-width: 1199px) {
	
	.section-single-type h1 {
		font-size: 44px !important;
		line-height: 52px !important;
	}
	
	.section-single-featured img {
		height: 350px;
	}
	
	.section-overview-two-col .col-md-6 {
		width: 100%;
	}
	
	.overview-sidebar {
		padding-left: 0px;
		margin: 30px 0 0;
	}
	
	.section-overview--counter .counter-block h1 {
		font-size: 55px !important;
		margin: 0px;
	}
	
	.section-overview--testimonial {
		padding: 80px 0 40px;
	}
	
	.section-overview--testimonial .thumbnail-img {
		height: 240px; 
		width: 240px;
		margin-right: 30px;
	}
	
	.section-overview--testimonial .thumbnail-img {
		height: 120px;
		width: 120px;
	}
	
	.section-overview--testimonial {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.section-overview--testimonial.has-thumbnail .details {
		max-width: 75%;
		padding-left: 50px;
		padding-right: 0px;
	}
	
	.section-overview--testimonial .details h3 {
		font-size: 22px;
		line-height: 30px;
	}
	
	.section-overview--counter {
		margin-top: 30px;
	}
	
	.section-overview--counter .inside {
		padding: 40px 0 20px;
	}
	
	.section-repeater.section-block-content {
		padding: 30px 0;
	}
	
	.section-type-gallery .gallery-two-col .thumbnail-img img {
		height: 420px;
	}
	
	section.section-related-work {
		padding: 60px 0;
	}
	
	.section-related-work .thumbnail-img img {
		height: 200px;
	}
	
	.section-single-type h4 {
		font-size: 18px;
		font-weight: 400;
		line-height: 24px;
		color: #313138;
	}
	
	.section-related-work .row {
		margin: 0 -15px;
	}
	
	.section-related-work .col-md-4 {
		padding: 0 15px;
	}
	
	.hero-page-banner.single-type-work {
		height: 260px;
	}
	
	.hero-page-banner.single-type-work h1 {
		font-size: 50px !important;
	}

    body .explore-paragraph {
        padding-left: 40px;
    }
	
}


/*==============================================
MEDIA SCREEN MOBILE DEVICES
==============================================*/

@media (max-width: 767px) {
	
	.seemore-work {
		margin: 15px 0 30px;
	}
	
	.site-header.sticky {
		position: fixed !important;
	}
	
	.site-logo a.logo1 {
		display: none;
	}
	
	.site-logo a.logo2 {
		display: block;
	}
	
	.site-header.sticky .site-logo a.logo1 {
		display: none;
	}
	
	.site-header.sticky .inner {
		padding: 20px 15px 20px 20px;
	}
	
	.blog .title.with_background_color {
		height: 200px !important;
	}
	
	.title_subtitle_holder h1 {
		font-size: 30px !important;
	}
	
	.site-header.is-static .site-navigation > ul > li:last-child > a,
	.site-header.sticky .site-navigation > ul > li:last-child > a {
		border-color: #ef413d;
		color: #fff;
	} 

    /*==============================================
    SINGLE SERVICES PAGE STYLES
    ==============================================*/
    
    .services-page-banner {
        min-height: 200px;
    }
    
    .services-page-banner h1 {
        font-size: 30px !important;
    }
	
	.footer-col-5 .footer-block:first-child {
		margin-right: 0px;
	}

	.footer-col-3 .footer-block:first-child {
		margin-right: 0px;
	}
    
	body .main-section-impact .dotted-divider {
		margin: 250px -20px 0;
	}
	
	.dotted-divider {
		bottom: -20px;
		left: -20px;
	}
	
	.media-cause-text h4 {
		padding-right: 0px;
	}
	
	.section-our-services .dotted-divider {
		margin-top: 30px;
		margin-right: -20px;
	}
	
	body .col-grid-content h3 h3 br,
	.our-services-heading h4 br {
		display: none;
	}
	
	.navbar-toggle {
		display: block;
	}
	
	.site-logo a {
		display: block;
		max-width: 100px;
	}

	.site-header .inner {
		align-items: flex-start;
		flex-direction: column;
		padding: 20px 15px;
	}
	
	.site-navigation {
		display: none;
		width: 100%;
	}
	
	.site-navigation > ul > li {
		margin: 0 0 10px;
		width: 100%;
		border-bottom: 1px solid #e3e2e2;
	}
	
	.site-navigation > ul > li:last-child {
		margin: 0;
		border-bottom: none;
	}
	
	.site-navigation > ul > li a {
		color: #000;
		padding: 7px 0;
	}
	
	.site-navigation > ul > li:last-child a {
		background: #f35443;
		border-radius: 0px;
		color: #fff;
		padding: 15px 20px;
		font-size: 16px;
	}
	
	.site-navigation>ul>li .sub-menu {
		visibility: visible;
		opacity: 1;
		position: static;
		min-width: 100%;
		background: #f7f2f2;
		transition: none;
		display: none;
	}
	
	.site-navigation>ul>li .sub-menu li {
		margin: 0 0 10px;
		border-bottom: 1px solid #f3ebeb;
		padding: 0 0 5px;
	}
	
	span.sub-toggle {
		position: absolute;
		top: 0;
		right: 0;
		height: 25px;
		width: 25px;
		background: #ef413d;
		text-align: center;
		color: #fff;
		font-size: 18px;
		display: block;
	}
	
	.sub-toggle i {
		position: relative;
		top: -2px;
	}
	
	
	/*==============================================
	HOMEPAGE HERO STYLES
	==============================================*/
	
	body .hero-banner-content {
		width: 100%;
		transform: none;
		left: 0;
		top: 0;
		transform: none;
		align-items: flex-start;
		height: 100%;
		justify-content: center;
		padding: 0 15px;
	}
	
	body .hero-banner-content h4 {
		font-size: 22px;
		line-height: 30px;
		color: #fff;
		width: 100%;
		margin: 0 0 15px;
	}
	
	body .hero-banner-content a img {
		margin-left: 10px; 
		max-width: 30px;
	}
	
	body .service-bottom-shape {
		border-top-width: 40px;
		border-right-width: 40px;
	}
	
	.watch-reel-popup {
		width: 90%;
	}
	
	.watch-reel-popup iframe {
		height: 210px;
	}
	
	
	/*==============================================
	SECTION OUR WORK STYLES
	==============================================*/
	
	.section-our-work {
		padding: 0 15px;
	}
	
	body .our-work-heading p {
		margin: 0 0 5px;
	}
	
	body .our-work-heading h4 {
		font-size: 22px;
		line-height: 32px;
		margin: 0;
	}
	
	.hero-page-banner.single-type-work h2 {
		margin: 0px;
		font-size: 22px !important;
		line-height: 28px;
		max-width: 80%;
	}
	
	
	/*==============================================
	SECTION TWO COL GRID STYLES
	==============================================*/
	
	.section-two-col-grid {
		flex-direction: column;
	}
	
	.section-two-col-grid .col-grid-content {
		padding: 30px 15px !important;
	}
	
	body .col-grid-content h3 {
		font-size: 20px;
		line-height: 28px;
		margin: 0 0 10px;
	}
	
	body .col-grid-content p {
		font-size: 16px;
		line-height: 22px;
        margin: 0 0 20px !important;
	}
	
	body .col-grid-content h3.site-btn {
		padding: 7px 30px;
		display: inline-block;
	}
	
	.section-two-col-grid:nth-of-type(odd) {
		flex-direction: column;
	}
	
	/*==============================================
	SECTION OUR SERVICES STYLES
	==============================================*/
	
	.see-more-btn .center-btn {
		margin: 30px 0 40px;
	}
	
	body .section-our-services {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		padding: 30px 15px !important;
	}
	
	body .section-our-services:before {
		top: -40px;
		border-bottom-width: 40px;
		border-right-width: 40px;
	}
	
	body .our-services-heading {
		margin: 0 0 30px;
	}
	
	body .our-services-heading h4 {
		font-size: 22px;
		line-height: 32px;
	}
	
	body .section-four-col-grid {
		margin: 0 !important;
	}

    body .section-four-col-grid .full_section_inner {
        flex-direction: column;
    }
	
	div#first-four-col {
		margin: 60px 0 0 !important;
	}
	
	body .section-four-col-grid .full_section_inner [class*="vc_col-"] {
		width: 100%;
		margin: 0 0 40px;
	}
	
	body .section-our-services .vc_custom_1600610262367 {
		margin-top: 0px !important;
	}
	
	body .services-center-btn .center-btn {
		margin: 30px 0 0;
	}
	
	.center-btn .site-btn {
		padding: 7px 30px;
	}
	
	
	/*==============================================
	SECTION OUR IMPACT STYLES
	==============================================*/
	
	body .main-section-impact {
		padding: 30px 15px !important;
	}
	
	body .main-section-impact .section-ourimpact {
		flex-direction: column;
	}
	
	body .explore-paragraph {
		padding: 30px 0 0;
	}
	
	body .explore-paragraph h3 {
		font-size: 22px; 
		line-height: 32px;
		margin: 0 0 20px;
	}
	
	body .explore-paragraph p {
		font-size: 16px;
		line-height: 24px;
		color: #313139;
	}
	
	body .explore-paragraph .site-btn {
		padding: 7px 30px;
	}
	
	
	/*==============================================
	SECTION OUR PARTNERS STYLES
	==============================================*/
	
	body .section-ourpartners {
		padding: 30px 15px !important;
	}
	
	body .section-ourpartners [class*="col-sm-3"] {
		margin: 0 20px 20px 0;
		float: none;
		display: inline-block;
		width: 44%;
		vertical-align: top;
	}
	
	body .section-ourpartners [class*=col-sm-3] .wpb_single_image.vc_align_center {
		text-align: left;
	}
	
	/*==============================================
	SITE FOOTER STYLES
	==============================================*/
	
	.footer-block {
		width: 100% !important;
	}
	
	.site-footer {
		padding: 45px 15px;
	}
	
	.site-footer:before {
		border-bottom-width: 40px;
		border-left-width: 40px;
	}
	
	.site-footer .footer-title {
		font-size: 22px;
		line-height: 32px;
		margin: 0 0 5px;
	}
	
	.site-footer .inner {
		max-width: 100%;
	}
	
	.site-footer .inner [class*="footer-col-"] {
		flex-direction: column;
		width: 100%;
		gap: 0px;
	}
	
	.footer-block h5 {
		margin: 0 0 5px;
	}
	
	.site-footer ul li {
		line-height: 27px;
	}
	
	.footer-block .social-icons {
		margin: 30px -8px 0px;
	}
	
	.footer-block .social-icons li a {
		height: 30px;
		width: 30px;
	}
	
	.submit-btn {
		float: none;
		margin: 10px 0 0;
	}
	
	.footer-col-3 {
		margin: 30px 0 0;
    }
    

    /*==============================================
    INNER PAGES STYLES
    ==============================================*/

    .hero-page-banner {
        height: auto;
    }
	
	.footer-col-5 .footer-block:last-of-type,
	.footer-col-3 .footer-block:last-of-type {
		margin: 30px 0 0;
	}
	
	ul.off-on-mobile {
		display: none;
	}
	
	ul.on-on-mobile {
		display: block;
		margin: 30px 0 0;
	}
	
	.subscribe-form {
		margin: 30px 0 0;
	}
	
	/*==============================================
	SINGLE BLOG POST TEMPLATE STYLES
	==============================================*/ 
	
	.single-post .default_template_holder {
		padding: 30px 15px !important;
		width: 100%;
	}

	
}


@media (max-width: 480px) {
	
	body .main-section-impact .dotted-divider {
		margin: 170px -20px 0;
	}
	
}


/*==============================================
MEDIA SCREEN TABLET DEVICES
==============================================*/

@media (min-width: 768px) and (max-width: 1200px) {
	
	/*==============================================
	STIE HEADER STYLES
	==============================================*/
	
	.site-header .inner {
		padding: 15px 15px;
	}
	
	.site-header .site-logo {
		max-width: 100px;
	}
	
	.site-navigation > ul > li {
		margin-right: 20px;
	}
	
	.site-navigation > ul > li> a {
		color: #000;
	}
	
	.site-navigation > ul > li:last-child > a {
		border-color: #000;
	}
	
	/*==============================================
	HERO BANNER SECTION STYLES
	==============================================*/
	
	body .hero-banner-content {
		width: 100%;
		transform: none;
		left: 0;
		top: 0;
		height: 100%;
		justify-content: center;
		padding: 0 15px;
	}
	
	body .hero-banner-content h4 {
		width: 85%;
	}
	
	.homepage-hero-section .vc_custom_1600428266395 {
		padding: 30px 30px !important;
	}
	
	/*==============================================
	SECTION OUR WORK STYLES
	==============================================*/
	
	body .media-cause-text h4 span {
		display: inline-block;
	}
	
	body .media-cause-text h4 {
		font-size: 30px;
		line-height: 40px;
	}

    body .our-work-heading h4 {
		font-size: 30px;
		line-height: 38px;
	}
	
	.our-work-heading {
		padding: 0 30px;
	}
	
	.dotted-divider {
		width: 16.5%;
	}
	
	.watch-reel-popup {
		width: 90%;
	}
	
	.watch-reel-popup iframe {
		height: 500px;
	}
	
	/*==============================================
	SECTION TWO COL GRID STYLES
	==============================================*/
	
	body .section-two-col-grid .full_section_inner .col-grid-content,
	body .section-two-col-grid:nth-of-type(even) .full_section_inner .col-grid-content {
		padding: 0 40px !important;
	}
	
	body .col-grid-content h3 {
		font-size: 22px;
		line-height: 34px;
		margin: 0 0 15px;
	}
	
	body .col-grid-content p {
		font-size: 16px;
		line-height: 24px;
	}
	
	body .section-our-services {
		padding: 30px 30px !important;
	}
	
	body .our-services-heading h4 {
		font-size: 30px; 
		line-height: 38px;
	}
	
	body .section-our-services .dotted-divider {
		width: 35%;
		right: -15px;
	}
	
	.section-four-col-grid [class*=vc_col-] {
		margin: 0 16px 0 0;
	}
	
	body .service-bottom-shape {
		bottom: -30px;
		right: -15px;
	}
	
	/*==============================================
	SECTION TWO COL GRID STYLES
	==============================================*/
	
	body .main-section-impact {
		padding: 30px 30px !important;
	}
	
	.explore-paragraph h3 {
		font-size: 30px;
		line-height: 38px;
	}
	
	.explore-paragraph .site-btn {
		padding: 10px 20px;
	}
	
	/*==============================================
	SECTION IMPACT STYLES
	==============================================*/
	
	body .main-section-impact .dotted-divider {
		right: -130px;
	}
	
	/*==============================================
	SECTION OUR PARTNERS STYLES
	==============================================*/
	
	body .section-ourpartners {
		padding: 30px 30px !important;
	}
	
	body [class*="col-sm-3"] {
		margin: 0 20px 20px 0;
		float: none;
		display: inline-block;
		width: 44%;
		vertical-align: top;
	}
	
	body [class*=col-sm-3] .wpb_single_image.vc_align_center {
		text-align: left;
	}
	
	
	/*==============================================
	SITE FOOTER STYLES
	==============================================*/
	
	.site-footer {
		padding: 45px 30px;
	}
	
	.site-footer:before {
		border-bottom-width: 40px;
		border-left-width: 40px;
	}
	
	.site-footer .footer-title {
		font-size: 22px;
		line-height: 32px;
		margin: 0 0 5px;
	}
	
	.site-footer .inner {
		max-width: 100%;
	}
	
	.site-footer .inner [class*="footer-col-"] {
		flex-direction: column;
		gap: 0px;
	}
	
	.footer-block h5 {
		margin: 0 0 5px;
	}
	
	.site-footer ul li {
		line-height: 27px;
	}
	
	.footer-block .social-icons {
		margin-bottom: 20px;
	}
	
	.footer-block .social-icons li a {
		height: 30px;
		width: 30px;
	}
	
	.submit-btn {
		float: none;
		margin: 10px 0 0;
	}
	
	.footer-col-3 {
		margin: 30px 0 0;
	}
	
	.site-footer .inner [class*=footer-col-5] {
		width: 35%;
	}
	
	.site-footer .inner [class*=footer-col-3] {
		width: 20%;
	}
	
	.site-footer .inner [class*=footer-col-2] {
		width: 40%;
	}
	
	.footer-col-5 .footer-block:last-of-type,
	.footer-col-3 .footer-block:last-of-type {
		margin: 30px 0 0;
    }

    body .dotted-divider {
        bottom: 60px;
    }

    body .main-section-impact .dotted-divider {
        top: 38px;
    }
	
}


/*==============================================
MEDIA SCREEN TABLET DEVICES
==============================================*/

@media (min-width: 1001px) and (max-width: 1200px) {
	
	/*==============================================
	STIE HEADER STYLES
	==============================================*/
	
	.site-header .inner {
		padding: 15px 15px;
	}
	
	.site-header .site-logo {
		max-width: 100px;
	}
	
	.site-navigation > ul > li {
		margin-right: 20px;
	}
	
	.site-navigation > ul > li> a {
		color: #fff;
	}
	
	.site-navigation > ul > li:last-child > a {
		border-color: #fff;
	}
	
	
}


#email-capture .email-capture-container .email-field, .hs_email.field.hs-form-field {
	width: 100% !important;
}
 
#email-capture .email-capture-container .submit-field, .hs_submit {
	width: 60% !important;
	margin-top: 20px;
}

.hs-error-msgs.inputs-list {
	margin: 0px;
}

.hbspt-form input.hs-button.primary.large {
	background: none !important;
	text-transform: lowercase;
    border: 2px solid #fff !important;
	transition: all 0.3s ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out !important; 
	-moz-transition: all 0.3s ease-in-out !important;
}

.hbspt-form input.hs-button.primary.large:hover {
	background: #fff !important;
	color: #000 !important;
}

ul.no-list.hs-error-msgs.inputs-list {
	margin: 0px;
}

.hs-error-msgs.inputs-list label {
	font-size: 13px;
	padding: 0px;
	margin: 0px !important;
	color: #ee403d;
	text-align: center;
}

.subscribe-form .input .hs-input {
	text-transform: lowercase !important;
	background: #565665 !important;
	color: #fff !important;
}

.subscribe-form .input .hs-input::placeholder {
	display: none;
	color: #565665 !important;
}

.hbspt-form input::placeholder {
	display: none;
}

.creative-img {
	max-width: 230px !important;
	position: relative;
	top: -20px;
}

@media (max-width: 768px) {
	
	body {
		overflow-x: hidden !important;
	}
	
	#email-capture .email-capture-container .email-field input, .hs_email.field.hs-form-field input {
		text-align: left !important;
	}
	
	#email-capture .email-capture-container .submit-field, .hs_submit {
		margin: 15px 0 0 !important;
	}
	
	.hs-error-msgs.inputs-list label {
		text-align: left;
	}
	
	.creative-img {
		max-width: 170px !important;
		top: -10px;
	}
	
	.section-ourpartners .owl-carousel .owl-item .item.negative-margin img {
		margin-left: 0px;
	}
	
	.section-our-services,
	.main-section-impact {
		overflow-x: hidden !important;
	}
	
	.section-our-services {
		overflow: hidden;
	}
}


@media (max-width: 767px) {
	
	.inner {
		margin: 0 !important;
	}
	
	html {
		overflow-x: hidden;
	}
}


body .show-more a {
    background: none;
    border: 2px solid #000;
    color: #000;
    font-size: 16px;
    padding: 13px 51px;
    display: inline-block;
    height: auto;
    border-radius: 40px;
    text-transform: capitalize;
	transition: all 0.3s ease;
}

body .show-more a:hover {
	background: #ea5343;
	color: #fff;
	border-color: #ea5343;
}

html .blog .title.with_background_color {
	background: url('https://mediacause.org/wp-content/uploads/Blog-1.jpg')no-repeat !important;
	background-size: cover !important;
}

.fancybox-lock .fancybox-overlay {
	z-index: 99999999;
}

.page-id-68333 .default_template_holder {
	padding: 190px 0 80px;
    background: #5e4f70;
    width: 100%;
}

.page-id-68333 .default_template_holder h3 {
	color: #fff;
	text-align: center !important;
}

.page-id-68333 .default_template_holder .vc_col-sm-9 {
	width: 100%;
}

.page-id-68333 .default_template_holder .vc_col-sm-3 {
	display: none;
}

.q_team_social {
    padding: 0 15px;
} 

.q_team_social p {
    font-size: 14px;
    line-height: 25px;
}

.search.search-results .hero-page-banner {
	background: #5e4f70;
	margin: 0 0 60px;
	height: 300px;
}

.search.search-results .hero-page-banner .container {
    max-width: 1100px;
    margin: auto;
}

.search.search-results .blog_holder {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}

.search.search-results .blog_holder article {
	padding: 0 10px;
	width: 50%;
}

.single-post .post_content > ul {
    list-style-position: outside;
    padding-left: 7px;
    list-style-type: disc;
	padding-left: 20px;
}

.single-post .post_content > ul li {
    margin: 0 0 10px;
}

.heading-box-h2 a {
	font-size: 30px;
}

a.close-form {
	display: none;
}



/*=========================================================
PAGE TEMPLATE RESOURCES STYLES
=========================================================*/

.r-bg-orange {
	background: #F09D6C;
}

.r-bg-gray {
	background: #C9DCD4;
}

.r-bg-pink {
	background: #A1AED9;
}

.r-light-gray {
	background: #F3F3F3;
}

.template-resources .thumbnail-img {
	margin: 0;
}

.template-resources .hero-page-banner {
	background-size: cover !important;
}

.template-resources .container-md {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 15px;
}

.template-resources .row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.template-resources .row.no-gutters {
	margin: 0;
}

.template-resources .row [class*="col-"] {
	padding: 0 15px;
}

.template-resources .row.no-gutters [class*="col-"] {
	padding: 0px;
}

.template-resources .row .col-md-6 {
	width: 50%;
}

.template-resources .row .col-md-12 {
	width: 100%;
}

.template-resources .row .col-md-3 {
	width: 33.33%;
}

.template-resources .row .col-md-3 {
	width: 25%;
}

.template-resources .section-resources {
	padding: 92px 0;
}

.template-resources .section-resources .resources-featured-block {
	position: relative;
}

.template-resources .section-resources .owl-dots {
	position: absolute;
    bottom: 30px;
    left: 95px;
}

.template-resources .section-resources .owl-dots .owl-dot span {
	height: 19px;
	width: 19px;
	background: none;
	border: 2px solid #313138;
}

.template-resources .section-resources .owl-dots .owl-dot.active span {
	background: #EF413D;
	border-color: #EF413D;
}

.template-resources .section-resources .owl-carousel .owl-item img {
	height: 550px;
	object-fit: cover;
}

.template-resources .block-title {
	text-transform: none;
	padding: 0 0 25px;
	border-bottom: 1px solid #D8D9D9;
	color: #000000;
	margin: 0 0 50px;
	font-size: 36px !important;
	line-height: 44px;
	font-weight: 600 !important;
}

.section-resources .slider-item__content {
	padding: 110px 100px 40px 95px;
}

.section-resources .slider-item__content .eyebrow {
	font-size: 18px;
	margin: 0 0 11px;
	color: #000;
}

.section-resources .slider-item__content h3 {
	font-size: 30px;
    line-height: 38px;
    font-weight: 600;
	margin: 0 0 6px;
	color: #000;
	min-width: calc(100% + 40px);
}

.section-resources .slider-item__content .date-time {
	display: block;
	margin: 0 0 17px;
	color: #000;
	font-size: 14.4px;
	line-height: 22px;
	font-weight: normal;
}

.section-resources .slider-item__content p {
	margin: 0 0 40px;
	color: #000;
}

.section-resources .slider-item__content .viewmore {
	border: 2px solid #000;
    padding: 13px 43px;
    display: inline-block;
    border-radius: 40px;
    color: #000;
	transition: all 0.3s ease-in-out;
	min-width: 205px;
	text-align: center;
	font-weight: 900;
	line-height: 20px;
}

.section-resources .slider-item__content .viewmore:hover {
	background: #000;
	color: #fff;
}

.section-resources .resources-listings-block {
	margin-top: 60px;
}

.section-resources .resources-listings-block .row {
	margin: 0 -25px;
}

.section-resources .resources-listings-block .row [class*="col-"] {
	padding: 0 25px;
	width: 33.33%;
}

.section-resources .resources-listings-block .row .col-100 {
	width: 100%;
}

.template-guides .resources-listings-block .card-column__noresults {
	margin: 0;
}

.resources-listings-block .card-column .thumbnail-img {
	margin: 0 0 35px;
}

.resources-listings-block .card-column .thumbnail-img img {
	display: block;
	height: 350px;
	width: 100%;
	object-fit: cover;
}

.resources-listings-block .card-column__details .eyebrow {
	font-size: 18px;
	margin: 0 0 11px;
	color: #000;
}

.resources-listings-block .card-column__details h4 {
	font-size: 24px;
    line-height: 36px;
    color: #313138;
	margin: 0 0 14px;
	font-weight: 600;
}

.resources-listings-block .card-column__details p {
	font-size: 18px;
    line-height: 28px;
    margin: 0 0 28px;
	color: #000;
}

.resources-listings-block .card-column__details a.link {
	color: #313138;
	font-size: 16px;
	line-height: 20px;
	font-weight: 900;	
}

.resources-listings-block .card-column__details a.link i {
	color: #EF413D;
	margin-left: 15px;
	font-size: 17px;
}

.section-resources .view-more .viewmore {
	display: inline-block;
    border: 2px solid #000;
    padding: 12px 40px;
    border-radius: 40px;
	color: #313138;
	transition: all 0.3s ease;
	min-width: 205px;
	font-weight: 900;
    line-height: 20px;
}

.section-resources .view-more .viewmore:hover {
	background: #000;
	color: #fff;
}

.section-resources .view-more {
	margin-top: 70px;
	text-align: center;
}

.template-resources .section-resources.section-events-workshops {
	padding-top: 80px;
	padding-bottom: 10px;
}

.template-resources .section-resources.section-free-tools {
	padding-top: 0px;
	padding-bottom: 75px;
}

.template-resources .section-resources.section-case-studies {
	padding-top: 0px;
	padding-bottom: 55px;
}

.template-resources .section-resources.section-blog-posts {
	padding-top: 0px;
}


/*=========================================================
PAGE TEMPLATE EVENTS WORKSHOPS STYLES
=========================================================*/

.event-filter-wrapper {
	margin-bottom: 70px;
}

.event-filter {
	border-bottom: 1px solid #D8D9D9;
    display: flex;
    flex-wrap: wrap;
	padding-bottom: 25px;
}

.event-filter .nice-select .option.focus, 
.event-filter .nice-select .option.selected.focus, 
.event-filter .nice-select .option:hover {
	background: #EEEEEE;
}

.event-filter .nice-select .option {
	white-space: normal;
}

.event-filter span.current {
	display: block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height: 150%;
}

.event-filter .event-filter__left {
	width: 66.66%;
}

.event-filter .event-filter__left form {
	margin: 0 -25px;
	display: flex;
	flex-wrap: wrap;
}

.event-filter .event-filter__left form .form-group {
	padding: 0 25px;
}

.event-filter .event-filter__left form .form-group.search {
	width: 45%;
	position: relative;
}

.event-filter .event-filter__left form .form-group.search i {
	position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

.event-filter .event-filter__left form .form-control {
	height: 40px;
    padding: 0 10px;
    font-size: 14.4px;
    font-family: 'Muli';
    border: none;
    border-bottom: 1px solid #000;
	border-radius: 0px;
	width: 100%;
	padding-right: 30px;
	line-height: 22px;
}

.event-filter .event-filter__left form .form-control.hasDatepicker {
	border-bottom: none;
	font-weight: bold;
	cursor: pointer;
}

.event-filter .event-filter__left form .form-group.date {
	position: relative;
}

.event-filter .event-filter__left form .form-group.date .anchor-icon {
	border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    content: '';
    display: block;
    height: 10px;
    margin-top: -8px;
    pointer-events: none;
    position: absolute;
    right: 29px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 10px;
}

.event-filter .event-filter__left form .form-control::placeholder {
	color: #000;
	opacity: 1;
}

.event-filter .event-filter__left form .form-control::-ms-input-placeholder { 
	color: #000;
}

.event-filter .event-filter__left form .form-control::-ms-input-placeholder { 
	color: #000;
}

.event-filter .event-filter__left form .form-control:focus {
	outline: 0;
}

.event-filter .event-filter__right {
	width: 33.33%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.event-filter .event-filter__left form .form-group {
	width: 148px;
}

.event-filter .event-filter__left form .select-picker {
	padding: 0;
	width: 100%;
	border: none;
	font-weight: bold;
	color: #000000;
	padding-right: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.event-filter .event-filter__left form .select-picker.nice-select .list {
	min-width: 170px;
	overflow-y: auto;
	max-height: 280px;
}

.event-filter .event-filter__left form .select-picker.nice-select .list {
	box-shadow: none;
	border: 1px solid #D8D9D9;
}

.event-filter .event-filter__left form .select-picker.nice-select .list .option,
.event-filter .event-filter__right .filter-sorting .select-picker.nice-select .list .option {
	font-size: 14.4px !important;
	display: flex;
	align-items: center;
}

.event-filter .event-filter__left form .select-picker.nice-select::after,
.event-filter .event-filter__right .filter-sorting .select-picker.nice-select::after {
	height: 8px;
	width: 8px;
	border-color: #000;
	margin-top: -8px;
}

.event-filter .event-filter__right .filter-sorting .select-picker {
	border: none;
    padding: 0;
	color: #000000;
	font-weight: bold;
	padding-right: 35px;
	display: flex;
	align-items: center;
}

.event-filter .event-filter__right .filter-sorting .select-picker.nice-select .list {
	width: 200px;
	box-shadow: none;
	border: 1px solid #D8D9D9;
}

.event-clear-filter {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
}

.event-clear-filter p {
	margin-right: 55px;
	font-size: 14.4px;
	color: #313138;
}

.event-clear-filter p a {
    color: #313138;
	font-weight: normal;
}

.guide-clear-filter__buttons ul,
.event-clear-filter__buttons ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -14px;
}

.guide-clear-filter__buttons ul li,
.event-clear-filter__buttons ul li {
	list-style-type: none;
	padding: 0 14px;
}

.guide-clear-filter__buttons ul li:empty,
.event-clear-filter__buttons ul li:empty {
	display: none;
}

.guide-clear-filter__buttons ul li a,
.event-clear-filter__buttons ul li a {
	color: #000;
    font-weight: normal;
    font-size: 14.4px;
    border-radius: 40px;
    padding: 8px 46px;
	background: #f3f3f3;
	position: relative;
}

.guide-clear-filter__buttons ul li a img,
.event-clear-filter__buttons ul li a img {
	position: absolute;
    height: 8px;
    width: 8px;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.template-events .row .col-md-9 {
	width: 70%;
}

.template-events .row .col-md-3 {
	width: 30%;
}

.template-events .section-upcoming {
	padding-top: 85px;
	padding-bottom: 130px;
}

.template-events .block-title {
	border: none;
	padding: 0;
	margin: 0 0 40px;
}

.section-upcoming .events-card-wrapper .events-card {
	margin: 0 0 50px;
}

.section-upcoming .events-card-wrapper .events-card__noresults,
.card-column__noresults {
	text-align: center;
}

.section-upcoming .events-card-wrapper .events-card__noresults p,
.card-column__noresults p {
	margin: 0;
	text-align: center;
	padding: 15px 0;
}

.section-upcoming .events-card-wrapper .events-card:last-child {
	margin: 0;
}

.section-upcoming .events-card-wrapper .events-card .thumbnail-img img {
	display: block;
	width: 100%;
	height: 350px;
	object-fit: cover;
}

.section-upcoming .events-card-wrapper .events-card .events-card__details {
	padding: 30px 95px 48px;
}

.section-upcoming .events-card-wrapper .events-card .events-card__details .date-time {
	font-size: 14.4px;
	display: block;
	margin: 0 0 15px;
}

.section-upcoming .events-card-wrapper .events-card .events-card__details h2 {
	text-transform: inherit;
    font-weight: 600 !important;
    letter-spacing: 0px;
	margin: 0 0 25px;
	color: #000;
	line-height: 38px;
}

.section-upcoming .events-card-wrapper .events-card .events-card__details h2 a:hover {
	color: #000;
}

.section-upcoming .events-card-wrapper .events-card .events-card__details p {
	margin: 0 0 40px;
	max-width: 400px;
	color: #000;
}

.section-upcoming .events-card-wrapper .events-card .events-card__details p:empty {
	display: none;
}

.section-upcoming .events-card-wrapper .events-card .events-card__details__meta {
	margin: 0 0 20px;
}

.section-upcoming .events-card-wrapper .events-card .events-card__details__meta ul {
	list-style-type: none;
	margin: 0 -8px;
}

.section-upcoming .events-card-wrapper .events-card .events-card__details__meta ul li {
    display: inline-block;
    background: #fff;
    font-size: 14.4px !important;
    padding: 3px 23px;
    border-radius: 32px;
    color: #000;
	margin: 0 8px;
	line-height: 22px !important;
    font-weight: normal;
}

.section-upcoming .events-card-wrapper .events-card .events-card__details .link {
	color: #313138;
}

.section-upcoming .events-card-wrapper .events-card .events-card__details .link i {
	color: #EF413D;
	margin-left: 20px;
}

.ui-datepicker .ui-datepicker-header {
	border-radius: 0px;
    background: #9fadd7;
}

.ui-datepicker .ui-datepicker-title {
	font-size: 15px;
}

.ui-datepicker th {
	font-size: 13px;
}

.ui-datepicker td {
	font-size: 14px;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
	text-align: center;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
	background: #ee403d;
	color: #fff;
}


/*=========================================================
PAGE TEMPLATE GUIDES & TRAININGS STYLES
=========================================================*/

.template-guides .section-guides {
	padding-bottom: 140px;
}

.template-guides .section-resources .view-more {
	margin-top: 0px;
}

.template-guides .resources-listings-block {
	margin-top: 0px;
}

.template-guides .resources-listings-block .card-column {
	margin: 0 0 70px;
}

.card-column__details__meta {
	margin: 10px 0 20px;
}

.card-column__details__meta ul {
	margin: 0 -8px;
    display: flex;
    flex-wrap: wrap;
	list-style-type: none;
}

.card-column__details__meta ul li {
	padding: 0 8px;
}

.card-column__details__meta ul li a {
	display: block;
    background: #f3f3f3;
    border-radius: 30px;
    padding: 3px 24px;
    font-size: 14.4px;
    color: #000;
    font-weight: normal;
	transition: all 0.2s ease;
}

.card-column__details__meta ul li:hover a {
	background: #ee403d;
	color: #fff;
}

body .select2-container--default.select2-container--focus .select2-selection--multiple {
	border: none;
}

body .select2-container--default .select2-search--inline .select2-search__field {
	margin: 0;
	padding: 0;
	height: 100%;
	font-weight: 700;
    font-family: 'muli';
	padding-top: 10px;
	padding-bottom: 0px;
}

body .select2-results__option {
	padding: 6px 11px;
	font-size: 14.4px !important;
}

body .select2-container--default .select2-results>.select2-results__options {
	max-height: 240px;
}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #eee;
	color: #000;
}

body .select2-dropdown {
	border: none;
	border-radius: 0px;
	border: 1px solid #d8d9d9 !important;
}

body .select2-container--default .select2-selection--multiple {
	border: none;
	padding: 0px;
}

body .select2-container .select2-selection--multiple .select2-selection__rendered {
	height: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    height: 28px;
	padding-right: 30px;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice {
	font-size: 14.4px !important;
    border-radius: 0px;
    border-color: #ddd;
    background: none;
	margin: 0;
	padding: 0;
	border: none;
	margin-right: 12px;
	font-weight: 700;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	padding: 7px 6px;
	border-color: #ddd;
	display: none;
}

body .select2-container--default .select2-results__option--selected {
	background: #eee;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	padding: 0px;
	position: relative;
    top: 5px;
}

span.select2-search.select2-search--inline {
	position: absolute;
	top: 0;
	left: 0;
}

body .form-group > span.select2::before {
	border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    content: '';
    display: block;
    height: 8px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 8px;
	z-index: 2;
}

.select2-search textarea::placeholder {
	color: #000;
}


/*=========================================================
PAGE TEMPLATE SINGLE RESOURCES STYLES
=========================================================*/

.page-template-single-resources .site-header .site-navigation,
.page-template-single-event-register .site-header .site-navigation {
	display: none;
}

.template-single-resources .hero-page-banner {
	background: #e3e7f4 !important;
	align-items: flex-end;
}

.template-single-resources .hero-page-banner:before {
	display: none;
}

.template-single-resources .hero-page-banner .headings {
	margin: 0 0 70px;
}

.template-single-resources .hero-page-banner .headings .eyebrow {
	font-size: 18px;
	margin: 0 0 11px;
}

.template-single-resources .hero-page-banner .headings h1 {
	font-size: 58px !important;
	line-height: 64px !important;
	color: #313138;
	margin: 0 0 50px;
}

.template-single-resources .hero-page-banner .headings p {
	font-size: 30px;
	color: #000000;
}

.template-single-resources .section-resources {
	padding-top: 0px;
}

.template-single-resources .section-resources .content {
	padding-top: 65px;
	padding-right: 62px;
}

.template-single-resources .section-resources .content__meta {
	margin: 40px 0 0;
}

.template-single-resources .section-resources .content__meta ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -11px;
}

.template-single-resources .section-resources .content__meta ul li {
	list-style-type: none;
	padding: 0 11px !important;
}

.template-single-resources .section-resources .content__meta ul li::before {
	display: none;
}

.template-single-resources .section-resources .content__meta ul li a {
	display: block;
    background: #f3f3f3;
    border-radius: 30px;
    padding: 3px 24px;
    font-size: 14.4px;
    color: #000;
    font-weight: 400;
    transition: all .2s ease;
}

.template-single-resources .section-resources .content__meta ul li:hover a {
	background: #ee403d;
    color: #fff;
}

.template-single-resources .section-resources .content h3 {
	font-size: 25px;
	line-height: 35px;
	margin: 0 0 25px;
}

.template-single-resources .section-resources .content ul li {
	list-style-type: none;
	position: relative;
	padding-left: 15px;
}

.template-single-resources .section-resources .content ul li::before {
	position: absolute;
	content: "";
	left: 0;
	top: 10px;
	height: 6px;
	width: 6px;
	border-radius: 100%;
	background: #000;
}

.sidebar-single-resources {
	background: #F3F3F3;
	margin-top: -375px;
	margin-left: 55px;
	box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
}

.sidebar-single-resources .thumbnail-img img {
	height: 420px;
	width: 100%;
	object-fit: cover;
	display: block;
}

.sidebar-single-resources form {
	padding: 36px 40px 72px;
}

.sidebar-single-resources form h4 {
	font-size: 36px;
	line-height: 54px;
	margin: 0 0 20px;
}

.sidebar-single-resources form .form-group {
	margin: 0 0 25px;
}

.sidebar-single-resources form .form-group-btn {
	text-align: right;
}

.sidebar-single-resources form label {
	display: block;
    font-size: 14px;
    line-height: 24px;
    color: #313138;
    margin: 0 0 3px;
}

.sidebar-single-resources form label.i-checkbox {
	position: relative;
	padding-left: 50px;
	cursor: pointer;
}

.sidebar-single-resources form input {
	height: 47px;
    border-radius: 40px;
    border: none;
    padding: 0 20px;
	width: 100%;
}

.sidebar-single-resources form input#i-checkbox {
	height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}

.sidebar-single-resources form .btn-submit {
	border-radius: 40px;
    border: 2px solid #313138;
    font-size: 16px;
    padding: 13px 52px;
    background: none;
    cursor: pointer;
    font-weight: bold;
    font-family: 'Muli';
	transition: all 0.3s ease-in-out;
}

.sidebar-single-resources form .btn-submit:hover {
	background: #313138;
	color: #fff;
}

.sidebar-single-resources .hbspt-form {
	padding: 10px 30px 20px;
}


/*================================================================
EVENT SPEAKERS STYLES
================================================================*/

.event-speakers {
	margin-top: 70px;
}

.event-speakers h3 {
	text-align: center;
    font-size: 36px;
    line-height: 50px;
    margin: 0 0 80px;
    font-weight: 600;
	color: #000;
}

.event-speakers .wrapper {
	margin: 0 -20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 60px;
}

.event-speakers .wrapper .speaker-column {
	padding: 0 20px;
	width: 25%;
}

.event-speakers .wrapper .speaker-column .speaker-column__details {
	text-align: center;
}

.event-speakers .wrapper .speaker-column .speaker-column__details ul.social {
	display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}

.event-speakers .wrapper .speaker-column .speaker-column__details ul.social li {
	padding: 0 4px;
}

.event-speakers .wrapper .speaker-column .speaker-column__details ul.social li a {
	height: 22px;
    width: 22px;
    background: #000;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-speakers .wrapper .speaker-column .speaker-column__details h4 {
	font-size: 24px;
	line-height: 36px;
	margin: 0 0 5px;
	color: #313138;
	font-weight: 600;
}

.event-speakers .wrapper .speaker-column .speaker-column__details p {
	color: #313138;
}

.speaker-column .thumbnail-img {
	height: 250px;
    width: 250px;
    border-radius: 100%;
	margin: 0 auto 30px;
}




@media (max-width: 1199px) {
	
	.single-post .hero-page-banner {
		height: 130px;
	}
	
}


@media (max-width: 1000px) {
	
	.single-post .hero-page-banner {
		display: none;
	}
	
}

/*==============================================
SINGLE CASE STUDY PAGE STYLES
==============================================*/

.single.single-case-study .page-btn {
	margin: 30px 0 0;
}

.single.single-case-study .vc_custom_1469127849264 .page-btn {
	margin-top: 0px;
}

@media screen and (max-width: 1199px) {
	
	.filter-client-block .thumbnail-img img {
		height: 450px;
	}
	
}


@media screen and (min-width: 1025px) and (max-width: 1199px) {

	/*=========================================================
	PAGE TEMPLATE RESOURCES STYLES
	=========================================================*/

	.section-resources .slider-item__content {
		padding: 60px 60px 40px 40px;
	}

	.template-resources .section-resources .owl-dots {
		left: 40px;
	}

	.template-resources .section-resources .owl-carousel .owl-item img {
		height: 520px;
	}

	.template-resources .section-resources.section-events-workshops {
		padding-top: 0px;
	}


	/*=========================================================
	PAGE TEMPLATE EVENTS WORKSHOPS STYLES
	=========================================================*/

	.section-upcoming .events-card-wrapper .events-card .events-card__details {
		padding: 30px 45px 45px;
	}

	.section-upcoming .events-card-wrapper .events-card {
		margin: 0 0 30px;
	}


	/*=========================================================
	PAGE TEMPLATE GUIDES STYLES
	=========================================================*/ 

	.template-guides .section-guides {
		padding-bottom: 90px;
	}


	/*=========================================================
	PAGE TEMPLATE SINGLE RESOURCES STYLES
	=========================================================*/

	.template-single-resources .section-resources .content {
		padding-right: 0px;
	}

	.sidebar-single-resources {
		margin-left: 20px;
	}

	.template-single-resources .hero-page-banner .headings p {
		font-size: 24px;
	}


	/*=========================================================
	PAGE TEMPLATE SINGLE EVENT REGISTER STYLES
	=========================================================*/

	.speaker-column .thumbnail-img {
		height: 200px;
		width: 200px;
		margin-bottom: 15px;
	}

	.event-speakers .wrapper .speaker-column .speaker-column__details p {
		margin: 0 0 10px;
	}
	



}


@media screen and (min-width: 768px) and (max-width: 1024px) {

	.template-resources .hero-page-banner {
		height: 350px;
	}

	.section-resources .slider-item__content {
		padding: 30px 30px;
	}

	.template-resources .section-resources .owl-carousel .owl-item img {
		height: 420px;
	}

	.template-resources .section-resources .owl-dots {
		bottom: 5px;
    	left: 30px;
	}

	.resources-listings-block .card-column .thumbnail-img img {
		height: 250px;
	}

	.section-resources .resources-listings-block .row {
		margin: 0 -10px;
	}

	.section-resources .resources-listings-block .row [class*=col-] {
		padding: 0 10px;
	}

	.resources-listings-block .card-column__details h4 {
		font-size: 18px;
		line-height: 30px;
	}

	.template-resources .section-resources.section-events-workshops {
		padding-top: 0px;
	}
	
	.template-resources .section-resources.section-free-tools {
		padding-top: 40px;
	}


	/*=========================================================
	PAGE TEMPLATE RESOURCES STYLES
	=========================================================*/

	.section-upcoming .events-card-wrapper .events-card .thumbnail-img img {
		height: 370px;
	}

	.section-upcoming .events-card-wrapper .events-card .events-card__details {
		padding: 30px 20px 30px;
	}

	.section-upcoming .events-card-wrapper .events-card .events-card__details .link i {
		margin-left: 10px;
	}

	.section-upcoming .events-card-wrapper .events-card {
		margin: 0 0 30px;
	}

	.section-upcoming .events-card-wrapper .events-card .events-card__details {
		padding: 30px 40px;
	}

	.template-events .row .col-md-9 {
		width: 60%;
	}

	.template-events .row .col-md-3 {
		width: 40%;
	}

	.section-upcoming .events-card-wrapper .events-card .events-card__details h2 {
		margin: 0 0 15px;
	}

	.section-upcoming .events-card-wrapper .events-card .events-card__details p {
		margin: 0 0 20px;
	}

	.template-events .section-upcoming {
		padding-top: 40px;
		padding-bottom: 40px;
	}


	/*=========================================================
	PAGE TEMPLATE GUIDES STYLES
	=========================================================*/

	.template-guides .section-guides {
		padding: 40px 0;
	}

	.card-column__details__meta ul li {
		margin: 0 0 10px;
	}

	.template-guides .resources-listings-block .card-column {
		margin: 0 0 40px;
	}


	/*=========================================================
	PAGE TEMPLATE SINGLE RESOURCES STYLES
	=========================================================*/

	.sidebar-single-resources {
		margin-top: 0px;
	}

	.template-resources.template-single-resources .row .col-md-6 {
		width: 100%;
	}

	.template-resources.template-single-resources .row .col-md-6 {
		width: 100%;
	}	

	.template-single-resources .hero-page-banner .headings {
		margin: 0 0 50px;
	}

	.template-single-resources .section-resources .content {
		padding-top: 0px;
	}

	.template-single-resources .section-resources .content {
		padding-right: 0px;
	}

	.template-single-resources .section-resources {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sidebar-single-resources {
		margin-top: 40px;
		margin-left: 0px;
	}

	.sidebar-single-resources form {
		padding-bottom: 40px;
	}


	/*=========================================================
	PAGE TEMPLATE SINGLE EVENT REGISTER STYLES
	=========================================================*/

	.event-speakers .wrapper .speaker-column {
		width: 50%;
		margin: 0 0 40px;
	}

	.event-speakers h3 {
		margin: 0 0 50px;
	}

	.speaker-column .thumbnail-img {
		height: 200px;
		width: 200px;
		margin-bottom: 15px;
	}


}



@media screen and (max-width: 991px) {
	
	.filter-client-block .thumbnail-img img {
		height: 340px;
	}
	
	.section-searchfilter .row {
		flex-direction: column;
		align-items: flex-start;
	}
	
	form.form.form-search {
		margin: 30px 0 0;
	}
	
	.form-search .form-group input[type=text] {
		width: 100%;
	}
	
	.filter-client-block .thumbnail-img img {
		height: 200px;
	}
	
	.single-case-study .initial-heading {
		padding-top: 0px;
	}


	/*=========================================================
	PAGE TEMPLATE EVENTS WORKSHOPS STYLES
	=========================================================*/

	.event-filter-wrapper {
		margin: 0 0 30px;
	}

	.template-guides .section-resources .resources-listings-block {
		margin-top: 0px;
	}

	.template-guides .resources-listings-block .card-column {
		margin: 0 0 40px;
	}

	.event-filter {
		flex-direction: column;
	}

	.event-filter .event-filter__left {
		width: 100%;
	}

	.event-filter .event-filter__left form .form-group.search {
		width: 100%;
	}

	.event-filter .event-filter__right {
		width: 100%;
	}

	.event-filter .event-filter__left form .form-group {
		width: 100%;
		margin: 0 0 8px;
	}

	.event-filter .event-filter__left form .form-control {
		padding: 0 25px 0 0;
	}

	.event-filter .event-filter__left form .form-control.hasDatepicker {
		border-bottom: 1px solid #000;
	}

	.event-filter .event-filter__left form .select-picker {
		border-bottom: 1px solid #000;
		border-radius: 0px;
	}

	.event-filter .event-filter__right {
		justify-content: flex-start;
		flex-direction: column;
	}

	.event-filter .event-filter__right .select-picker {
		width: 100%;
	}

	.event-filter .event-filter__right .filter-sorting .select-picker {
		width: 100%;
		border-bottom: 1px solid #000;
		border-radius: 0px;
	}

	.event-filter .event-filter__right .filter-sorting .select-picker.nice-select .list {
		width: 100%;
	}

	.event-clear-filter {
		margin-top: 30px;
	}

	.guide-clear-filter__buttons ul li,
	.event-clear-filter__buttons ul li {
		margin: 0 0 15px;
	}

	.guide-clear-filter__buttons ul li a,
	.event-clear-filter__buttons ul li a {
		padding-left: 25px;
	}

	.event-filter .event-filter__left form .select-picker.nice-select::after,
	.event-filter .event-filter__right .filter-sorting .select-picker.nice-select::after {
		right: 4px;
	}
	
	
}



@media screen and (max-width: 767px) {
	
	.section-contactus {
		padding: 40px 0;
	}
	
	/*==============================================
    SEARCH RESULT PAGE STYLES
    ==============================================*/
	
	.search-results .hero-page-banner {
		height: 200px;
	}
	
	.search-results .hero-page-banner h1 {
		font-size: 30px !important;
		padding: 0 30px;
	}
	
	.blog_holder article .post_text .post_text_inner {
		padding: 20px 25px;
	}
	
	.search.search-results .blog_holder {
		flex-direction: column;
	}
	
	.search.search-results .blog_holder article {
		width: 100%;
	} 
	
	.search.search-results .blog_holder article {
		margin: 0 0 20px;
	}
	
	.site-header.sticky .site-navigation > ul > li.current-menu-item > a,
	.site-navigation > ul > li.current-menu-item > a,
	.site-navigation > ul > li:hover > a {
		color: #ef413d;
	}

	.site-navigation > ul > li:last-child:hover > a {
		border-color: #ef413d;
		color: #ef413d;
		background: transparent;
	}
	
	.site-navigation>ul>li:last-child a {
		background: #ef413d;
	}
	
	.single-post .hero-page-banner {
		display: none;
	}
	
	.single-post .default_template_holder {
		padding: 30px 0;
	}
	
	.site-navigation>ul {
		padding-left: 0px;
	}
	
	/*==============================================
	SINGLE CASE STUDY PAGE STYLES
	==============================================*/
	
	.single.single-case-study .page-btn {
		margin-top: 20px;
	}

	.single.single-case-study .vc_custom_1469127849264 .page-btn {
		margin-top: 40px;
	}
	
	
	/*==============================================
    TEMPLATE SINGLE WORK TYPE STYLES
    ==============================================*/
	
	.single-type-container {
		padding: 0 15px;
	}
	
	.section-single-type h2 {
		font-size: 24px !important;
		line-height: 30px;
	}
	
	.section-single-type h3 {
		font-size: 20px;
		line-height: 28px;
	}
	
	section.section-repeater .single-type-container {
		max-width: 100%;
	}
	
	.hero-page-banner.single-type-work {
		height: 210px;
	}
	
	.hero-page-banner.single-type-work h1 {
		font-size: 30px !important;
	} 
	
	.section-single-type-heading .row .col {
		max-width: 100%;
	}
	
	.section-single-type h1 {
		font-size: 30px !important;
		line-height: 40px !important;
		margin: 0 0 15px;
	}
	
	section.section.single-type {
		padding: 30px 0;
	}
	
	.section-single-featured img {
		height: 250px;
	}
	.section-overview--title-wrap .col-md-10,
	.section-overview-two-col .col-md-6 {
		width: 100%;
	}
	
	.section-overview--title h2{
		line-height:30px;
	}
	
	.section-overview--title h4{
        padding-top: 18px;
    }
	
	.section-overview--title-wrap {
		padding-bottom: 15px;
	}
	
	.section-single-type p {
		font-size: 16px;
		line-height: 24px;
	}
	
	.overview-block h4 {
		margin: 0 0 10px;
	}
	
	.overview-sidebar {
		padding-left: 0px;
		margin: 40px 0 0;
	}
	
	.overview-block {
		margin: 0 0 30px;
	}
	
	.section-overview--counter {
		margin-top: 40px;
	}
	
	.section-overview--counter .inside {
		padding: 30px 0 20px;
	}
	
	.section-single-type .row {
		flex-direction: column;
	}
	
	.section-single-type .col-md-4 {
		width: 100%;
	}
	
	.section-overview--counter .counter-block {
		margin: 0 0 30px;
	}
	
	.section-overview--counter .counter-block h1 {
		font-size: 50px !important;
		line-height: 70px !important;
		margin: 0px;
	}
	
	.section-overview--testimonial .thumbnail-img {
		margin: 0 0 20px;
	}
	
	.section-overview--testimonial {
		padding: 50px 0 40px;
		margin: 0px;
	}
	
	.section-overview--testimonial .inside {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	.section-overview--testimonial .thumbnail-img {
		height: 70px;
		width: 70px;
		margin: 0 0 20px;
	}
	
	.section-overview--testimonial.has-thumbnail .details {
		max-width: 100%;
		padding-right: 0px;
	}
	
	.section-overview--counter .counter-block span {
		font-size: 18px;
	}
	
	section.section-overview {
		padding-bottom: 0px;
		padding: 40px 0 0;
	}
	
	.section-full-col .thumbnail-img img {
		height: auto;
	}
	
	.section.section-full-col, .section.section-half-col {
		padding: 40px 20px;
	}
	
	.section-repeater .two-col-images {
		flex-direction: column;
	}
	
	.section-repeater .two-col-images .thumbnail-img {
		width: 100%;
		margin: 0 0 20px;
	}
	
	.section-type-gallery .gallery-two-col {
		flex-direction: column;
	}
	
	.section-type-gallery .gallery-two-col .thumbnail-img:nth-of-type(1),
	.section-type-gallery .gallery-two-col .thumbnail-img:nth-of-type(2) {
		width: 100%;
	}
	
	.section-type-gallery .gallery-two-col .thumbnail-img img {
		height: auto;
	}
	
	section.section-related-work {
		padding: 40px 0;
	}
	
	.section-related-work h2 {
		margin: 0 0 20px;
	}
	
	.related-post {
		margin: 0 0 30px;
	}
	
	.section-related-work .related-post span {
		font-size: 16px;
		margin: 0 0 5px;
	}
	
	.section-single-type h4 {
		font-size: 18px;
		line-height: 26px;
	}
	
	.section-related-work .thumbnail-img {
		margin: 0 0 15px;
	}
	
	.section-ready-go .box h2 {
		margin: 0 0 30px;
	}
	
	section.section-ready-go {
		padding: 40px 0 40px;
	}
	
	
	/*==============================================
    NEW OUR WORK PAGE TEMPLATE STYLES
    ==============================================*/
	
	.section-searchfilter .row {
		flex-direction: column;
	}
	
	.section-searchfilter .row .col-md-6 {
		width: 100%;
	}
	
	.filter-work-left {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.filter-work-left label {
		margin: 0 0 20px;
	}
	
	.filter-work-left .wrap {
		flex-direction: column;
	}
	
	.filter-work-left .wrap {
		width: 100%;
	}
	
	.filter-work-left .filter-box {
		width: 100%;
	}
	
	.filter-box .select-picker {
		width: 100%;
		padding-left: 0px;
	}
	
	.filter-work-left .wrap span.bwtn {
		margin: 15px 0;
	}
	
	.form-search .form-group {
		text-align: right;
	}
	
	.section-filter-clients .col-md-4 {
		width: 100%;
	}
	
	.filter-client-block .thumbnail-img img {
		height: auto;
	}
	
	.filter-client-block {
		margin: 0 0 30px;
	}
	
	form.form.form-search {
		margin: 30px 0 0;
	}
	
	.form-search .form-group input[type=text] {
		width: 100%;
	}
	
	.filter-work-left {
		width: 70%;
	}
	
	.filter-work-left .wrap span.bwtn {
		display: none;
	}
	
	.filter-work-left .filter-box {
		margin: 0 0 10px;
	}
	
	.section-filter-clients .col-md-6 {
		width: 100%;
	}
	
	.search-group {
		position: absolute !important;
		top: 100px;
		left: 0;
		width: 100%;
		z-index: 1;
		background: #f2efef;
		height: 90px;
		align-items: center;
		justify-content: center;
		padding: 0 30px;
		display: none;
		transition: all 0.3s ease-in-out;
	}
	
	.search-group.active {
		display: flex;
	}
	
	.mb-search {
		display: flex;
		flex-direction: column;
	}
	
	.form-search .form-group .btn-submit {
		position: absolute;
		top: 35px;
		right: 50px;
		cursor: pointer;
		background: 0 0;
		padding: 0;
		border: none;
		font-size: 16px;
	}
	
	a.close-form {
		position: absolute;
		top: -30px;
		right: 35px;
		font-size: 24px;
		color: #000;
		display: block;
	}


	/*=========================================================
	PAGE TEMPLATE RESOURCES STYLES
	=========================================================*/

	.template-resources .hero-page-banner {
		padding: 70px 0;
	}

	.hero-page-banner h1 {
		font-size: 30px !important;
		padding: 0 20px;
	}

	.template-resources .section-resources {
		padding: 40px 0;
	}

	.template-resources .block-title {
		font-size: 24px !important;
		line-height: 32px;
		padding: 0 0 15px;
		margin: 0 0 30px;
	}

	.template-resources .row {
		flex-direction: column-reverse;
	}

	.template-resources .row .col-md-6 {
		width: 100%;
	}

	.section-resources .slider-item__content {
		padding: 30px 30px 70px;
	}

	.section-resources .slider-item__content .eyebrow {
		margin: 0;
	}

	.section-resources .slider-item__content h3 {
		font-size: 24px;
		line-height: 32px;
	}

	.section-resources .slider-item__content p {
		margin: 0 0 20px;
	}

	.section-resources .slider-item__content .viewmore {
		padding: 10px 20px;
	}

	.section-resources .slider-item__content .viewmore {
		min-width: 190px;
	}

	.template-resources .section-resources .owl-carousel .owl-item img {
		height: 300px;
	}

	.template-resources .section-resources .owl-dots {
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
	}

	.template-resources .section-resources .owl-dots .owl-dot span {
		height: 15px;
		width: 15px;
	}

	.section-resources .resources-listings-block {
		margin-top: 30px;
	}

	.section-resources .resources-listings-block .row [class*=col-] {
		width: 100%;
	}

	article.card-column {
		margin: 0 0 30px;
	}

	.resources-listings-block .card-column .thumbnail-img {
		margin: 0 0 20px;
	}

	.resources-listings-block .card-column .thumbnail-img img {
		height: 250px;
	}

	.resources-listings-block .card-column__details h4 {
		font-size: 20px;
		line-height: 30px;
		margin: 0 0 8px;
	}

	.resources-listings-block .card-column__details p {
		font-size: 15px;
		line-height: 23px;
		margin: 0 0 15px;
	}

	.resources-listings-block .card-column__details a.link i {
		margin-left: 10px;
	}

	.section-resources .view-more {
		margin-top: 40px;
	}
	
	.template-resources .section-resources.section-events-workshops {
		padding-top: 30px;
	}

	.template-resources .section-resources.section-free-tools {
		padding-top: 40px;
		padding-bottom: 40px;
	}


	/*=========================================================
	PAGE TEMPLATE RESOURCES STYLES
	=========================================================*/

	.template-events .row .col-md-9 {
		width: 100%;
	}

	.template-events .row .col-md-3 {
		width: 100%;
	}

	.section-upcoming .events-card-wrapper .events-card .thumbnail-img img {
		height: 250px;
	}

	.section-upcoming .events-card-wrapper .events-card .events-card__details {
		padding: 30px 20px 30px;
	}

	.section-upcoming .events-card-wrapper .events-card .events-card__details .link i {
		margin-left: 10px;
	}

	.section-upcoming .events-card-wrapper .events-card {
		margin: 0 0 30px;
	}



	/*=========================================================
	PAGE TEMPLATE SINGLE RESOURCES STYLES
	=========================================================*/

	.sidebar-single-resources {
		margin-top: 0px;
	}

	.template-single-resources .hero-page-banner .headings h1 {
		padding: 0;
	}

	.template-single-resources .hero-page-banner .headings h1 {
		font-size: 32px !important;
		line-height: 42px !important;
		margin: 0 0 20px;
	}

	.template-single-resources .hero-page-banner .headings p {
		font-size: 20px;
		line-height: 28px;
	}

	.template-single-resources .hero-page-banner {
		padding: 50px 0 0;
	}

	.sidebar-single-resources {
		margin-left: 0px;
	}

	.sidebar-single-resources .thumbnail-img img {
		height: 290px;
	}

	.sidebar-single-resources form {
		padding: 20px 20px;
	}

	.template-single-resources .section-resources .content {
		padding: 0;
		padding-top: 50px !important;
	}

	.template-single-resources .section-resources .content h3 {
		font-size: 20px;
		line-height: 28px;
	}


	/*=========================================================
	PAGE TEMPLATE SINGLE EVENT REGISTER STYLES
	=========================================================*/

	.event-speakers .wrapper {
		margin-bottom: 60px;
	}

	.event-speakers h3 {
		margin: 0 0 40px;
		font-size: 30px;
	}

	.event-speakers .wrapper .speaker-column {
		width: 100%;
		margin-bottom: 30px;
	}

	.event-speakers .wrapper .speaker-column:last-child {
		margin-bottom: 0px;
	}

	.speaker-column .thumbnail-img {
		height: 200px;
		width: 200px;
		margin-bottom: 15px;
	}

	.event-speakers .wrapper .speaker-column .speaker-column__details p {
		margin: 0 0 10px;
	}

	.sidebar-single-resources .hbspt-form {
		padding: 30px 0px 10px 20px;
	}
	
	
	
}

.clear-d-none {
	display: none;
}

/*==========================================================
OUR SERVICES INNER PAGE STYLES
==========================================================*/

@media screen and (max-width: 767px) {

	body #Brand-inner-slider-section .section_inner {
		width: 100%;
		padding: 0 15px;
	}

    body #info-section {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    body #info-section.grid_section .section_inner, 
    body #services-slider-section.grid_section .section_inner {
        width: 100%;
		padding: 0 15px;
    }

    body div#ser-inner-info-section {
        padding: 30px 0 !important;
    }
    
    body div#ser-inner-info-section .section_inner {
        width: auto;
        padding: 0 15px;
    }

	body .intro-text-block .heading-box-h2,
	body .intro-text-block .heading-box-h2 a {
		line-height: 30px;
		font-size: 22px !important;
		letter-spacing: 0px;
	}

	body .intro-text-block p {
		line-height: 1.5;
	}

	body .card-service-content {
		margin-bottom: 0px;
	}

	body .card-service-content .heading-h2 {
		margin-bottom: 10px !important;
		font-size: 28px !important;
		line-height: 1.3 !important;
		letter-spacing: 0px;
	}

	body .card-service-content p {
		line-height: 1.5;
	}

	body #ser-inner-black-section {
		padding: 40px 15px !important;
	}

	body #ser-inner-black-section .section_inner {
		width: 100%;
	}
	
	body #ser-inner-black-section .vc_column-inner {
		padding: 0;
	}

	body #ser-inner-black-section .heading-h2 {
		font-size: 30px !important;
		line-height: 38px !important;
	}

	body #ser-inner-black-section .vc_empty_space {
		height: 20px !important;
	}

	body .info-section.brand-creative {
		padding: 40px 0px !important;
	}

	body .brand-creative .vc_row .wpb_column.vc_column_container.vc_col-sm-4:nth-child(odd) {
		padding: 20px;
	}

	body .info-section.brand-creative .heading-h2 {
		font-size: 24px !important;
		line-height: 32px !important;
		letter-spacing: 0px;
		margin-bottom: 10px !important;
	}

	body .info-section.brand-creative.vc_custom_1583470836458 {
		padding-bottom: 0px !important;
	}

	body .info-section.brand-creative:last-child {
		margin: 0 0 40px !important;
	}


}
.sidebar-single-resources .form-heading{
	padding: 36px 30px 0px;
}

.sidebar-single-resources .form-heading h4{
    font-size: 36px;
    line-height: 54px;
    margin: 0 0 20px;
}