Theme Name: JS Commercial

Theme URI: https://divireadythemes.com/

Description: Divi Child Theme

Author: Divi Ready Themes

Author URI: https://divireadythemes.com/

Template: Divi

Version: Updated for Divi 3+

*/







/*------------------------------------------------*/

/*-------------------[GENERAL]--------------------*/

/*------------------------------------------------*/

/*
#main-content {
    margin-top: -140px;
	padding-top: 140px;
}

#main-header {
    background-color: transparent;
}
*/

body {
	/*font-family: 'FuturaLT-Book', 'Open Sans', Arial, sans-serif;
	color: #0D2644;
	font-size: 16px;
	line-height: 160%;*/
	-ms-word-break: normal;
    word-break: normal;
	overflow-wrap: normal;
	}

p {
	-ms-word-break: normal;
    word-break: normal;
	overflow-wrap: normal;
	}
	

#main-header.et-fixed-header {
    background-color: #FFFFFF;
}

h1, h2, h3, h4 {font-weight: 300; line-height: 160%;}

.flex-wrapper-center {
	display: flex;
	align-content: center;
	/*align-items: center;*/
	flex-wrap: wrap;
	justify-content: center;

}

.flex-wrapper-vert-center {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

.flex-wrapper {
	display: flex;
}

.flex-end {
	display: flex;
	align-self: flex-end;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}

.huge-text, .huge-text h1, .huge-text h2, .huge-text h3, .huge-text h4, .huge-text h5, .huge-text h6 {font-size:72px}

.text-72, .text-72 h1, .text-72 h2, .text-72 h3, .text-72 h4, .text-72 h5, .text-72 h6 {font-size:72px; line-height: 120%}

.text-56, .text-56 h1, .text-56 h2, .text-56 h3, .text-56 h4, .text-56 h5, .text-56 h6 {font-size:56px; line-height: 140%}

.text-50, .text-50 h1, .text-50 h2, .text-50 h3, .text-50 h4, .text-50 h5, .text-50 h6 {font-size:50px; line-height: 140%}

.text-40, .text-40 h1, .text-40 h2, .text-40 h3, .text-40 h4, .text-40 h5, .text-40 h6 {font-size:40px; line-height: 140%}

.text-36, .text-36 h1, .text-36 h2, .text-36 h3, .text-36 h4, .text-36 h5, .text-36 h6 {font-size:36px; line-height: 140%}

.text-28, .text-28 h1, .text-28 h2, .text-28 h3, .text-28 h4, .text-28 h5, .text-28 h6 {font-size:28px; line-height: 140%}

.text-24, .text-24 h1, .text-24 h2, .text-24 h3, .text-24 h4, .text-24 h5, .text-24 h6 {font-size:24px; line-height: 140%}

.text-20, .text-20 h1, .text-20 h2, .text-20 h3, .text-20 h4, .text-20 h5, .text-20 h6 {font-size:20px; line-height: 140%}

h5.et_pb_toggle_title {line-height: 140%}

h1, h2, h3, h4, h5, h6 {padding-bottom: 0 !important;}

.col-50nr {
	
}

.container {
    max-width: 100%;
    width: 100%;
}

body:not(.et-tb) #main-content .container {
	padding-top:0;
}

#left-area {
    padding-bottom: 0;
}

.et_post_meta_wrapper {display:none}

.transition, .transition img {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

a.hoverbehaviour {background-color: #7CDA24 !important;}

/*------------------------------------------------*/

/*-----------------[HEADER-MENU]------------------*/

/*------------------------------------------------*/

@media (min-width: 982px) {

#main-header .et_pb_column_0_tb_header {display: flex; flex-grow: 0; width: auto;}

#main-header .et_pb_column_1_tb_header {display: flex; flex-grow: 1; width: auto;}

	#main-header .et_pb_row	{display: flex;}	
	
}

@media (max-width: 981px) {

#main-header .et_pb_column_0_tb_header {flex-grow: 1;}

#main-header .et_pb_column_1_tb_header {flex-grow: 1;}

#main-header .et_pb_row	{display: flex; width: 100%; padding-left: 2.5%; padding-right: 2.5%;}
	
#main-header .et_pb_column {
    margin-bottom: 0;
}	
	
}

#main-header {position: fixed !important; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 rgba(0, 0, 0, .1); background-color: rgba(64,64,64,0.8) !important; }

#main-header.sticky {padding-top: 0px !important; padding-bottom: 0px;}
#main-header #header-logo {display: none;}
#main-header.sticky .et_pb_row_0_tb_header.et_pb_row {padding-top: 10px !important; padding-bottom: 10px !important;}

/*
#main-header #header-logo-horizontal {display: block;}
#main-header.sticky #header-logo-horizontal {display: none !important;}

#main-header.sticky #header-logo {display: block;}

#main-header.sticky #header-logo-horizontal {display: flex; position: relative !important; margin-left: 0; max-height: 100px; padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;}
*/
#main-header #header-logo-horizontal img {height:70px !important; width: auto !important;}
#main-header.sticky #header-logo-horizontal img {height:60px !important; width: auto !important;}
/* #main-header.sticky #header-logo img {height:60px !important; width: auto !important; margin-top:5px}

.sticky .et_pb_row {
    padding: 1.25% 0;
}
*/


/* #main-content {margin-top: 118px;} 

@media (max-width: 1280px) { 
	
#main-content{margin-top: 110px;} 

}

@media (max-width: 768px) { 
	
#main-content{margin-top: 100px;} 

}
*/
.et_mobile_menu {    
    width: 100vw !important;
    border-top: 3px solid #BA9F65;
	/* margin-left: -51.5%; */
	margin-top: 10px;
	left: -50vw;
}

@media ( max-width:980px ){ .et_pb_menu_inner_container { position: static !important; } }

#main-header .et_mobile_menu,
.et-db #et-boc .et-l #main-header .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
    background-color: #404040 !important;
}

.nav li ul {
    margin-top: 2px;
    padding: 10px;
    border-top: 3px solid #8AA8B0;
	width: inherit;
}

.et-db #et-boc .et-l .et_mobile_menu li li {
    padding-left: 0 !important; 
}

html .nav li ul {background-color: #464646 !important;}

.nav li li {
    padding: 0 20px 0 20px;
}

.nav li li a {
	padding-left: 0;
	padding-right: 0;
    border-bottom: 1px solid #8AA8B0;
}

.nav li li:last-child a {
    border-bottom: none;
}

ul#menu-footer-menu.et-menu.nav li {width:50%}


.nav li li ul {
    top: -13px;
    left: 198px;
}

.nav li ul ul {
    margin-top: 0;
}

.et_pb_menu .et-menu-nav>ul ul {
    padding: 10px 0 10px 0;
}
/*
.et_pb_menu .et_pb_menu__menu>nav>ul>li.et-show-dropdown>ul {
    top: calc(100% + 1px);
    opacity: 1;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - 1px);
    left: 5px;
	opacity: 0;
}
*/
#main-header .et_mobile_menu {
    background-color: #404040 !important;
}

.et_mobile_menu {
    border-top: 2px solid #8AA8B0 !important;
    }

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 700;
    background-color: rgba(0, 0, 0, .1);
}

.float-text-right {z-index: 1000; position: absolute; bottom: 0; right: 0; background-color: rgba(70,70,70,0.4) !important; font-size: 12px}
.float-text-left {z-index: 1000; position: absolute; bottom: 0; left: 0; background-color: rgba(70,70,70,0.4) !important; font-size: 12px}

h5.et_pb_gallery_title {z-index: 1000; position: absolute; top: 0; left: 0; background-color: #f26101 !important; font-size: 14px; color: #FFFFFF; padding: 10px !important;}

p.et_pb_gallery_caption {z-index: 1000; position: absolute; bottom: 0; left: 0; background-color: rgba(70,70,70,0.4) !important; font-size: 12px !important; color: #FFFFFF; padding: 10px !important;}


/* 
Masonry Gallery by WP Zone
https://wpzone.co/wordpress-and-divi-code-snippets/
*/

.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
    column-count: 3; /* number of columns for desktop */
    column-gap: 10px;  /* column spacing */
}

@media only screen and (max-width: 1200px) { 
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items { 
    column-count: 3;  /* number of columns for tablet devices */
} 
} 
@media only screen and (max-width: 767px) {
  .wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
    column-count: 1;  /* number of columns for mobile devices */
  }
}

.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item {
    width: 100%;
    margin: 0px 0px 10px 0px!important; /* replace 10px to change row spacing */
    float: none!important; 
}

@media (max-width: 980px) {
	
	
	.text-72, .text-72 h1, .text-72 h2, .text-72 h3, .text-72 h4, .text-72 h5, .text-72 h6 {font-size:50px; line-height: 120%}

.text-56, .text-56 h1, .text-56 h2, .text-56 h3, .text-56 h4, .text-56 h5, .text-56 h6 {font-size:40px; line-height: 140%}

.text-50, .text-50 h1, .text-50 h2, .text-50 h3, .text-50 h4, .text-50 h5, .text-50 h6 {font-size:35px; line-height: 140%}

.text-40, .text-40 h1, .text-40 h2, .text-40 h3, .text-40 h4, .text-40 h5, .text-40 h6 {font-size:30px; line-height: 140%}

.text-36, .text-36 h1, .text-36 h2, .text-36 h3, .text-36 h4, .text-36 h5, .text-36 h6 {font-size:36px; line-height: 140%}

.text-28, .text-28 h1, .text-28 h2, .text-28 h3, .text-28 h4, .text-28 h5, .text-28 h6 {font-size:28px; line-height: 140%}

.text-24, .text-24 h1, .text-24 h2, .text-24 h3, .text-24 h4, .text-24 h5, .text-24 h6 {font-size:24px; line-height: 140%}
	
.et_pb_menu .et_mobile_menu {
    padding: 40px 0 !important;
}
}

.et_mobile_menu li a {
	text-align: center;
}

/*
ul.et_mobile_menu>li>a {
	font-family: 'Garlic-Regular', 'Open Sans', Arial, sans-serif !important;
	font-size: 22px !important;
}*/

.et_mobile_menu li li {
    padding-left: 0;
}

.et_mobile_menu li>li>li a {
    font-size: 12px;
}


html .et-menu li ul.sub-menu,
html .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li ul {background-color: #404040 !important;}

#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul {
    padding-left: 0;
   
}

.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul {
   padding-left: 0 !important;
}

.services-icon {
	font-size: 100px; 
	/*filter: invert(100%);
	top: -20px;
	position: absolute;
    right: 0;*/
}

.green-logo-column {
	margin-top: -213px;
}

@media (max-width: 1391px) {
	.green-logo-column {
	margin-top: -292px;
	}
	.services-icon {
	font-size: 100px; 
	/*top: -12px;	*/
	
}
}

/*------------------------------------------------*/

/*------------------[FORMS]--------------------*/

/*------------------------------------------------*/


/*** GRAVITY FORMS STYLES ***/
/*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
 display: none;
}
/*** FIELD STYLING 
input[type=text],
textarea,***/
.gform_button.button,
.ginput_container.ginput_container_select select
{
 background: rgba(0, 0, 0, 0.3);
 border: 1px solid #FFFFFF !important;
 border-radius: 3px;
 color: #FFFFFF !important;
 padding: 10px !important;
}

.contact-us .gform_footer .gform_button.button,
.white-bg-form .gform_footer .gform_button.button {
 background:  #0d2644;
 color: #FFFFFF !important;
 }

.gform_footer .gform_button.button {
 background-color: #F26001 !important;
 border: none !important;
 border-radius: 3px;
 color: #FFFFFF;
 padding: 10px !important;
 font-size: 20px;
}

/* Other Fields */
.gform_wrapper .gform_fields .gfield input::-webkit-input-placeholder {color: #FFFFFF;}
.white-bg-form .gform_wrapper .gform_fields .gfield input::-webkit-input-placeholder {color:  #FFFFFF;}

/* Paragraph Text Area */
.gform_wrapper .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder {color:  #FFFFFF;}
.white-bg-form .gform_wrapper .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder {color:  #FFFFFF;}

.gform_wrapper li.hidden_label input {
    margin-top: 16px !important;
}

.gfield,
body .gform_wrapper ul li.gfield {
    margin-top: 16px  !important;
}

.ginput_container.ginput_container_select,
.ginput_container_textarea {
    margin-top: 0  !important;
}

.ginput_container.ginput_container_select select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(/wp-content/uploads/2021/10/plus.png) !important;
    background-position: 97.5% center;
    background-repeat: no-repeat !important;
	background-size: 15px 15px;
    
}

.ginput_container input, .ginput_container textarea, .ginput_container input {
	border: 1px solid #FFFFFF !important;
	background-color: transparent !important;
	color: #FFFFFF !important;
}


.white-bg-form .ginput_container input,
.white-bg-form .ginput_container textarea,
.white-bg-form .ginput_container input,
.ginput_counter.gfield_description {
	color:  #FFFFFF;
}

.gform-theme--foundation {
    --gf-form-gap-y: 30px;
}

@media (max-width: 641px) {
body .gform_wrapper ul li.gfield.gf_right_half {
    margin-top: 16px  !important;
}
/*
.gform_wrapper .ginput_container span:not(.ginput_price) {
    margin-bottom: 0px;
}
*/

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text] {
    margin-bottom: 8px !important;
}

}

.home .popup_outer_wrap [data-dm-type=popup] .evr-close {
    
    width: 25px;
    height: 25px;
    
}

/*
#et-boc .divi-area-wrap .evr-close_wrap, .popup_outer_wrap [data-dm-type=popup] .evr-close_wrap {
    position: absolute;
    right: -25px;
    top: -25px;
}
*/

.popup_outer_wrap.type-popup {
    width: 60%;
    min-width: 750px;
}

.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
 
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}

/*------------------------------------------------*/

/*------------------[SUBPAGES]--------------------*/

/*------------------------------------------------*/

.slick-slider
{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;

}
 
.slick-slide
{
float: left;
}

.slideNo-No {font-size: 32px; color: #0d2644;     margin-bottom: -5px;}

.nn2, .pp2 {font-size: 18px;}

.slide-image {
	margin-left:-100px;
	z-index: 1;
	position:relative;
}

ul.suburbs li {
	display: inline-block;
    margin-left: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
}

ul.suburbs > li:before{
    content: "";
    display: list-item;
    position: absolute;
	margin-top: -2px;
}

ul.suburbs {
	white-space: nowrap
}

.page-id-3852 .team_member_image {
	width: 300px;
    }

.team_member_image  { 
	margin-top: -150px;
	}

.home .team_member_image_col {
	margin: -130px 0 0 -130px;
	width: auto;
}

.contact-me i {font-size: 24px; vertical-align: text-bottom;}

.contact-me {
	float: right; 
	display: inline-block; 
	font-size: 16px;
	font-family: 'FuturaLT-Book', 'Open Sans', Arial, sans-serif;
	font-weight: 300;

}

.icon i {
	font-size: 56px;
	color: #10608E;
	margin-right: 15px;
	}


html div.service-box .et_pb_text h2, 
html div.service-box .et_pb_text,
html div.service-box .et_pb_code.service-icon i
{color: #666666 !important}

html div.service-box:hover .et_pb_text h2,
html div.service-box:hover .et_pb_text,
html div.service-box:hover .et_pb_code.service-icon i
{color: #0d2644 !important}

.et-db #et-boc .et-l .et_pb_toggle {
    border-top: 0px solid #0D2644;
	border-bottom: 1px solid #0D2644;
	border-left: 0px solid #0D2644;
	border-right: 0px solid #0D2644;
	margin-bottom: 0 !important;
}

.et-db #et-boc .et-l .et_pb_toggle_close {
    background-color: transparent;
}

h5.et_pb_toggle_title {
    text-transform: uppercase;
	color: #0D2644;
}

.et-db #et-boc .et-l .et_pb_toggle_open {
    padding: 20px 0;
	}

.et-db #et-boc .et-l .et_pb_toggle_close {
    padding: 20px 20px 20px 0;
}

.et_pb_accordion {
	 border-top: 1px solid #0D2644;
}

.et-db #et-boc .et-l .et_pb_toggle_content {
	color:#666666;
}

.et_pb_toggle_title:before {
   content: "\33" !important;
   transition: all .3s ease-in-out !important;
	font-size: 30px !important;
    color: #0D2644 !important;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
   content: "\33";
   transform: rotate(180deg) !important;
	font-size: 30px !important;
    color: #0D2644 !important;
}

ul.menu-links li::marker {color: #BA9F65}

ul.menu-links li a {color: #666666 !important}

.page-id-2148 i {
	font-size: 28px;
    margin-right: 20px;
}

/*------------------------------------------------*/

/*-------------------[Footer]---------------------*/

/*------------------------------------------------*/




/*------------------------------------------------*/

/*--------------------[RWD]-----------------------*/

/*------------------------------------------------*/

@media (min-width: 1551px) {
	
		/*
.home .team_description {
	margin-left: 1% !important;
    width: 80% !important;
} */
	
}

@media (min-width: 1400px) and (max-width: 1550px) {
	/*
.home .team_description {
    margin-left: 3% !important;
    width: 79% !important;
}   */
	
}

@media (min-width: 1200px) and (max-width: 1399px) {

	/*
.home .team_description {
    margin-left: 7% !important;
    width: 76% !important;
}   */
	
.service-menu ul li {
    font-size: 24px;
}
	
}

@media (min-width: 1100px) and (max-width: 1199px) {
	/*
.home .team_description {
    margin-left: 9% !important;
    width: 76% !important;
}   */
	
.service-menu ul li {
    font-size: 18px;
}	
	
}


@media (min-width: 981px) and (max-width: 1099px) {
		/*
.home .team_description {
    margin-left: 10% !important;
    width: 75% !important;
}       */
	
.service-menu ul li {
    font-size: 18px;
}		
	
}


@media (min-width: 649px) and (max-width: 981px) {

.col-50nr {
	width: 50%
}

}

@media (max-width: 1280px) {
	
.huge-text, .huge-text h1, .huge-text h2, .huge-text h3, .huge-text h4, .huge-text h5, .huge-text h6 {font-size:56px !important}
	
	.min-height-480 {min-height: 400px !important; display: inline-block !important}

}

@media (max-width: 1250px) {
	
.team_member_image {
	width: 275px;
    }

}

@media (max-width: 1060px) {
	
.team_member_image {
	width: 250px;
    }

}

@media (max-width: 980px) and (orientation: landscape) {

	.page-head-services {min-height: auto !important}
	
}

@media (max-width: 980px) {
	
.services-icon {
	font-size: 80px; 
	
}
	
/* change column order on mobile */
	
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
	
.service-menu li.menu-item-object-services {
    width: unset;

}
	
.service-menu ul li {
    font-size: 24px;
}	

	#post-2595 > div > div > div > div.et_pb_section.et_pb_section_3.et_section_regular.et_pb_section--with-menu > div > div.et_pb_column.et_pb_column_1_2.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu > div.et_pb_module.et_pb_menu.et_pb_menu_0.service-menu.futura-bold.text-28.lwp-hide-mobile-menu.et_pb_bg_layout_light.et_pb_text_align_left.et_dropdown_animation_fade.et_pb_menu--without-logo.et_pb_menu--style-left_aligned > div > div
{
    -ms-flex-pack: center;
    justify-content: center;
}
	
.popup_outer_wrap.type-popup {
    width: 95%;
    min-width: unset;
	
}	

	
}


@media (max-width: 699px) {

.text-72, .text-72 h1, .text-72 h2, .text-72 h3, .text-72 h4, .text-72 h5, .text-72 h6 {font-size:50px; line-height: 120%}

.text-56, .text-56 h1, .text-56 h2, .text-56 h3, .text-56 h4, .text-56 h5, .text-56 h6 {font-size:32px; line-height: 140%}

.text-50, .text-50 h1, .text-50 h2, .text-50 h3, .text-50 h4, .text-50 h5, .text-50 h6 {font-size:30px; line-height: 140%}

.text-40, .text-40 h1, .text-40 h2, .text-40 h3, .text-40 h4, .text-40 h5, .text-40 h6 {font-size:30px; line-height: 140%}

.text-36, .text-36 h1, .text-36 h2, .text-36 h3, .text-36 h4, .text-36 h5, .text-36 h6 {font-size:28px; line-height: 140%}

.text-28, .text-28 h1, .text-28 h2, .text-28 h3, .text-28 h4, .text-28 h5, .text-28 h6 {font-size:26px; line-height: 140%}

.text-24, .text-24 h1, .text-24 h2, .text-24 h3, .text-24 h4, .text-24 h5, .text-24 h6 {font-size:24px; line-height: 140%}
	
.home-header .text-72 p {font-size:40px; line-height: 120%}

	
.et_mobile_menu {
   
	margin-top: 2px;
	left: -65.5vw;
	}

	
.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}	
/*	
.contact-me {width:100%; display: block; margin-bottom: 20px}
	
	.popup_outer_wrap.type-popup {
   
	top: 2% !important;
}	
*/	
}

@media (max-width: 640px) {

.name_last {
    margin-bottom: -8px !important;
}	
}

@media (max-width: 699px) and (orientation: landscape) {

	/*
.et_mobile_menu {
    margin-left: -37.5% !important;
}
*/
}

@media (max-width: 420px) {


}