/*Mobile column Stacking*/
@media all and (max-width: 980px) {
.custom_row_stacking {
  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;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 20px;
}
}
/*End of column stacking*/

/*Add arrow footer - font-size: 44px;*/
#before-icon a:before {
	content: "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: block;
    float: right;
    text-decoration: inherit;
}

/*Zoom Gallery*/
.et_pb_gallery_image img {
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.et_pb_gallery_image:hover img {
transform:scale(1.2);
-moz-transform: scale(1.2);
}

/*menu css from js*/
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }

/*No Show on DIVI breakpoints can use 2 with space between*/
@media only screen and ( max-width: 479px ){.noshow-phone {
display: none;
	}
}

@media only screen and ( min-width: 480px ) and ( max-width: 980px ){.noshow-tablet {
display: none;
	}
}

@media only screen and ( min-width: 981px ){.noshow-desktop {
display: none;
	}
}

/*fix on gallery single image*/
@media screen and (max-width:479px){
 .et_pb_gallery_image img {width:100%!important;}
}

/*stop-stacking-2col*/
.stop-stacking-2col {
display: inline-block;
max-width :50%;
}

/*stop-stacking-3col*/
.stop-stacking-3col {
display: inline-block;
max-width :33.3%;
}

/*stop-stacking-4col*/
.stop-stacking-4col {
display: inline-block;
max-width :25%;
}

/*stop-stacking-5col*/
.stop-stacking-5col {
display: inline-block;
max-width :20%;
}

.align-bottom-column .et_pb_button_module_wrapper {position: absolute; bottom: 15; left: 0; right: 0; margin: auto;}

/*Temp fix for hover firefox*/
.gecko .et_pb_section_parallax .et_pb_parallax_css, 
.gecko .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
    -webkit-transform: none;
}


/*hide secondary menu on scroll*/
.et_fixed_nav #top-header { position: absolute !important; } .et-fixed-header { top: 0px!important; }

/*fix for owl carousel arrows*/
@media all and (max-width: 479px) {
.owl-prev, .owl-next {
display: none !important;
}
}

/** App Style header and Drop Down Menu **/

@media (max-width: 980px) {
 .container.et_menu_container { 
 width: calc( 100% - 60px);
 }
}

/*wider on mobile*/
@media all and (max-width: 479px) {
.et_pb_row {
    position: relative;
    width: 90% ;
    max-width: 1080px;
    margin: auto;
}
}

/*Fix for contact form captcha*/
.et_pb_contact_right {
    min-width: 150px !important;
}
