/*
 Theme Name:     In Transit Studios
 Theme URI:      https://intransitstudios.com/
 Description:    In Transit Studios Child Theme
 Author:         In Transit Studios
 Author URI:     https://intransitstudios.com/
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/********* [ CSS NAVIGATION ] *********

0.0 Root
=== 0.1 Colors
=== 0.2 Custom Class Cheats
=== 0.3 Highlight Text
=== 0.4 Scrollbar
=== 0.5 Text Module Links

1.0 Typography
=== 1.1 General Typography
=== 1.2 Tablet Typography
=== 1.3 Mobile Typography

2.0 Header
=== 2.1 General Menu
=== 2.2 Header From iPad Pro Landscape
=== 2.3 Header Up to iPad Pro Landscape
=== 2.4 Header Up to Phone Landscape
=== 2.5 Header Up to iPad & Tablet Portrait
=== 2.6 Header iPad Portrait & Mobile Landscape
=== 2.7 Header Mobile Portrait Only

3.0 Body
=== 3.1 General Body
=== 3.2 Body From iPad Pro Landscape
=== 3.3 Body Up to iPad Pro Landscape
=== 3.4 Body Up to Phone Landscape
=== 3.5 Body Up to iPad & Tablet Portrait
=== 3.6 Body iPad Portrait & Mobile Landscape
=== 3.7 Body Mobile Portrait Only

4.0 Footer
=== 4.1 General Footer
=== 4.2 Footer From iPad Pro Landscape
=== 4.3 Footer Up to iPad Pro Landscape
=== 4.4 Footer Up to Phone Landscape
=== 4.5 Footer Up to iPad & Tablet Portrait
=== 4.6 Footer iPad Portrait & Mobile Landscape
=== 4.7 Footer Mobile Portrait Only

5.0 Global Design Elements
=== 5.1 Button Design
=== 5.2 FAQ's

6.0 Other Customisations & Snippets
=== 6.1 Vertical Center Align
=== 6.2 Bottom Align
=== 6.3 Button Alignment
=== 6.4 Image Aspect Ratios
=== 6.5 Invert Mobile Column Order

********* [ END OF CSS NAVIGATION ] *********/

/***** [ 0.0.0 ROOT ] *****

  **** [ 0.1.0 COLORS ] ****

  **** [ 0.1.1 Primary | Blues ] ****
    
    P1 - #355572
    P2 - #6AAAE4 - MAIN
    P3 - #9EC9ED
    P4 - #CEE3F6
    P5 - #F6FAFD

  **** [ 0.1.2 Neutrals ] ****
    
    N1 - #373A36
    N2 - #CCCCCC
    N3 - #E6E6E6
	N5 - #F6F9FB

  **** [ 0.1.3 Supporting ] ****

    * CTAs *
    G1 - #5BAD1D | Green
    O1 - #FF6600 | Orange

    * Black & White *
    Black - #000000
    White - #ffffff

** [ 0.2 CUSTOM CLASS CHEATS ] **

** 0.2.1 CTAs / Class for Button
.btn-g = General Ghost
.btn-p = Primary Solid
.btn-w = White Solid
.btn-wg = White Ghost
.btn-s = Simple Link
.btn-sn = Simple Link, No padding

** 0.2.2 Content Alignment / Class for Column - Equal Col Height
.vertical-align = Vertically Center Content in Column
.bottom-align = Bottom Align Content in Column

** 0.2.3 Inline Button Alignment / Class for Column
.btn-inline-left = Alignment Left
.btn-inline-center = Alignment Center
.btn-inline-right = Alignment Right

** 0.2.4 Aspect Ratios / Class for Image Module
.image-square = Image Square 1:1
.image-landscape = Landscape 4:3
.image-portrait = Portrait 5:6

** 0.2.5 Invert Mobile Column Order
.invert-col = Invert Column Order below 980px


/** [ 0.3 HIGHLIGHT TEXT ] **/
::selection {
    background: #ebeef1;
    color: #355572;
}

::-moz-selection {
    background: #ebeef1;
    color: #355572;
}

/** [ 0.4 SCROLL BAR ] **/
::-webkit-scrollbar {
    width: 10px;
    border-radius: 0px;
    height: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #CBD2D9;
    background: #F5F7FA;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-image: linear-gradient(70deg, #6AAAE4 0, #6AAAE4 100%)
}

/** [ 0.5 Box-Shadow ] **/
.box-sh1,
.hover-box-sh1:hover {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

.box-sh2,
.hover-box-sh2:hover,
.hover-box-sh2.open {
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
}

.box-sh3,
.hover-box-sh3:hover {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

.box-sh4,
.hover-box-sh4:hover {
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.2);
}

.box-sh5,
.hover-box-sh5:hover {
    box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.2);
}

/** [ 0.6 Border-radius ] **/
.br-1 {
    border-radius: 4px !important;
}

.et_pb_image.br-1 {
	overflow: hidden;
}

.br-2 {
    border-radius: 8px !important;
}

.br-3 {
    border-radius: 12px !important;
}

.br-4 {
    border-radius: 16px !important;
}

.br-5 {
    border-radius: 20px !important;
}

/** [ 0.6 Border ] **/
.bd-t1 {
    border: 1px solid #E4E7EB !important;
}

.bd-t2 {
    border: 1px solid #CBD2D9 !important;
}

.bd-t3 {
    border: 1px solid #9AA5B1 !important;
}

.bd-t4 {
    border: 1px solid #7B8794 !important;
}

.bd-t5 {
    border: 1px solid #616E7C !important;
}

/*** Border Bottom ***/
.bd-b1 {
    border-bottom: 1px solid #E4E7EB !important;
}


.bd-to1 {
    border-top: 1px solid #E4E7EB !important;
}

/** [ 0.7.1 Padding X ] **/
.px-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.px-3 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.px-4 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.px-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.px-7 {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.px-8 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

/** [ 0.7.2 Padding Y ] **/
.py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.py-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.py-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.py-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.py-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

.py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.pb-8 {
	padding-bottom: 32px !important;
}

/** [ 0.8.1 Margin-Bottom ] **/
.mb-2 {
    margin-bottom: 8px !important;
}

.mb-3 {
    margin-bottom: 12px !important;
}

.mb-4 {
    margin-bottom: 16px !important;
}

.mb-5 {
    margin-bottom: 20px !important;
}

.mb-6 {
    margin-bottom: 24px !important;
}

.mb-12 {
    margin-bottom: 48px !important;
}

.mb-16 {
    margin-bottom: 64px !important;
}

/** [ 0.8.1 Margin-Top ] **/
.mt-2 {
    margin-top: 8px !important;
}

.mt-4 {
    margin-top: 16px !important;
}

.mt-5 {
    margin-top: 20px !important;
}

.mt-6 {
    margin-top: 24px !important;
}

.mt-8 {
    margin-top: 32px !important;
}

.mt-16 {
    margin-top: 64px !important;
}

/** [ 0.9.0 Transition ] **/
.et_pb_social_network_link .icon {
    transition: all .3s ease-in-out;
}

/***** [ 2.0 HEADER ] *****/

/*** [ 2.1 General Menu ] ***/
.sub-menu .menu-item {
	padding: 0px!important;
}
.nav ul li a:hover {
	background-color: #F6F9FB!important;
	opacity: 1!important;
}

.nav ul li.et-hover > a {
	background-color: #F6F9FB!important;
}

.nav ul li:first-child a {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.nav ul li:last-child a {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.nav ul:after {
    position: absolute;
    left: 20%;
    margin-left: -20px;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
}

.nav ul ul:after {
    position: absolute;
    left: 0;
    margin-left: -30px;
    top: 25px;
    width: 0;
    height: 0;
    content: '';
    border-top: 15px solid transparent;
    border-right: 15px solid #ffffff;
    border-bottom: 15px solid transparent;
}

.nav .sub-menu li a:after {
    content: '\24';
    font-family: 'ETmodules';
    padding-left: 4px;
    opacity: 0;
    transition: .3s all ease-in-out;
}

.nav .sub-menu li a:hover:after {
    padding-left: 12px;
    opacity: 1;
}

.et_pb_section.et_pb_sticky--top {
    box-shadow: 0px 1px 5px -3px rgb(0 0 0 / 20%);
}

/*** [ 2.2 Header From iPad Pro Landscape ] ***/
@media (min-width: 1280px) {}

/*** [ 2.3 Header Up to iPad Pro Landscape ] ***/
@media (max-width: 1280px) {
	header .et_pb_menu ul li a,
	header .et_pb_button_module_wrapper a{
		font-size: 16px!important;
	}
	header .nav ul li a {
		font-size: 14px!important;
	}
}

@media (max-width: 1160px) and (min-width: 980px) {
	.tablet-hide {
		display: none!important;
	}
}

/*** [ 2.4 Header Up to Phone Landscape ] ***/
@media (min-width: 981px) {
	header .button-flex {
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: space-between;
	}
}

@media (max-width: 980px) {
    .container.et_menu_container {
        width: calc(100% - 60px);
    }

    .et_mobile_menu {
        margin-left: -15px;
        padding: 15px;
        width: calc(100% + 30px);
    }

    .mobile_nav.opened .mobile_menu_bar:before {
        content: "\4d";
    }

    /**** Collapse Mobile Menu ****/
    #page-container .mobile_nav li ul.hide {
        display: none !important;
    }
	
	#page-container .et_mobile_menu li a {
		padding: 10px 5% 10px 0px!important;
	}

    #page-container .mobile_nav .menu-item-has-children {
        position: relative;
    }

    #page-container .mobile_nav .menu-item-has-children>a {
        background: transparent;
    }

    /**** move open/close icon to the right ****/
    #page-container .mobile_nav .menu-item-has-children>a+span {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px 20px;
        font-size: 20px;
        font-weight: 700;
        cursor: pointer;
        z-index: 3;
    }

    /* adjust icons */
    #page-container span.menu-closed:before {
        content: "3";
        display: block;
        color: #000;
        font-size: 16px;
        font-family: ETmodules;
    }

    #page-container span.menu-closed.menu-open:before {
        content: "\4d";
    }
}

/*** [ 2.5 Header Up to iPad & Tablet Portrait  ] ***/
@media (max-width: 768px) {

}

/*** [ 2.6 Header iPad Portrait & Mobile Landscape ] ***/
@media (min-width: 480px) and (max-width: 980px) {}

/*** [ 2.7 Header Mobile Portrait Only ] ***/
@media (max-width: 479px) {}


/***** [ 3.0 BODY ] *****/

/*** [ 3.1 General Body ] ***/
#et-main-area p > a {
    text-decoration: underline;
	/* add link underline offset - works on major browsers*/
    text-underline-offset: 4px;
}

/** Contact Details **/
.contact-details {
    text-decoration: underline;
    display: block;
    max-width: 350px;
    padding: 4px 0px 4px 32px;
    color: #355572;
    transition: all .3s ease-in-out;
}

.contact-details:hover {
    color: #6aaae4;
    text-decoration: underline;
}

.contact-details:before {
    font-family: 'ETmodules';
    position: absolute;
    left: 0px;
}

.contact-details.contact-mail:before {
    content: '\e076';
}

.contact-details.contact-phone:before {
    content: '\e090';
}

.contact-details + br {
    display: none;
}


/*** Service Blurbs ***/
.service-blurbs .et_pb_main_blurb_image {
	position: absolute;
	padding: 0px;
	background: #fff;
	border-radius: 50%;
	top: -80px;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 2px solid #F6F9FB;
}

#b-revisions .et_pb_image_wrap {
    padding: 10px;
}

/*** HOME -- Plan Blurbs ***/
#p-activity {
    padding-bottom: 0px!important;
}

.plan-blurb .et_pb_blurb_content {
    position: relative;
}

.plan-blurb .et_pb_blurb_container {
	padding-left: 45px!important;
}

.plan-blurb .et_pb_main_blurb_image {
position: absolute;
    left: -62px;
    top: 8px;
    width: 60px!important;
    height: 60px!important;
    border-radius: 12px;
    overflow: hidden;
    background: #000;
    background-image: linear-gradient(135deg, #6aaae4, #cee3f6);
    transform: rotate(-45deg);
}

.plan-blurb .et_pb_main_blurb_image .et_pb_image_wrap {
    width: 60px!important;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.plan-blurb .et_pb_main_blurb_image .et_pb_image_wrap:after {
    font-size: 26px;
    transform: rotate(45deg);
}

.plan-blurb .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    display: none;
}

#p-strategy .et_pb_main_blurb_image .et_pb_image_wrap:after {
}

#p-playbook .et_pb_main_blurb_image .et_pb_image_wrap:after {
    content: '2';
}

#p-activity .et_pb_main_blurb_image .et_pb_image_wrap:after {
    content: '3';
}

/*** [ 3.2 Body From iPad Pro Landscape ] ***/
@media (min-width: 1280px) {}

/*** [ 3.3 Body Up to iPad Pro Landscape ] ***/
@media (max-width: 1280px) {}

/*** [ 3.4 Body Up to Phone Landscape ] ***/
@media (max-width: 980px) {
	/*** Fixed Fullwidth blurb rows ***/
	.mobile__row--medium {
		max-width: 550px!important;
	}

	.mobile__row--medium.mobile__row--col-margin .et_pb_column:not(:last-child) {
		margin-bottom: 80px;
	}
	
	h1{
		font-size: 32px!important;	
	}
}

/*** [ 3.5 Body Up to iPad & Tablet Portrait  ] ***/
@media (max-width: 768px) {
	h1{
		font-size: 26px!important;	
	}
}

/*** [ 3.6 Body iPad Portrait & Mobile Landscape ] ***/
@media (min-width: 480px) and (max-width: 980px) {
	/*** Fix Portfolio Grid on iPad Pro 11 ***/
	#main-content .et_pb_column .et_pb_grid_item.et_pb_portfolio_item .first_in_row, 
	#main-content .et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(odd) {
		clear: both;
	}
	
	#main-content .et_pb_column .et_pb_grid_item.et_pb_portfolio_item {
    	margin: 0 5.5% 9.5% 0;
    	width: 47.25%;
    	clear: none;
    	float: left;
	}
	
	#main-content .et_pb_column .et_pb_grid_item.et_pb_portfolio_item .last_in_row, 
	#main-content .et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(2n) {
		margin-right: 0;
	}
}

/*** [ 3.7 Body Mobile Portrait Only ] ***/
@media (max-width: 479px) {
	.plan-blurb .et_pb_main_blurb_image {
		position: absolute;
		left: -57px;
		top: 5px;
		width: 50px!important;
		height: 50px!important;
	}

	.plan-blurb .et_pb_main_blurb_image .et_pb_image_wrap {
		width: 50px!important;
		height: 50px;
	}
	
	.plan-blurb .et_pb_blurb_container {
		padding-left: 30px!important;
	}
	
	.et_pb_portfolio_grid_items .post-meta a {
  		line-height: 1.6em!important;
	}
}


/***** [ 4.0 FOOTER ] *****/

/*** [ 4.1 General Footer ] ***/
#menu-footer-nav,
#menu-footer {
    list-style: none;
    text-align: left;
	padding-left: 0px;
	padding-bottom: 0px;
}
#menu-footer-nav li {
    display: inline-block;
    font-size: 14px;
    margin-right: 16px;
}

#menu-footer li {
    display: inline-block;
    margin-right: 16px;
}

#menu-footer-nav li a {
	color: #cccccc!important;
}

.footer__contact h4 {
	padding-bottom: 16px;
}

.footer__contact a {
	line-height: 1.7em;
}

#menu-footer-nav li a:hover,
#menu-footer li a:hover,
.footer__contact a:hover {
	text-decoration: underline;
}


/*** [ 4.2 From iPad Pro Landscape ] ***/
@media (min-width: 1280px) {}

/*** [ 4.3 Up to iPad Pro Landscape ] ***/
@media (max-width: 1280px) {}

/*** [ 4.4 Up to Phone Landscape ] ***/
@media (max-width: 980px) {}

/*** [ 4.5 Up to iPad & Tablet Portrait  ] ***/
@media (max-width: 768px) {
	#menu-footer-nav {
		text-align: left;
	}
	#menu-footer-nav li {
		display: block;
		margin-left: 0px;
	}
}

/*** [ 4.6 iPad Portrait & Mobile Landscape ] ***/
@media (min-width: 480px) and (max-width: 980px) {}

/*** [ 4.7 Mobile Portrait Only ] ***/
@media (max-width: 479px) {}


/***** [ 5.0 GLOBAL DESIGN ELEMENTS ] *****/

/*** [ 5.1 BUTTON DESIGN ] ***/

/*** GENERAL STYLIING ***/
.et_pb_button,
.gform_button.button{
    border-width: 1px !important;
    border-radius: 0px !important;
    font-size: 18px;
    transition: .3s all ease-in-out;
    border-style: solid !important;
    font-weight: 500 !important;
}

.et_pb_button:after {
    line-height: inherit;
    font-size: inherit !important;
}

.gform_button.button {
	cursor: pointer;
	float: right;
	padding: 8px 20px;
}

/*** BUTTON | GENERAL CTA GHOST ***/
#et-main-area .et_pb_button {
    background-color: #355572 ;
    color: #ffffff ;
    border-color: #355572 ;
}

#et-main-area .et_pb_button:hover,
#et-main-area .et_pb_button.active {
    background-color: #355572 !important;
    color: #ffffff !important;
    border-color: #355572 !important;
}

/*-- BUTTON | GENERAL CTA GHOST -- */
header .btn-g,
.btn-g,
#et-main-area .et_pb_button.btn-g {
    background-color: transparent !important;
    color: #355572 !important;
    border-color: #355572 !important;
}

header .btn-g:hover,
.btn-g:hover,
#et-main-area .et_pb_button.btn-g:hover {
    background-color: #355572 !important;
    color: #ffffff !important;
    border-color: #355572 !important;
}

/*** BUTTON | WHITE SOLID ***/
.btn-w,
#et-main-area .et_pb_button.btn-w {
    background-color: #ffffff !important;
    color: #355572 !important;
    border-color: #ffffff !important;
}

.btn-w:hover,
#et-main-area .et_pb_button.btn-w:hover {
    background-color: #ffffff !important;
    color: #6AAAE4 !important;
    border-color: #ffffff !important;
}

/*** BUTTON | WHITE GHOST ***/
.btn-wg,
#et-main-area .et_pb_button.btn-wg {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.btn-wg:hover,
#et-main-area .et_pb_button.btn-wg:hover {
    background-color: #6AAAE4 !important;
    color: #ffffff !important;
    border-color: #6AAAE4 !important;
}

/*** BUTTON | PRIMARY CTA SOLID ***/
header .btn-p,
.btn-p,
#et-main-area .et_pb_button.btn-p,
.gform_button.button {
    background-color: #355572 !important;
    color: #ffffff !important;
    border-color: #355572 !important;
}

header .btn-p:hover,
.btn-p:hover,
#et-main-area .et_pb_button.btn-p:hover,
.gform_button.button:hover {
    background-color: #2a445b !important;
    color: #ffffff !important;
    border-color: #2a445b !important;
}

/*** BUTTON | SIMPLE LINK ***/
.btn-s,
#et-main-area .et_pb_button.btn-s {
    background-color: transparent !important;
    color: #6AAAE4 !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 0px !important;
    font-size: 16px !important;
}

.btn-s,
#et-main-area .et_pb_button.btn-s:hover {
    color: #355572 !important;
}

/*** [ 5.2 FAQS ] ***/
#faq_container {
    padding: 15px 15px;
    transition: all .3s ease-in-out;
    border-radius: 3px;
}

#faq_container:not(:last-child) {
    border-bottom: 1px solid #e5e6e7;
}

#faq_container:not(.open) {
    background: #fff;
    color: #373A36;
}

#faq_container:not(.open):hover {
    background: #F6FAFD;
}

#faq_container.open {
    background: #fff;
}

#faq_container .faq_question {
	color: #373A36;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    display: table;
}

#faq_container.open .faq_question,
#faq_container.open .accordion-button-icon:after{
	color: #6AAAE4;
}

#faq_container .faq_question span {
    line-height: 1.25em;
}

#faq_container.open .faq_question span {
    padding-bottom: 15px;
}

#faq_container .question {
    display: table-cell;
    width: 100%;
}

#faq_container .faq_answer_container {
    height: 0px;
    overflow: hidden;
    padding: 0;
    font-weight: 300;
    line-height: 1.4em;
}

#faq_container .accordion-button-icon {
    display: table-cell;
    line-height: inherit;
    opacity: 1;
    padding-left: 15px;
    vertical-align: middle;
}

#faq_container .accordion-button-icon:after {
    color: #373A36;
    font-size: 20px;
    font-family: 'ETmodules';
    position: relative;
}

#faq_container .accordion-button-icon.icon-plus:after {
    content: '\33';
}

#faq_container .accordion-button-icon.icon-minus:after {
    content: '\4d';
}

/*** [ 5.3 Team Members ] ***/
@media screen and (max-width: 579px) {
    .team-grid > *:not(:last-child) {
        margin-bottom: 128px;
    }
}

@media screen and (min-width: 580px) {
	.team-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 128px 32px;
	}
	.team-single { 
		grid-column: span 2;
	}
	
	.team-single:last-child:nth-child(2n - 1) {
		grid-column-end: 4;
	}
}

@media (min-width: 1279px) {
	.team-grid {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-gap: 128px 32px;
	}
	
	.team-single:last-child:nth-child(3n + 2) {
	  	grid-column-end: 6;
	}

	.team-single:nth-last-child(2):nth-child(3n + 1) {
	  	grid-column-end: 4;
	}

	.team-single:last-child:nth-child(3n - 2) {
		grid-column-end: 5;
	}
} 


.team-single {
    background: #fff;
}

.team-single h3 {
    font-size: 23px!important;
    color: #355572!important;
    font-weight: 700;
    padding-bottom: 4px;
    line-height: 1.2em;
}

.team-single .team-position {
    font-size: 14px;
    text-transform: uppercase;
    color: #737572;
}

.team-img-wrap {
	width: 152px;
    padding-top: 152px;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 0;
    background: #fff;
}

.team-img-wrap img {
	position: absolute;
    height: 100%!important;
    width: 100%!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.team-single .card-top {
    position: relative;
    padding-top: 100px;
	padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
	text-align: center;
}

/*** [ 5.4 Video Testimonial Slider ] ***/
.video-slider-wrap {
    position: relative;
    line-height: 0;
}

.video-slider.slick-slider {
	max-height: 700px;
	overflow-y: hidden;
	position: relative;
}

.video-slider--slide {
    position: relative;
}

.video-slider--thumbnail {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 40%;
	border-radius: 4px;
    overflow: hidden;
}

.video-slider--thumbnail > img {
    position: absolute;
    height: 100%!important;
    width: 100%!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.video-slider--content {
    padding: 20px;
    color: #fff;
    background: #355572;
}

.video-slider--slide .testimonial-name {
    font-weight: 700;
    font-size: 20px;
	margin-bottom: 6px;
	line-height: 1.2em;
}

.video-slider--slide .testimonial-sub {
    color: #E6E6E6;
	line-height: 1.2em;
}

.video-slider--slide .testimonial-text {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.1em!important;
    margin-top: 34px;
}

.video-slider--slide .testimonial-text:before,
.video-slider--slide .testimonial-text:after {
    content: '"';
}

.video-play-btn {
    position: absolute;
    font-size: 50px;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
	transition: .3s all ease-in-out;
}

.video-play-btn:hover {
    background: #355572;
}

.video-play-btn:after {
    content: '\45';
    font-family: 'ETmodules';
    color: #355572;
}

.video-play-btn:hover:after {
    color: #ffffff;
}

/* Slider Nav */
.video-nav {
    position: relative;
    line-height: 0;
    bottom: 0;
	max-width:250px;
}

.video-nav--prev,
.video-nav--next {
    width: 125px;
    height: 125px;
    background: #aebbc7;
    display: inline-block;
	position: relative;
	transition: .3s all ease-in-out;
	cursor: pointer;
}

.video-nav--prev:hover, 
.video-nav--next:hover {
    background: #9aaab9;
}

.video-nav--prev:after,
.video-nav--next:after {
    font-family: 'ETmodules';
    font-size: 40px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-nav--prev:after {
    content: '\23';
}

.video-nav--next:after {
    content: '\24';
}

@media (min-width: 769px) {
	.video-quote-icon {
		opacity: .1;
		position: absolute;
		top: 90px;
		right: -30px;
		z-index: -1;
	}
	.video-quote-icon:after {
		font-size: 300px;
		content: '\7b';
		font-family: ETmodules;
	}
	.video-slider--slide {
        padding-bottom: 125px;
    }
	.video-slider--thumbnail {
        width: 75%;
    }
	.video-slider--content {
		padding: 40px;
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
		width: 50%;
		border-radius: 4px 4px 4px 0px;
	}
	.video-nav {
		position: absolute;
		line-height: 0;
		bottom: 0;
		right: 50%;
	}
	.video-nav--prev {
		border-bottom-left-radius: 4px;
	}
}


@media (max-width: 768px) {
    .video-nav {
    	left: calc(50% - 75px);
    }
	
	.video-slider--thumbnail {
        border-radius: 4px 4px 0px 0px!important;
        padding-top: 60%;
    }
    .video-slider--content {
        display: flex;
        flex-direction: column;
    }

    .video-slider--content .testimonial-text {
        order: 1;
        margin-top: 0px;
        margin-bottom: 34px;
    }

    .video-slider--content .testimonial-name {
        order: 2;
    }

    .video-slider--content a {
        order: 3;
    }
	.video-nav--prev,
	.video-nav--next {
		width: 75px;
		height: 75px;
	}
}

.sr-only {
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}

.video-popup {
	position: relative;
	background: #000;
	padding: 0px;
	width: 80%;
	margin: 20px auto;
}

body .mfp-wrap.mfp-close-btn-in .mfp-container .mfp-close,
body .mfp-wrap.mfp-close-btn-in .mfp-container .mfp-close:hover {
    color: #000;
    background: #fff!important;
    line-height: 1.2em!important;
	right: -44px;
	top: 0px!important;
}

.single-testimonial {
    display: inline-block;
	background-color: #ffffff!important;
	margin-bottom: 1.5em;
	border-radius: 4px;
}

.single-testimonial .card-description {
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
}

.single-testimonial .bottom-row {
    display: flex;
}

.single-testimonial .image-col {
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.single-testimonial .image-col img {
    position: absolute;
    height: 100%!important;
    width: 100%!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.single-testimonial .content-col {
    padding-left: 1em;
}

.single-testimonial .card-title {
    font-weight: 700;
    font-size: 20px;
}

.single-testimonial .card-link {
    text-decoration: underline;
	text-underline-offset: 4px;
}

@media (min-width: 768px) {
    .testimonials-grid {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.5em;
        -moz-column-gap: 1.5em;
        column-gap: 1.5em;
    }
}

/*** [ 5.6 Post Navigation ] ***/
.wp-pagenavi {
    margin: 0 auto;
    display: table;
    padding-top: 32px;
    clear: both;
    border: none !important;
}

.wp-pagenavi>* {
    line-height: 1 !important
}

.wp-pagenavi a, 
.wp-pagenavi span:not(.extend) {
    display: inline-block;
    text-decoration: none;
    color: #1b2b39;
	font-size: 19px !important;
    margin: 0px 3px;
    width: 40px;
    height: 40px;
    padding: 10px 4px 7px 4px;
	text-align: center;
	border: 1px solid #deebf7 !important;
    transition: all .3s ease-in-out !important
}

.wp-pagenavi span.current,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover {
    color: #fff !important;
    background: #1b2b39;
	border-color: #1b2b39!important;
}
.wp-pagenavi a:hover {
	color: #1b2b39!important;
	background: #deebf7;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
    background: #355572;
    color: #ffffff !important;
	border-color: #355572!important;
}

.wp-pagenavi span.current {
    font-weight: 400
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
    font-family: 'ETmodules';
    vertical-align: top;
    font-size: 25px !important;
    padding: 7px 3px 5px 3px;
}

/*** [ 5.7 Highlighed Blockquote ] ***/
.blockquote-highlight blockquote {
    padding: 4px 10px;
    border-left-width: 3px;
    background: white;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
    border-radius: 0px 4px 4px 0px;
}

/***** [ 6.0 OTHER CUSTOMISATIONS & SNIPPETS ] *****/

/*** [ 6.1 VERTICAL CENTER ALIGN ] ***/
.vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vertical-align-margin .et_pb_column {
	margin-top: auto;
	margin-bottom: auto;
}

.button-flex .et_pb_button_module_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*** [ 6.2 BOTTOM ALIGN ] ***/
.bottom-align {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/*** [ 6.3 BUTTON ALIGNMENT ] ***/
.btn-inline-right .et_pb_button_module_wrapper,
.btn-inline-center .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 5px;
}

.btn-inline-left .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 10px 0 0;
}

.btn-inline-left .et_pb_button_module_wrapper:first-child {
    margin-left: 0px;
}

.btn-inline-right .et_pb_button_module_wrapper:last-child {
    margin-right: 0px;
}

.btn-inline-left,
.btn-inline-center,
.btn-inline-right{
    margin-top: auto;
    margin-bottom: auto;
}

.btn-inline-left{
    text-align: left !important;
}

.btn-inline-center {
    text-align: center !important;
}

.btn-inline-right {
    text-align: right !important;
}

@media (max-width: 768px) {
	.btn-inline-left .et_pb_button_module_wrapper,
	.btn-inline-center .et_pb_button_module_wrapper,
	.btn-inline-right .et_pb_button_module_wrapper{
		margin-bottom: 12px!important;
	}
}

/*** [ 6.4 IMAGE ASPECT RATIOS ] ***/

/*** [ 6.4.1 Square Image ] ***/
.image-square .et_pb_image_wrap {
    padding-top: 100%;
    display: block;
    position: relative;
}

@media (max-width: 980px) {
	.image-square .et_pb_image_wrap {
		padding-top: 60%!important;
	}
}

.image-square .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100%!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
	object-position: center;
    transition: all .3s ease-in-out;
}

/*** [ 6.4.2 Landscape 4:3 Image ] ***/
.image-landscape .et_pb_image_wrap {
    padding-top: 75%;
    display: block;
    position: relative;
}

.image-landscape .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100%!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

/*** [ 6.4.3 Portrait 5:6 Image ] ***/
.image-portrait .et_pb_image_wrap {
    padding-top: 120%;
    display: block;
    position: relative;
}

.image-portrait .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100%!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

/*** [ 6.5 INVERT MOBILE COLUMN ORDER ] ***/
@media (max-width: 980px) {
    .invert-col {
        display: flex !important;
        flex-direction: column-reverse;
    }
	
	.invert-col > .et-last-child {
		margin-bottom: 30px!important;
		padding-bottom: 0px;
	}
}

/*** [ 6.6 Gravity Forms ] ***/

body .gravity-theme:not(.lead-magnet-form_wrapper) .ginput_container input,
body .gravity-theme:not(.lead-magnet-form_wrapper) .ginput_container select,
body .gravity-theme:not(.lead-magnet-form_wrapper) .ginput_container textarea {
    padding: 14px 16px !important;
    border-radius: 0px;
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 32px;
}

/** Lead Magnet - Inline Style **/
.lead-magnet-form_wrapper .gfield_contains_required input {
	height: 39px!important;
}

@media (min-width: 480px) {
    .lead-magnet-form_wrapper form {
        display: grid;
        grid-template-columns: auto 180px;
    }

    .lead-magnet-form_wrapper .gform_footer {
        padding: 0!important;
        margin: 0!important;
    }
}

@media (max-width: 642px) {
	.lead-magnet-form_wrapper .gfield_contains_required input {
		height: 54px!important;
	}
}

/** First & Last Name **/
.ginput_container_name .name_first,
.ginput_container_name .name_last {
    position: relative;
    padding: 0 0px!important;
}

.ginput_container_name .name_first {
    margin-right: 16px;
}

.ginput_container_name input:not(:placeholder-shown)+label {
    background: #FFF;
    transform: translate(0, -50%);
    opacity: 1;
}

.ginput_container_name label {
    left: 8px;
    position: absolute;
    top: 0px;
    opacity: 0;
    transition: all 200ms;
    text-transform: uppercase;
    font-size: 13px !important;
    padding: 0 8px;
    line-height: 14px;
}

/*** Gravity Forms - Brand Form ***/
.gform_wrapper.brand-form_wrapper {
    background: none!important;
    box-shadow: none!important;
    border: none!important;
    max-width: none!important;
}
.gform_wrapper.gravity-theme.brand-form_wrapper h2 {
    font-size: 24px;
    width: 100%;
    background: rgba(74, 79, 110, 0.11);
    padding: 15px;
    font-weight: 900;
    text-transform: initial;
	margin-bottom: 20px;
}

.brand-form_wrapper h3 {
    text-transform: initial;
    color: #355572;
    font-weight: bold;
}

.gform_wrapper.gravity-theme.brand-form_wrapper .gfield_label {
	color: #355572;
}

.gform_wrapper.gravity-theme.brand-form_wrapper .gfield_description {
    font-weight: normal;
    line-height: 1.4em!important;
    font-size: 16px;
}
/***** [ 7.0 (CUSTOM) POST TYPES ] *****/

/*** [ 7.1 Blog Posts ] ***/

/*** Social Sharing ***/
.et_monarch .et_social_top .et_social_icons_container {
    text-align: center;
    display: flex;
    justify-content: center;
}

.et_monarch .et_social_top .et_social_icons_container .et_social_network_label {
    display: inline-block;
}

.et_monarch .et_social_networks li {
    min-height: 30px;
}

.et_monarch .et_social_networks .et_social_icon,
.et_monarch .et_social_networks .et_social_icon:before {
    width: 25px;
    height: 30px;
    line-height: 30px;
}

.et_monarch .et_social_networkname {
    font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 13px!important;
}

.et_monarch .et_social_simple.et_social_top.et_social_withnetworknames li a {
    padding: 0 20px 10px 10px !important;
}

.single-post .post-meta-row .et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 0px;
}
.single-post .post-meta-row .et_pb_blurb_position_left .et_pb_blurb_description {
    padding-top: 3px;
}

.single-post .sp-meta-cat {
    height: 38px;
}

.single-post .sp-meta-cat a {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1em!important;
    padding: 10px 15px;
    border-radius: 0px;
    font-weight: 700;
    background: #F6FAFD;
    color: #355572;
	transition: all .3s ease-in-out;
}

.single-post .sp-meta-cat a:hover {
    background: #CEE3F6;
}


.single-post .blog-subscribe .formkit-form {
	/*max-width: 100%; */
	margin: 0 auto;
}

@media (max-width: 768px) {
	.single-post .blog-subscribe .formkit-form .formkit-background {
		padding-top: 133%;
	}
}

.single-post blockquote {
    border-color: #355572;
    background: #F6F9FB;
    padding: 20px;
    border-radius: 4px;
}

.featured-image .et_pb_image_wrap {
	padding-top: 50%;
    display: block;
    position: relative;
	overflow: hidden;
}

.featured-image .et_pb_image_wrap img {
	position: absolute;
    height: 100%!important;
    width: 100%!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.et_monarch .et_social_autowidth li:last-child {
    margin-right: 0px!important;
}

/** Blog Archive **/
.et_pb_blog_grid .et_pb_post .et_pb_image_container {
	margin: -12px;
}

.et_pb_blog_grid .et_pb_post {
    background: #fff;
    padding: 12px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

.et_pb_blog_grid h2 {
    font-size: 18px!important;
    font-weight: 600;
    padding-bottom: 4px;
    line-height: 1.2em;
    margin-top: 24px!important;
}

.et_pb_blog_grid .post-meta {
    font-size: 14px!important;
    margin-bottom: 24px!important;
    display: block;
}

.et_pb_blog_grid .more-link {
    margin-top: 0px;
    font-size: 14px!important;
    transition: .3s ease-in-out;
    display: inline-block;
    position: relative;
    color: #355572;
    text-transform: capitalize;
}

.et_pb_blog_grid .more-link:after {
    content: '\24';
    font-family: 'ETmodules';
    padding-left: 4px;
    opacity: 0;
    transition: .3s all ease-in-out;
}

.more-link:hover {
    color: #000000;
}

.more-link:hover:after {
    padding-left: 12px;
    opacity: 1;
}

/*** [ 7.2 Projects ] ***/
/** Single Project **/
.single-project-industry {
    color: #000;
    border-bottom: 1px solid transparent;
    transition: all .3s ease-in-out;
}

.single-project-industry:hover {
    color: #6AAAE4;
    border-bottom-color: #000;
}

.project-deliverables span {
    color: #355572;
    margin-bottom: 8px;
    display: block;
	font-weight: 700;
}

.single-deliverable {
    padding-left: 36px;
    position: relative;
}

.single-deliverable:before {
    position: absolute;
    display: block;
    content: '';
    height: 1px;
    background: #000;
    width: 24px;
    margin-right: 12px;
    left: 0px;
    top: 50%;
}

.project-link {
    display: inline-block;
    position: relative;
	margin-top: 24px;
    transition: .3s ease-in-out;
    padding-bottom: 8px
}

.project-link:hover {
    color:#355572;
}

.project-link:before {
    position: absolute;
    bottom: 0px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #355572;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform .85s ease-in-out;
    transition: transform .85s ease-in-out;
    -webkit-transform-origin: right;
    transform-origin: right;
}

@media (max-width: 768px) {
	.project-list > * {
		margin-bottom: 32px;
	}
}
@media screen and (min-width: 769px) {
    .project-link:hover:before {
        -webkit-transform:scale(1);
        transform: scale(1);
        -webkit-transform-origin: left;
        transform-origin: left;        
    }

    .single-project-info {
        display: flex;
        flex-direction: row;
    }
    .single-project-info:nth-child(even) {
        display: flex;
        flex-direction: row-reverse;
    }
        
    .single-project-info .single-project-info-col {
        width: 50%;
    }
	.project-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 32px;
	}
	
	.single-project-info:nth-child(odd) .single-project-info-col:last-child,
	.single-project-info:nth-child(even) .single-project-info-col:first-child {
		padding: 40px 0px 40px 20px;
	}
	.single-project-info:nth-child(even) .single-project-info-col:last-child,
	.single-project-info:nth-child(odd) .single-project-info-col:first-child {
		padding: 40px 20px 40px 0px;
	}
}

@media (max-width: 768px) {
  .single-project-info {
  	margin-bottom: 60px;
    display: flex !important;
        flex-direction: column-reverse;
  }
  	.single-project-info .single-project-info-col:last-child {
		padding-bottom: 24px;
	}
}

@media (min-width: 1080px) {
	.project-list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 32px;
	}
} 

.single-project-info .single-project-info-col {
    margin: auto 0;
}

.single-project-info-img {
	padding-top: 65%;
    display: block;
    position: relative;
	overflow: hidden;
	border-radius: 4px;
}
.project-logo-wrap {
	padding-top: 40%;
    display: block;
    position: relative;
	overflow: hidden;
	max-width: 220px;
    margin: 0 auto;
}

.single-project-info-img img,
.project-logo-wrap img{
	position: absolute;
    height: 100%!important;
    width: 100%!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s ease-in-out;
}


.single-project-info-img img{
    object-fit: cover;
}

.project-logo-wrap img{
    object-fit: contain;
}

.single-project-info-content {
    max-width: 500px;
	line-height: 1.4em;
}

/* Project Video Testimonial */
.its-embed-container > .fluid-width-video-wrapper {
    overflow: hidden;
	border-radius: 4px!important;
	box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%);
	background: #fff;
}

.its-embed-container iframe,
.its-embed-container object,
.its-embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Related Projects */
.project-single-img {
	line-height: 0;
	display: block;
	position: relative;
}

.project-list .project-single {
	background: #ffffff;
}

.project-list .project-single h4 {
    font-size: 18px!important;
	font-weight: 600;
    padding-bottom: 4px;
}

.project-single .related-link {
	margin-top: 0px;	
	font-size: 14px!important;
	transition: .3s ease-in-out;
    display: inline-block;
    position: relative;
	color: #355572;
}

.project-single .related-link:hover {
    color:#000000;
}

.project-single .related-link:after {
    content: '\24';
    font-family: 'ETmodules';
    padding-left: 4px;
    opacity: 0;
    transition: .3s all ease-in-out;
}

.project-single .related-link:hover:after {
    padding-left: 12px;
    opacity: 1;
}

.project-single-cats {
    font-size: 14px;
    margin-bottom: 24px;
}

.project-quote-content {
    font-weight: 200;
    font-size: 20px;
    line-height: 1.4em;
}
.project-quote-name {
    padding-left: 36px;
    position: relative;
}

.project-quote-name:before {
    position: absolute;
    display: block;
    content: '';
    height: 1px;
    background: #fff;
    width: 24px;
    margin-right: 12px;
    left: 0px;
    top: 50%;
}
.project-quote-wrap {
    background-color: #355572 !important;
    color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23546d83' fill-opacity='0.24'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
}

.project-quote-content > *:first-child:before,
.project-quote-content > *:last-child:after  {
    content: '"';
    display: inline;
}

/** Project Archive **/
.et_pb_portfolio_item {
    background: #fff;
    padding: 12px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

.et_pb_portfolio_item .et_pb_module_header {
    font-size: 18px!important;
    font-weight: 600;
    padding-bottom: 4px;
    line-height: 1.2em;
	margin-top: 24px!important;
}

.et_pb_portfolio_item .et_overlay {
    display: none;
}
.searchandfilter ul {
    padding: 0px!important;
}

.searchandfilter ul li li {
    padding: 0px;
}

.searchandfilter ul li li input,
.searchandfilter ul li li label {
    cursor: pointer;
}

.searchandfilter h4 {
    font-weight: 700;
    color: #1b2b39;
}

.search-filter-reset {
    padding: 4px 12px;
    border: 1px solid;
    color: #355572;
}

.search-filter-reset:hover {
    color: #6aaae4;
}

/*** [ 7.2 Industries ] ***/
/** Industry Archive **/
.archive-grid-thumb {
	line-height: 0;
	display: block;
	position: relative;
}

.industry-archive-grid .industry-archive-grid-single {
	background: #ffffff;
}

.industry-archive-grid .industry-archive-grid-single h4 {
    font-size: 18px!important;
	font-weight: 600;
    padding-bottom: 4px;
}

.industry-archive-grid-single .related-link {
	margin-top: 0px;	
	font-size: 14px!important;
	transition: .3s ease-in-out;
    display: inline-block;
    position: relative;
	color: #355572;
}

.industry-archive-grid-single .related-link:hover {
    color:#000000;
}

.industry-archive-grid-single .related-link:after {
    content: '\24';
    font-family: 'ETmodules';
    padding-left: 4px;
    opacity: 0;
    transition: .3s all ease-in-out;
}

.industry-archive-grid-single .related-link:hover:after {
    padding-left: 12px;
    opacity: 1;
}

.industry-description {
    font-size: 14px;
    margin-bottom: 24px;
}

@media (max-width: 768px) {
	.industry-archive-grid > * {
		margin-bottom: 32px;
	}
}
@media screen and (min-width: 769px) {
	.industry-archive-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 32px;
	}
}

@media (min-width: 1080px) {
	.industry-archive-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 32px;
	}
} 

/** Industry Single **/
/* Style Checkmarks */
.single-industry #main-content .et_pb_text ul {
    list-style-type: none!important;
    margin-top: 16px;
}
.single-industry #main-content .et_pb_text ul li:not(:last-child) {
    margin-bottom: 2px;
}
.single-industry #main-content .et_pb_text ul li {
    line-height: 1.8em;
    margin-left: 24px;
    color: #355572
}

.single-industry #main-content .et_pb_text ul li:before {
    content: '\e052';
    color: #6AAAE4;
    font-family: 'ETMODULES'!important;
    left: 8px;
    font-size: 1.2em!important;
    line-height: 1.6em;
    position: absolute;
}

/** Change icon to Star using 'start-list' class. Allows for adjust on industry basis */
.single-industry #main-content .et_pb_text.stars-list ul li:before {
    content: '\e033';
}

/***** [ 8.0 Integrations ] *****/
/*** [ 8.1 Slick Slider ] ***/
/* Slider */
.slick-slider {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    position: relative;
    display: block;
    box-sizing: border-box;
}

.project-slider .slick-slider {
	padding: 0px 50px;
}

.slick-list.draggable {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-touch-callout: text;
    -khtml-user-select: text;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.project-slider .slick-track {
	padding-bottom: 32px;	
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
	min-height: 1px;
}
.project-slider .slick-slide {
	padding: 12px;
	margin: 0 8px;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-slider .et_portfolio_image {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 75%;
}

.slick-slider .et_portfolio_image img {
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	transition: all .3s ease-in-out;
	border-radius: 4px;
	border: 1px solid #e3e3e3;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: #ffffff;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	border: 1px solid #ffffff;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'ETmodules';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #355572;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 0px;
}

.slick-prev:before {
    content: '\23';
}

.slick-next {
    right: 0px;
}

.slick-next:before {
    content: '\24';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0px!important;
    margin: 0 auto!important;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'ETmodules';
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '\5b';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	transition: .3s all ease-in-out;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    content: '\5c';
    color: black;
}


.slick-dots li:not(.slick-active) button:hover:before {
    content: '\5c';
}


/*** Beer Slider - CSS Before & After ***/
.beer-slider{display:inline-block;overflow:hidden;position:relative}.beer-slider *,.beer-slider:after,.beer-slider :after,.beer-slider:before,.beer-slider :before{box-sizing:border-box}.beer-slider img,.beer-slider svg{vertical-align:bottom}.beer-slider>*{height:100%}.beer-slider>img{height:auto;max-width:100%}.beer-reveal{left:0;opacity:0;overflow:hidden;position:absolute;right:50%;top:0;transition:opacity .35s;z-index:1}.beer-reveal>:first-child{height:100%;max-width:none;width:200%}.beer-reveal>img:first-child{height:auto}.beer-range{-moz-appearance:none;-ms-touch-action:auto;-webkit-appearance:slider-horizontal!important;bottom:0;cursor:pointer;height:100%;left:-1px;margin:0;opacity:0;position:absolute;top:0;touch-action:auto;width:calc(100% + 2px);z-index:2}.beer-range::-webkit-slider-thumb{-webkit-appearance:none;height:300vh}.beer-range::-moz-range-thumb{-webkit-appearance:none;height:300vh}.beer-range::-ms-tooltip{display:none}.beer-handle{background:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 0 6px transparent;color:#000;height:48px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:background .3s,box-shadow .3s,opacity .5s .25s;width:48px;z-index:2}.beer-handle:after,.beer-handle:before{border-left:2px solid;border-top:2px solid;content:"";height:10px;position:absolute;top:50%;transform-origin:0 0;width:10px}.beer-handle:before{left:10px;transform:rotate(-45deg)}.beer-handle:after{right:0;transform:rotate(135deg)}.beer-range:focus~.beer-handle{background:hsla(0,0%,100%,.85);box-shadow:0 0 3px rgba(0,0,0,.4)}.beer-reveal[data-beer-label]:after,.beer-slider[data-beer-label]:after{background:hsla(0,0%,100%,.75);border-radius:.125rem;content:attr(data-beer-label);line-height:1;padding:.5rem;position:absolute;top:1.5rem}.beer-slider[data-beer-label]:after{right:1.5rem}.beer-reveal[data-beer-label]:after{left:1.5rem}.beer-reveal[data-beer-label=""]:after,.beer-slider[data-beer-label=""]:after{content:none}.beer-ready .beer-handle,.beer-ready .beer-reveal{opacity:1}