/* 
 Theme Name:     FrogOnline
 Author:         FrogOnline for Architex
 Author URI:     frogonline.net.au
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.6
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


.home-main-section {
    padding: 0 0!important;
}
.home_box_layout {
    padding: 0 0!important;
}
.homepage_box_layout_title {
    position: relative;
    overflow: hidden;
}
.homepage_box_layout_title p {
    padding-bottom: 0;
}
.homepage_box_layout_subtitle {
    position: absolute;
    top: 150%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
	opacity: 0;
    filter: alpha(opacity=0); 
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.homepage_box_layout_title:hover .homepage_box_layout_subtitle {
    top: 0;
	opacity: 1.0;
    filter: alpha(opacity=100);
}
.homepage_box_layout_subtitle p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 22px;
    line-height: 22px;
    font-size: 22px;
	text-align: center;
}
.footer-menu-icons {
    margin-top: 16px;
}
#footer-widgets .footer-widget li:before {
    display:none;
}
.footer-menu-icons .et-social-icon {
    margin-left: 0;
	border: solid 1px #fff;
	padding-right: 14px;
	border-radius: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	line-height: 5px;
}
.front-button-color {
    color: #fff !important;
    display: block !important;
}

.front-button-color:hover {
    border:solid 2px #fff !important;
}
.fotter-link {
    margin-left: 20px;
}
.footer-menu-icons {
    float: none;
}
#footer-widgets {
    padding: 3% 0 0;
}
.top_header_quote_add {
    height: 100%;
    overflow: hidden;
}
.top_header_quote {
    float: left;
    margin-right: 30px;
}
.top_header_add {
    float: left;
}
.top_header_quote a {
    font-weight: bold;
    font-size: 12px;
}
.main-filter-portfolio-home .et_pb_portfolio_filters.clearfix {
    display: none;
}
.homepage_blurb {
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 16px !important;
	color: #1ea3f2 !important;
	letter-spacing: 2px;
	line-height: 1.7em;
	text-align: center;
}
.paoc-popup-close {
    top: 0;
	right: 0;
}
.paoc-popup-modal-cnt {
    background-color: #fff;
    padding: 0px 20px 10px 20px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
	font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600!important;
    font-size: 16px!important;
    color: #333333;
}
div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    border: 1px solid #eee !important;
	border-radius: 0 !important;
	background-color: #eee !important;
	color: #999 !important;
	font-size: 13px !important;
	height: 44px !important;
}
div.wpforms-container-full .wpforms-form button[type="submit"] {
    text-transform: uppercase;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 400;
    min-width: 180px;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif !important;
    background: #2ea3f2!important;
    border-color: #2ea3f2!important;
}
div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
    color: #2ea3f2!important;
    background: #ffff!important;
    border-color: #2ea3f2!important;
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100%!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 8px 0!important;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    height: 120px!important;
}
#top-header, #main-header {
    z-index: 999;
}
#paoc-modal-1:before {
    content: "request a quote";
    color: #000;
    text-transform: uppercase;
    display: block;
    padding: 10px 20px;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif !important;
	text-align:center;
}
.captcha_wrapper {
    margin-left: 12px;
	width: 47% !important;
}
.g-recaptcha {
	transform: scale(0.84)!important;
	-webkit-transform: scale(0.84)!important;
	-moz-transform: scale(0.84)!important;
	-ms-transform: scale(0.84)!important;
	transform-origin: 0px 0px 0px!important;
	-webkit-transform-origin: 0px 0px 0px!important;
	-moz-transform-origin: 0px 0px 0px!important;
	-ms-transform-origin: 0px 0px 0px!important;
}
.inner-contact-form .g-recaptcha {
	transform: scale(1.0)!important;
	-webkit-transform: scale(1.0)!important;
	-moz-transform: scale(1.0)!important;
	-ms-transform: scale(1.0)!important;
	transform-origin: 0px 0px 0px!important;
	-webkit-transform-origin: 0px 0px 0px!important;
	-moz-transform-origin: 0px 0px 0px!important;
	-ms-transform-origin: 0px 0px 0px!important;
}
.et_pb_contact_submit {
    margin: 13px 0 0 15px;
    float: right;

}
.et_pb_contact_submit:hover{
	padding: .3em 1em!important;
	border-color:#2ea3f2!important;
}
.et_pb_contact_main_title{
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	font-size: 39px!important;
	color: #ffffff !important;
	margin-left: 12px;
	line-height: 1.7em;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
    clear: both;
}
div.wpcf7-spam-blocked {
    clear: both;
}
div.wpcf7 .ajax-loader {
    display: block;
    clear: both;
	padding-top: 28px;
	background-repeat: no-repeat;
	background-position: bottom;
}
span.wpcf7-not-valid-tip {
    font-size: 11px;
}
div.wpcf7-mail-sent-ok {
    clear: both;
}
.inner-contact-form .captcha_wrapper {
    margin-left: 30px!important;
}
.inner-contact-form .et_pb_button {
	padding: 10px 40px!important;
	margin-top:25px;
}
.footer_sub_useful_links {
    margin: 0 0;
	padding: 0 0 !important;
}
.footer_sub_useful_links li {
    list-style:none;
	font-size:16px;
	line-height:30px;
	color:#fff;
}
.footer_sub_useful_links li:before {
    content: "\2713";
    margin-right: 5px;
	color:#2ea3f2;
}
.footer_sub_useful_links li a {
	color:#fff;
}
.footer_sub_useful_links li a:hover {
	color:#fff;
}
.footer_sub_getintouch {
    margin: 0 0;
	padding: 0 0 !important;
}
.footer_sub_getintouch li {
    list-style:none;
	font-size:15px;
	color:#fff;
	padding-bottom: 10px;
}
.footer_sub_getintouch li a {
	color:#fff;
}
.footer_sub_getintouch li a:hover {
	color:#fff;
}
.footer_sub_getintouch li img {
    vertical-align: middle;
    display: inline;
    float: left;
    margin-right: 6px;
}
.footer_sub_getintouch li:first-child img {
    margin-bottom: 10px;
}
.under-logo-about p{
	font-size:15px;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
}
p.et_pb_contact_field {
    padding: 0 0 0 0;
}
.captcha_wrapper {
    margin-left: 0;
    width: 50% !important;
}
.get_in_touch_text{
	padding-bottom:50px !important;
}
.filtarable-portfolio-title {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto !important;
    text-align: center;
    height: 27px;
    color: #fff;
    text-transform: uppercase;
    font-size: 26px !important;
    font-weight: 700;
	padding-top: 30px;
	z-index: 999;
	display:none;
	-webkit-transition: all 1.5s ease-in-out;
  	-moz-transition: all 1.5s ease-in-out;
  	-o-transition: all 1.5s ease-in-out;
  	transition: all 1.5s ease-in-out;
}
.single .et_pb_post {
    margin-bottom: -50px !important;
}

.polytex_footer_logo {
    margin-top: 30px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}
.footer_sub_getintouch li:nth-child(2) img {
    margin-bottom: 10px;
}
.hompage-accordian .et_pb_toggle {
    border: 1px solid #d9d9d9;
    min-height: 230px;
}
.homepage-submenu {
    list-style: none;
    padding: 0 0 0 0;
}
.homepage-submenu li {
    list-style: none;
    padding: 0 0 0 0;
    font-size: 16px;
    line-height: 36px;
    color: #333;
    position: relative;
}
.homepage-submenu li a {
    color: #333
}
.homepage-submenu li ul {
    padding: 0 0 0 7px;
}
.homepage-submenu li ul li {
    font-size: 14px;
}
.homepage-submenu li ul li::before {
    content: "\2713";
    margin-right: 5px;
    color: #2ea3f2;
}
.homepage-submenu li ul li a {
    color: #2ea3f2;
}

.show_hide_arrow, .show_hide_arrow1, .show_hide_arrow2, .show_hide_arrow3{
    position: absolute;
    right: 0;
    top: 9px;
	cursor: pointer;
}


@media only screen and (min-width: 1401px) and (max-width: 2200px) {
	
}
@media only screen and (min-width: 981px) and (max-width: 1400px){

}
@media only screen and (min-width: 981px) {
#top-header .container {
}

#main-footer .container {
    position: relative;
}
.et_pb_gutters4 .footer-widget {
    margin: 0 8% 2% 0;
}
#footer-info {
    float: none;
    height: 100%;
    overflow: hidden;
}
.copyright-link {
    float: left;
}
.link-footer {
    float: right;
}
.main-filter-portfolio-home .et_pb_gutters1 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .main-filter-portfolio-home .et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item{
	width: 33.33%;
}
.paoc-popup-modal {
    width: 45%;
}
.footer-contact-section, .footer-fax-section {
   padding-right: 0!important;
}
.footer-getintouch-section {
   padding-top: 96px!important;
}
.getintouch_name{
	margin-right:1.5%!important;
	width: 48.5%!important;
}
.getintouch_email{
	margin-left:1.5%!important;
	width: 48.5%!important;
}
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
    padding-top: 35px;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a {
    padding-bottom: 35px;
}
#wpforms-564-field_0-container {
    width: 49%;
    float: left;
    clear: none;
}
#wpforms-564-field_1-container {
    width: 49%;
    float: right;
    clear: none;
}
.wpforms-recaptcha-container {
    float: left !important;
    width: 49% !important;
    clear: none !important;
}
.wpforms-submit-container {
    float: right !important;
    width: 49% !important;
    clear: none !important;
    text-align: right;
}
}
@media only screen and (min-width: 981px) and (max-width: 1298px) {
p {
   font-size: 98%;
}
.captcha_wrapper {
    margin-left: 9px;
    width: 100% !important;
}
.et_pb_contact_submit {
    margin: 3px 0 0 9px;
    float: left;
}
.inner-contact-form .captcha_wrapper {
    margin-left: 25px !important;
	width: 46% !important;
}
.inner-contact-form  .et_pb_contact_submit {
    margin-left: 0px !important;
	float: right;

}
	.footer_logo {
    width: 160px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
.footer-contact-section {
    padding-top: 60px!important;
    padding-bottom: 0!important;

}
.footer-fax-section {
    padding-top: 60px!important;
    padding-bottom: 0!important;

}
.footer-getintouch-section {
    padding-top: 60px!important;
    padding-bottom: 60px!important;
}
.et_pb_column .et_pb_contact p.et_pb_contact_field_half {
    padding-left: 0px;
	width: 100%;
}
p.et_pb_contact_field {
    padding-left: 0px;
	width: 100%;
}
.captcha_wrapper {
    margin-left: 0px;
}
.et_pb_contact_main_title{
	margin-left:0px;
}
.inner-contact-form .captcha_wrapper {
    margin-left: 0px !important;
}
.footer_sub_getintouch li {
	font-size: 14px;
}
.mobile-sidebar-image {
    display: block !important;
	height:400px;
}
}
@media only screen and (max-width: 767px) {
.footer-menu-icons {
    text-align: left;
}
.footer-menu-icons li {
    font-size: 14px;
	margin-left: 0;
	margin-right: 15px;
	padding-left: 0!important;
}
.footer-menu-icons .et-social-icon {
	padding-left: 14px !important;
	margin-bottom:20px;
}
#footer-widgets {
    padding: 12% 0 0;
}
.footer-contact-section {
	padding-top: 60px!important;
    padding-bottom: 0!important;
}
.footer-fax-section {
    padding-top: 0px!important;
    padding-bottom: 0!important;
}
.footer-getintouch-section {
    padding-top: 30px!important;
    padding-bottom: 40px!important;
}

.hide_column_contact h2{
	display:none;
}
.et_pb_column .et_pb_contact p.et_pb_contact_field_half {
    width: 100%;
    margin-right: 0;
    padding: 0 0 0 0;
}
p.et_pb_contact_field {
    margin-bottom: 3%;
    padding: 0 0 0 0;
}
.captcha_wrapper {
    margin-left: 0px;
    width: 100% !important;
}
.et_pb_contact_submit {
    margin: 0px 0 0 0px;
    float: left;
}
.et_pb_contact_main_title {
	margin-left: 0;
}
.inner-contact-form .captcha_wrapper {
    margin-left: 0px !important;
}
.inner-contact-form .g-recaptcha {
	transform: scale(0.84)!important;
	-webkit-transform: scale(0.84)!important;
	-moz-transform: scale(0.84)!important;
	-ms-transform: scale(0.84)!important;
	transform-origin: 0px 0px 0px!important;
	-webkit-transform-origin: 0px 0px 0px!important;
	-moz-transform-origin: 0px 0px 0px!important;
	-ms-transform-origin: 0px 0px 0px!important;
}
.mobile-sidebar-image {
    display: block !important;
	height:300px;
}
	.polytex_footer_logo {
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 20px;
}
	
}

/* Caption hover image*/
#mendo-happy-healthy-header h3 {
font-size: 70px;
    color: #4bb3e6;
    font-family: 'lulo_cleanone_bold';
    letter-spacing: -8px;
    line-height: 100px;
}
#mendo-happy-healthy-header {
	margin-top: -20px !important;
}
.box {
  height: 274px;
  position: relative;
  overflow: hidden;
  width: 363px;
  margin-left: auto;
  margin-right: auto;
}
.box img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.box .overbox {
  background-color: rgba(161, 83, 224, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width: 363px;
  height: 274px;
  padding: 130px 20px;
}
.box:hover .overbox { opacity: 1; }
.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.box .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}
.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.box .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
  text-align: center;
}
.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
.mendo-links {
    text-transform: lowercase;
    font-size: 36px;
    position: relative;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
    text-align: center;
    vertical-align: middle;
    margin-top: 26%;
}
.mendo-links-purpose {
	font-size: 40px;
	position: absolute; 
	top: 40%;
	left: 21%;
	color: white;
	text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-links-passion {
	font-size: 40px;
	position: absolute; 
	top: 40%;
	left: 23%;
	color: white;
	text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-lines {
	position: absolute;
	width: 37%;
	top: 33%;
	left: 32% !important;
}
.box:hover h4 {
display: none;
 -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.box:hover .mendo-lines {	
	display: none;
 -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.mendo-links-outline {
	position: absolute;
	width: 91%;
	top: 5%;
	left: 4.5% !important;
}
.mendo-links-title {
    text-transform: lowercase;
    font-size: 25px;
    text-align: center;
    margin-top: -60px !important;
}
.mendo-links-description {
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 22px;
    line-height: 18px;
    margin-bottom: 10px;
}
.mendo-links-read-more {
    color: white;
    font-size: 13px;
    font-weight: bold;
}
@media (max-width: 1285px) {
	.box {
    height: 274px;
    position: relative;
    overflow: hidden;
    width: 265px;
}
.mendo-links-purpose {
    text-transform: lowercase;
    font-size: 30px;
    position: absolute;
    top: 30%;
    left: 20%;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-lines {
    position: absolute;
    width: 37%;
    top: 26%;
    left: 32% !important;
}
.box .overbox {
  background-color: rgba(161, 83, 224, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
    width: 265px;
    height: 0;
    padding: 100px 20px;
}
.mendo-links-outline {
    position: absolute;
    width: 91%;
    top: 5%;
    left: 4.5% !important;
}
.box .title {
    font-size: 2.5em;
    text-transform: uppercase;
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.2s;
}
.mendo-links-title {
    text-transform: lowercase;
    font-size: 20px;
    text-align: center;
    margin-top: -65px !important;
}
.mendo-links-description {
    font-size: 8px;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    line-height: 18px;
    margin-bottom: 8px;
}
.mendo-links-passion {
    text-transform: lowercase;
    font-size: 30px;
    position: absolute;
    top: 30%;
    left: 25%;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-links {
    text-transform: lowercase;
    font-size: 25px;
    position: relative;
    top: 1%;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
}
/* Caption hover image*/