/*
Theme Name:   Egg
Theme URI:    
Description:  Egg Child Theme
Author:       John Sheahan
Author URI:   http://example.com
Template:     presence
Version:      
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  egg-child
*/

html {
  scroll-behavior: smooth;
}
.main-navbar a {
	font-size: 14px!important
}
/* Checkout page */

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	width: 100%;
	clear: both;
	margin: 0 auto
}
.box {
width: 33.33%; float: left; padding: 40px; box-sizing: border-box; border-right: 1px solid #f2f4f4; min-height: 293px;
background: #fff}

.download {
    padding: 10px 0; border-bottom: 1px solid #ccc
}

.greenbox {
background: url(images/green.png); width: 100%; clear: both; background-size: cover; padding: 40px 0}

.productsbox {
	background: url(images/greenish.jpg); width: 100%; clear: both; background-size: cover; padding: 40px 0
}

.greenbox  h2, .greenbox  p, .productsbox h2{
color: #fff}

.productsbox h2 strong {
	color: #22aa86
}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item0 {
background: none!important}


.greenbox  h2, .productsbox h2 {
font-weight: 100; }

.greenbox .button {
background: #22aa86; color: #fff; text-transform: uppercase; padding: 10px 30px; display: inline-block; margin: 20px 0}

.greenbox .button:hover {
opacity: .7}


.greenbox  h2 strong, .productsbox h2 strong {
font-weight: 900}

.box h2 {
font-weight: 100}

.flex-direction-nav {
display: none!important}

.boxes a {
display: block!important; width: 100%; height: 100%}

a:hover .box{
	background: #22aa86!important; cursor: pointer
}

a:hover .box h2,a:hover .box h2 strong, a:hover .box p {
color: #fff!important}

.boxe {
margin-top: -100px; float: left; width: 100%; position: relative; z-index: 400}

.grey, .quality {
position: relative}



.intro h2, .materials h2, .quality h2 {
font-weight: 100}

.materials {
margin: 40px 0; width: 100%; clear: both; float: left}

.box h2 strong {
font-weight: 100; clear: both; display: block; color: #22aa86; font-weight: 900}

.materials h2 strong, .quality h2 strong {
font-weight: 100;  color: #22aa86; font-weight: 900}


.intro  h2 strong {
color: #22aa86; font-weight: 900}

.box p {
color: #000; font-size: 16px!important}

.intro, .quality {
clear: both; padding-top: 40px; display: block}


.grey, .quality {
	width: 100%; background: #f2f4f4; float: left
}
.navbar-brand-wpz img:hover {
opacity: 1!important}
.inner-wrap {
max-width: 1400px}

.brand-wrap {
	font-size: 18px; height: 100px
}
.home .site-header, .home .navbar-brand-wpz {
height: 120px}

.edit-link {
    display: none
}
.main-navbar {
position: relative; z-index: 300}
.main-navbar {border: 0; margin: 0}
.navbar-brand-wpz {
margin: 10px 0; }

.navbar-brand-wpz img {
margin-top: -40px; position: relative; z-index: 300}

.navbar-brand-wpz img:hover, .navbar-brand-wpz a:hover, .navbar-brand-wpz:hover {
z-index: 300;position: relative;opacity: 1!important}

.top-navbar {
	background: #22aa86
}

.top-navbar .navbar-wpz a:hover {
color: #dde332!important}



.form-row .input-text,
.form-row select {
	height: 40px!important
}

.form-row .input-text,
.form-row textbox {
	border-radius: 0;
	border: 1px solid #ccc
}

#billing_company_field {
	display: none
}

form.woocommerce-checkout {
	max-width: 800px!important;
	margin: 20px auto!important;
	border: 1px solid #ccc;
	padding: 20px;
	background: #f7f6f7
}

.woocommerce table.shop_table {
	background: #fff
}

.woocommerce-checkout form h3 {
	text-transform: uppercase;
	font-size: 26px;
	clear: both
}

.woocommerce .cart .coupon .button {
	background: #fff!important;
	color: #000!important;
	border: 2px solid #000!important
}

.woocommerce .cart .coupon .button:hover {
	background: #000!important;
	color: #fff!important;
	border: 2px solid #000!important
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	height: 43px;
	width: 150px
}



body .fluid-width-video-wrapper {
 padding-top: 70%!important
}
.builder-wrap {
	max-width: 900px; margin: 0 auto; padding: 20px
} 
/* Checkout page */
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
border: 2px dashed #666}
form.woocommerce-checkout {
	margin: 0 auto;
	background: #f7f6f7;
max-width: 800px; padding: 20px; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.24);
-moz-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.24);
box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.24);}

#billing_company_field {
display: none}

.woocommerce-checkout #payment div.form-row, .woocommerce-checkout #payment div.payment_box .form-row {
	margin: 0; padding: 0
	
}
.navbar-brand-wpz img{
	image-rendering: auto;
}

.woocommerce table.shop_table {
background: #fff}

.woocommerce #payment .terms, .woocommerce #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions {
line-height: 130%!important; padding: 20px; background: #fff}

.woocommerce-checkout #payment ul.payment_methods {
	background: #fff
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
margin: 10px}
/*  End Checkout page */

/* Fix hover image issue shaking */
a img {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);}

a img:hover {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);}


/* Main nav */

.navbar-brand-wpz a {
font-size: 19px}

/* Sharp images when scaled */

body img {
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */}

:focus {
    outline: none!important;
}
#gform_wrapper_1 {
background: #f2f4f4; padding: 40px 40px 80px}

#gform_wrapper_1  .description_above .gfield_description, #gform_wrapper_1, #gform_wrapper_1 p, #gform_wrapper_1 label {
	color: #585858
}
.site-footer input[type=button], .site-footer input[type=reset], .site-footer input[type=submit] {
background: #39b392}

.page-wrap a.button {
background: #22aa86; display: inline-block; color: #fff; padding: 15px 40px; margin: 20px 0}

.page-wrap a.button:hover {
background: #000}

.gform_wrapper h3.gform_title  {
font-weight: 100!important; color: #22aa86}

#input_1_1 {
position: relative}
#input_1_1{
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
  }
.gform_wrapper .gform_footer {
padding-top: 0!important; margin-top: 0!important; }
form .button {
 margin-bottom: 30px}
#input_1_2{
    background-image: url(images/star.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
  }
#custom_html-3 {
padding: 20px}
.site-widgetized-section.section-footer {
	background: #424e4c; color: #fff; padding: 40px 0
}
#input_2_3 {
	padding: 16px!important; max-height: 53px
}
#gform_wrapper_2  {
	max-width: 500px
}

#gform_2 {
	position: relative
}

#gform_wrapper_2 .gform_footer {
	position: absolute; top: 0;  width: 54px; float: right!important; right: 0
}
#gform_wrapper_2 .gform_footer input {
	right: 0!important; float: right
}


.site-widgetized-section.section-footer h2 {
color: #fff; font-variant-east-asian: lighter!important}

#field_2_6 {
max-width: 200px}

#input_2_3 {
	width: 100%
}

.greenbar {
	width: 100%; clear: both; background: #39b392; padding: 40px
}


#input_1_3{
    background-image: url(images/letter.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
  }

#input_1_4{
    background-image: url(images/phone.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
  }

#sidebar li a {
    padding: 10px!important; display: block; border-bottom: 1px solid #ccc
}

#media_image-2 img {
max-width: 350px!important; margin-top: 40px}

body .gform_wrapper ul li.gfield, body .gform_wrapper ul li.gfield {
margin-top: 0!important}

.site-footer {
	background: #fff!important
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
padding: 20px!important}

.site-footer a, .site-footer p {
color: #585858}

.gform_wrapper li.hidden_label input {
margin-top: 0!important}

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
    /* Desktop styles go below this line */
  #menu-top-menu {
float: right}
    
    .content-area, .shop-wrapper.side-right {
        width: 70%
    }
	
	.footer-widgets.widget-columns-3 .column {
width: 45%!important}
	
	.main-navbar {
margin-top: -100px!important}
	
	.main-navbar {
float: right}
	
	.top-navbar .navbar-wpz a {
font-size: 30px}

   
}

* ipad landscape ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* STYLES GO HERE */
}
.metaslider {
max-width: 100%; overflow: hidden}

/* ipad potrait  ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* STYLES GO HERE */
}


@media only screen and (max-width: 1425px) {
	.navbar-brand-wpz img {
max-width: 420px}
	.site-header, .navbar-brand-wpz {
    height: 90px;
}
	.navbar-wpz > li {
padding: 0 5px}
	.main-navbar {
margin-top: -90px!important; margin-right: 0px; float: right; width: 70%}
	
	.navbar-wpz {
float: right}
	
	.main-navbar a {
    font-size: 16px;
    font-weight: normal;
}
	 
}

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

	.navbar-brand-wpz img {
    max-width: 350px; margin-top: -20px
}
	
}

.main-navbar .sf-menu > li > a {
text-transform: uppercase}

/* Smartphones (landscape & portait) ----------- */

@media only screen and (max-width: 980px) {
	
	.slicknav_btn {
    float: none;
    display: inline-block;
}
	.main-navbar .inner-wrap {
padding: 0}
	.navbar-brand-wpz img {
max-width: 250px; margin-top: 0px}
	.navbar-brand-wpz {
margin-bottom: 0!important; text-align: center}
	.main-navbar {
margin-top: 0!important; float: none; width: 100%}
	
	.site-header, .navbar-brand-wpz, .brand-wrap {
height: auto}
	
	.navbar-brand-wpz {
margin: 0; }
	
.slicknav_menu, .brand-wrap {
    text-align: center!important
}
	.slicknav_menu {
    display: block;margin: 0 auto;background: #22aa86;
}
	.slicknav_menu .slicknav_menutxt {
color: #fff}
.slicknav_menu .slicknav_icon-bar{
		background: #fff
	}
	
}


/* Smartphones (portait) ----------- */

@media only screen and (max-width: 360px) {}


/* Smartphones (landscape) ----------- */

/* Smartphones (landscape) ----------- */

@media only screen and (max-width: 640px) {
	
	.box {
padding: 20px; }
	
	.boxe {
margin-top: -40px}
	.box  {
		width: 100%; margin-bottom: 20px; min-height: 0
	}
	
	.navbar-brand-wpz img {
max-width: 250px; margin-top: 0px}
	.navbar-brand-wpz {
margin-bottom: 0!important}
#cn-notice-text {
clear: both; width: 100%; display: block; margin-bottom: 20px} 
}