/*
Theme Name: West Lorne Leaf
Theme URI: https://westlorneleaf.ca/
Description: West Lorne Leaf Cannabis store in West Lorne, Ontario
Version: 1.0
Author: Dark Horse Designs
Author URI: https://darkhorsedesigns.ca/
*/


:root {
  --pale: #f1e8e0;
  --lightgreen: #b8c8ad;
  --green: #33553d;
  --white: #fff;
  --black: #000;
  --con1: 100%;
  --con2: 1400px;
  --con3: 1300px;
  --con4: 1200px;
  --con5: 1000px;
}

html {box-sizing: border-box; font-size: 12px;}
*, *:before, *:after {box-sizing: inherit;}

.age-gate-wrapper, .age-gate__wrapper {z-index: 100000 !important;}

body {font-family: "adobe-jenson-pro", serif; font-weight: 400; color: var(--green); background: var(--white); margin: 0; line-height: 1.2; font-size: 1.8rem;}
img {max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover; shape-margin: 0.75rem;}
figure {margin:0;}
.wp-block-image {margin:0 !important;}
p {margin: 48px 0; line-height: 1.3;}

h1, h2, h3, h4, h5, h6 {font-family: "adobe-jenson-pro", serif; font-weight: 400; font-style: normal;  color: var(--gold); font-weight: 400; margin: 48px auto; line-height: 1.0;}

h1 {letter-spacing: 4px; text-transform: uppercase; font-size: 4.0rem; margin-top: 0;}
h2 {font-size: 2.8rem;}

a{transition: all 0.3s; text-decoration: underline; color: var(--green);}
a:hover {transition: all 0.3s; color:var(--lightgreen)}

.header {max-width: var(--con1); background-image: url('images/bgpat.jpg'); background-repeat: repeat; background-color: var(--lightgreen); position: relative; z-index: 9000; box-shadow: 0px 10px 80px var(--lightgreen);}
.header-con {max-width: var(--con2); display: grid; grid-template-columns: 160px 1fr 160px; gap: 60px; align-items: center; padding: 0px; margin:auto;}

.main {background-image: url('images/bgpat2.jpg'), url('images/bgpat3.jpg'); background-position: right top, left bottom; background-size: 300px, 150px; background-repeat: no-repeat, no-repeat;}
.main-con {max-width: var(--con5); margin: auto; padding: 36px;}


.nav-master {text-align: center; font-size: 2.0rem;}
.nav-master ul {margin: 0; padding: 0; list-style: none;}
.nav-master li {display: inline-block;}
.nav-master li ul li {opacity: 100;}
.nav-master ul li ul li a {color: var(--green); padding: 6px 14px !important; line-height:1.2; font-weight: 500;}
.nav-master a {display: block; position: relative; padding: 12px 4px; margin: 0 8px; color: var(--green); text-shadow: none; transition: color 0.6s; text-decoration: none;}
.nav-master a:hover,.nav-master a:focus {color: var(--pale); transition: all 0.6s;}
.sub-menu a:hover {color: var(--lightgreen) !important; transition: all 0.6s;}
.nav-master li ul li {display:block;}
.nav-master > ul > li {position: relative;}
.nav-master > ul {position: relative;}
.nav-master li:hover > ul {display: inline-block;  width: 575px; visibility: visible; opacity: 1; z-index: 1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform: translateY(0); transition-delay: 0s, 0s, 300ms;}
.nav-master > ul > li > ul {background-image: url("images/bgnav1.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: right; width: 575px; top: 48px; left:-28px; background-color: var(--pale); border-radius: 9px; padding: 36px; font-size: 1.6rem; text-align:left; visibility: hidden; opacity: 0; position: absolute; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform: translateY(0); z-index: 100; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.nav-master > ul > li > ul > li.current-menu-item > a {font-weight: 900;}
.nav-master .menu-item-has-children a {display: inline-block; padding-right: 20px;}
.nav-master .menu-item-has-children:before {content: "\f078"; font-family: FontAwesome; font-size: 1.0rem; display: inline-block; width: 1.3em; color: var(--green); position: absolute; right: 6px; top: 50%; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); margin-top: -1px;}
.nav-master .children {padding-right: 20px;}
.nav-master > ul > li > ul a:hover::before,.nav-master > ul > li > ul a:focus::before,.nav-master > ul > li > ul a:hover::after,.nav-master > ul > li > ul a:focus::after {opacity: 0;}


.sub-menu a:before {content: "\f054"; opacity:1.0 !important; font-family: FontAwesome; font-size: 1.0rem; display: inline-block; width: 1.3em; color: var(--green); position: absolute; left: 0px; top: 50%; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%);}

.vidcon {height: 600px; position: relative; overflow: hidden; background: #000;}

.vidbody {color: #fff; position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.video1 {height: auto; width: 100%; position: absolute; opacity: 0.5; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.but1 {font-size: 1.8rem; background: var(--green); color:var(--white); padding: 12px 24px; border-radius: 9px; text-transform: uppercase; text-decoration: none; transition: all 0.5s;}
.but1:hover {background: var(--lightgreen); color: var(--green)}

.master .age-gate__submit {font-family: "adobe-jenson-pro", serif; font-size: 1.6rem; padding: 24px;  text-transform: uppercase; text-decoration: none; transition: all 0.5s; border-radius: 50%;}
.master .age-gate__challenge {margin: 0 0 18px 0;}
.master .age-gate__submit--no {background: var(--green); color:var(--white);}
.master .age-gate__submit--yes {background: var(--lightgreen); color: var(--green);}
.master .age-gate__submit--no:hover {background: var(--green); color:var(--white); scale:1.1;}
.master .age-gate__submit--yes:hover {background: var(--lightgreen); color: var(--green); scale:1.1;}

.ic4 {top:2px; position: relative;
    color: var(--white);
    background-color: var(--green);
    padding: 8px;
    border-radius: 50%;
    width: 38px;
    height: 38px;}

.col2 {display:grid; grid-template-columns: 1fr 1fr; gap:60px; width: var(--con4); margin: auto;}
.col3 {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:60px; align-items: center;}

.col3 div {position: relative;}
.ctop {align-items: start !important;}

.bgpat1 {background-image: url('images/bgpat1.jpg'); background-position: top center; background-repeat: no-repeat; padding-top: 160px; padding-bottom: 34px; background-color: var(--pale);}
.bgpat1::before {content: "";}

.bgpat2 {
    background-color: var(--pale);
    min-height: 500px; position: relative;}

.bgpat2 svg {position: absolute; top:0; z-index:1;}
.bgpat2c {position: relative; z-index: 5; padding-top: 280px;}

.catprod {display: grid; grid-template-columns: 1fr 316px 1fr; max-width: 850px; gap: 50px; align-items: center; margin: auto;}
.catprodwin {border-top-left-radius: 250px; border-top-right-radius: 250px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; background: #eee; border: 3px solid var(--green); width: 100%; min-height: 500px; display: block; position: relative; overflow: hidden;}
.catprodwin img {max-width: 1000%; min-width: 100%; position: absolute; height: 500px; top: 50%; left: 50%; transform: translate(-50%, -50%);} 

.catprod h2 {margin:0;}
.cattree {background-image: url('images/bgpat2.jpg'), url('images/bgpat3.jpg'); background-position: right top, left bottom; background-size: 300px, 150px; background-repeat: no-repeat, no-repeat;}
.cattree .catprod p {margin:6px 0 0 0; font-size: 1.6rem;}
.spblk {padding: 36px 0; display:block; position: relative; text-decoration: none;}
.spblk span {background: var(--green); width: 50px; height: 50px; display: inline-block; border-radius: 50%; position: absolute; top: 42px; z-index: 100; border: 3px solid #fff; transition: all 0.3s;}
.spblk:hover {color: var(--lightgreen);}
.spblk:hover span {background: var(--pale);}

.catleft .spblk span {right: -76px;}
.catright .spblk span {left: -76px;}
.cattree h2 {margin:0;}
.cattree p {margin: 12px 0 48px 0;}

.catleft {text-align: right;}
.catright {text-align: left; margin-top: 80px;}

.preloadimg {display: none;}

.reviews {position: relative; max-width: var(--con3); margin: auto; }

.marg0 {margin:0;}
.marg1 {margin: 12px auto;}


.colhead {display: grid; grid-template-columns: 1fr 350px 1fr; align-content: center; justify-content: center; align-items: center; justify-items: center;}
.colhead div {width: 100%; margin:0;}

.colfixed {display: grid; grid-template-columns: 1fr 1fr 1fr; align-content: center; justify-content: center; align-items: center; justify-items: center;}

.logolink {max-width: 250px; padding: 0px; height: auto; display: inline-block;}
.logolink figure {display:inline-block;}
.shrink .logolink {max-width:120px; padding:2px;}
.shrink {position: fixed !important; top:0;}



.navline {width: 100%; height: 1px; background:var(--gold);}



.page-id-81 .block3 {display:none;}

.colhead2 {z-index: 5; justify-content: space-between; align-items: center; max-width: 1400px; display: flex; position: relative; margin:-20px auto 0 auto;}


.but2 {background: var(--gold); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(200, 163, 60, 1) 100%);
    border-radius: 0px;
    color: var(--black);
    text-transform: uppercase;
    font-size: 1.2rem; padding: 12px 20px; transition: all 0.6;}
.but2:hover {background: var(--gold); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(200, 163, 60, 1) 100%);}

.wp-block-buttons {margin:48px auto auto auto !important;}

.black-button .wp-block-button {margin: auto !important;}
.black-button .wp-block-button__link {padding: 12px 20px; background: var(--black); border-radius: 0px; color: var(--white); text-transform: uppercase; font-size: 1.2rem;}

.gold-button .wp-block-button {margin: auto !important;}
.gold-button .wp-block-button__link {padding: 12px 20px; background: var(--gold); border-radius: 0px; color: var(--black); text-transform: uppercase; font-size: 1.2rem;}

.content-sub {padding-top: 200px;}

.headtext1 {max-width: 700px; margin:auto; position: relative; z-index: 10;}
.head1 {font-family: "Oregano", cursive; color:#fff; font-size: 7.0rem; text-align: center; line-height: 1.0; margin:0; text-shadow: 0px 10px 8px #000;}
.headsm1 {display:block; font-size: 5.0rem;}

.head2 {    font-family: "Lexend", sans-serif;
    font-weight: 400;
    color: var(--white);
    font-size: 2.2rem;
    margin: 18px auto 60px auto;}
  


.windowpic {margin:auto; width: 425px; height: 560px; overflow: hidden; border-top-left-radius: 250px; border-top-right-radius: 250px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; background:#fff; margin-top: -75px; margin-bottom: -75px; margin-right: 0; z-index:10;}
.windowpic img {max-width: 560px !important; margin-left: -70px;}

.windowpic2 {margin:auto; width: 100%; height: 620px; overflow: hidden; border-top-left-radius: 250px; border-top-right-radius: 250px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; margin-top: -75px; margin-bottom: -75px;}
.windowpic2 img {max-width: 100% !important;}

.windowpic3 {margin:auto; position: relative; width: 100%; height: 620px; overflow: hidden; border-top-left-radius: 250px; border-top-right-radius: 250px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; margin-top: -75px; margin-bottom: -75px;}
.windowpic3 img {max-width: 300% !important;}

.aleft img {  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);}

.acenter img {  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}

.aright img {  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-100%, -50%);}









.boxgold {background:var(--gold); border-top-right-radius: 28px; border-bottom-right-radius: 28px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; padding:60px 60px 60px 430px;  position: relative; color: var(--black); text-align: center;}
.boxgold h2 {color: var(--black); margin-top:0;}
.boxgold img {position: absolute; left: -50px; top: -25px; width: 425px; border-radius: 300px;}

.windowpicset1 {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 90px;}

#sp-wp-tabs-wrapper_27 .sp-tab__nav {width: 100%;}
.sp-tab__nav-item {width: 20%;}
.sp-tab__tab-content {padding: 80px 120px; background-color: rgba(11, 19, 21, .4); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);}
.sp-tab__nav {border: 1px solid #d3a741; border-bottom: 20px solid #d3a741 !important; background-color:#000 !important; width: fit-content; margin: auto !important;     border-top-left-radius: 24px; border-top-right-radius: 24px; overflow: hidden;}
#sp-wp-tabs-wrapper_27.sp-tab__lay-default > ul .sp-tab__nav-item {margin-top: 0 !important;}
.sp-tab__tab_title {font-family: "Lexend", sans-serif; font-size: 1.8rem !important; text-transform: uppercase; font-weight: 400 !important; }
#sp-wp-tabs-wrapper_27.sp-tab__lay-default > ul .sp-tab__nav-item {border-right: 2px solid #d3a741;}
#sp-wp-tabs-wrapper_27 .sp-tab__nav {justify-content: center !important;}

.menu-larger {font-size: 1.6rem; line-height: 1.6;}

.footbar {position: fixed; bottom: 0; width: 100%; padding: 12px; z-index: 1000; background-color: rgba(51, 85, 61, .8);  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.footbar a {text-decoration: none; color:#fff;}

.ic1 {top: 6px; padding-right: 4px; position: relative;}
.ic2 {top: 4px; padding-right: 4px; position: relative; font-size: 1.8rem;}
.ic3 {width: 36px; height: 36px; margin-top: 28px;}

.copyright {padding: 80px; text-align: center; font-size: 1.2rem; color:#666;}

.food {display: grid; grid-template-columns: 1fr 1fr; gap: 60px; text-align: left; color: var(--white);}
.food h2 {border-bottom: 2px solid #ccc;
    margin-bottom: 38px;
    padding-bottom: 18px;}
.food h3 {font-family: "Lexend", sans-serif; font-weight: 400; color: var(--white); font-size: 2.2rem; margin: 24px 0px 12px 0;}
.food h4 {font-family: "Oregano", cursive; font-size: 2.4rem; color: var(--gold); font-weight: 400; margin: 12px auto; line-height: 1.0;}
.food h5 {font-family: "Lexend", sans-serif; font-weight: 400; color: var(--white); font-size: 1.6rem; margin: 24px 0px 12px 0;}
.food h6 {font-family: "Lexend", sans-serif; font-weight: 400; color: var(--black); font-size: 1.6rem; margin: 36px 0px 12px 0; background-color: var(--gold); padding: 8px 16px; border-radius: 48px;}
.food p {margin: 0px auto; color:#ccc !important;}
.food strong {color:var(--gold);}
.food img {margin: 18px auto;}
























.boxset1 {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:24px; text-align: center; padding-bottom: 60px;}
.boxset1 div {border-radius: 28px; border: 6px solid var(--green); overflow:hidden; position: relative; background: var(--black)}
.boxset1 h2 {width: 100%; margin: 0; font-size: 2.4rem; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); color: var(--white); z-index: 100; text-shadow: 0px 0px 6px #000; background: rgba(0, 0, 0, 0.4); padding: 18px;}
.boxset1 img {opacity: 0.9; user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.boxset1 a {color:#fff;}

.calllist {color: #fff; list-style: none; padding: 0; margin: 0 auto; text-align:center; font-size: 1.6rem;}
.calllist li {display: inline-block; padding: 18px; border: 1px solid var(--red); border-radius: 8px; margin: 0 18px; text-align: left; min-width: 250px;}
.callic {float: left; padding: 10px; margin: 4px 14px 4px 0; background: var(--red); border-radius: 50%; color: var(--white);}
.calllist a {color:#fff !important;}

.tabset1 {text-align: center;}
.tabset1 h2 {color: var(--darkgrey); font-size: 2.2rem;}
.tabset1 i {font-size: 3.8rem !important;
  color: #0c9447;
  position: relative;
  top: 10px;
  margin-right: 6px;}

.tabset2 {padding:0 38px; text-align: center;}
.tabset2 div {border: 1px solid var(--red); border-radius: 24px; padding: 36px 24px;}
.tabset2 h2 {color: var(--darkgrey); font-size: 2.0rem;}

.google-reviews {padding: 60px;}

.txtl {text-align: left;}
.txtc {text-align: center;} 
.txtr {text-align: right;}


.con-full {max-width: 100%; width:100%; margin:auto;}
:where(.wp-block-columns) {margin-bottom: 0 !important;}



.pad1 {padding: 60px 40px;}
.pad1 :is(h1, h2, h3, h4, h5, h6):first-child {margin-top:0;}
.pad1 :is(p):last-child {margin-bottom:0;}




.brand {margin: 10px auto;}
.hash {color: var(--lightgreen); margin: 10px auto; font-size: var(--xsm); display:block;}


.button1 a{background: var(--red); color: var(--white); padding: 14px 28px 10px 28px; font-size: 1.4rem; text-transform: uppercase; font-weight: 600; border-radius: 28px; display: inline-block; text-decoration: none;}
.button2 a{background: var(--red); color: var(--white); padding: 10px 24px 6px 24px; font-size: 1.2rem; text-transform: uppercase; font-weight: 600; border-radius: 28px; display: inline-block; text-decoration: none;}
.button2 {margin: 6px 0;}

.space1 {padding: 0 100px; align-content: center;}
.overlay1 {position: relative; z-index: -1; background: #e5e5e5;}
.overlay1::before {     content: " ";
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  width: 400px;
  height: 100%;
  display: block;
  z-index: 1000;
  position: absolute;}

.overlay2 {position: relative; z-index: 1;}
.overlay2::before {     content: " ";
  background: linear-gradient(90deg, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%);
  width: 400px;
  height: 100%;
  right:0;
  display: block;
  z-index: 1000;
  position: absolute;}



.overlay {background-color: rgba(0, 0, 0, 0.4); position: absolute; height:100%; width:100%; z-index:10;}
.breadcrumbs {padding: 8px 18px; background: #242424; color: var(--white);}
.breadcrumbs a {transition: color 0.6s; text-decoration: none; color:#c7c7c7;}
.breadcrumbs a:hover {color: #fff; transition: all 0.6s;}
.breadcrumbs .bx-home-heart {position: relative; top:4px;}
.partners {border-top: 1px solid var(--orange); background: #fff3d2; text-align: center;}
.partners figure {display: inline-block; margin: 0 8px 28px 8px !important;}
.partners img {max-height: 100px; width: auto; border-radius: 18px;}
.list1 {list-style: none; padding:0; font-size: 1.8rem;}
.list1 i {margin-right: 8px; position: relative; top: 5px;}
.list2 {list-style: none; padding:0;}
.list2 li {border-bottom: 2px solid var(--lightgrey); padding: 16px 0px; font-weight: 700;}
.list2 i {margin-right: 8px; position: relative; top: 5px;}


.partner-logos {display: inline-block; margin: 0 9px;}
.partner-logos img {border-radius: 18px; margin: 0; max-width: 200px !important;}

.spc1 {margin:0;}
.spc2 {margin-top:0 !important;}
.spc3 {margin: 60px auto; gap:4em !important;}
.spc4 {margin:120px auto 0 auto !important;}

.col2a {display:grid !important; grid-template-columns: 1fr 1fr; gap:0px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; background:#f5f5f5;}
.col2b {display:grid !important; grid-template-columns: 1fr 1fr; gap:0px; border-bottom: 1px solid #e5e5e5;}

.bar {background: var(--red); color:var(--white); padding: 40px; text-align: center;}
.bar h2 {color:#fff;}
.bar a {color:#fff; text-decoration: underline;}

#map {height: 600px;}
#mapSection h2:first-child {margin:18px 0 0 0 !important;}
#mapSection h2 {font-size: 1.2rem; margin:2px 0; display:block;}
#mapSection p {margin: 6px; font-size: 1.2rem;}
#mapSection {font-family: "noto-sans-oriya", sans-serif !important; font-size: 16px; line-height: 1.2; text-align: center;}

.gm-style-iw-chr {position: absolute; overflow: visible; right: 0;}
.gm-style-iw-d {padding-right: 28px;}





.table1 {text-align: left;}
.foot1 {padding: 80px 0; max-width: var(--con3); margin: auto;}
.foot1 h2 {margin-top:0;}






.nav-footer {text-align: center; font-size: var(--ty)}
.nav-footer ul {list-style-type: none; padding:0;}
.nav-footer ul ul {list-style-type: none; padding:0;}
.nav-footer li {display: inline-block; padding: 9px;}


.box1 {background: var(--midred); margin: 48px auto !important; padding: 48px;}
.box1 h2 {margin-top:0;}

.box2 {gap: 100px; padding: 48px 0;}


.accord1 div {border: 0px !important;}
.accord1 h3 {font-family: var(--bodyfont); font-size: var(--xsm);}
.accord1 .aagb__accordion_body {padding-left:50px !important;}
.accord1 .aagb__accordion_body p:first-child {margin-top: 0 !important;}
.accord1 .aagb__icon {border-radius: 50%; color: var(--white); padding: 2px; width: 24px; height: 24px;}
.accord1 .dashicons-plus-alt2 {background-color:var(--green);}
.accord1 .dashicons-minus {background-color:var(--orange);}
.accord1 .aagb__accordion_heading {padding-top: 4px !important;}



.wp-block-gallery img {border-radius: 48px;}



/* Form */

.form p {margin:0;}
.form label {margin: 18px 0 4px 0;}
.form .col2, .form .col3 {gap:20px; width: 100%;}
.form input[type="text"], .form input[type="number"], .form input[type="tel"], .form input[type="email"], .form input[type="password"], .form textarea, .form select {margin-bottom: 24px;
    background: rgba(228, 234, 224, 0.6);
    width: 100%;
    padding: 10px;
    border: 1px solid #666;
    margin-top: 4px; color:var(--green); font-size: 1.4rem; border-radius: 9px;}

.wpcf7 {text-align:left;}
.wpcf7-not-valid-tip,.wpcf7-response-output {font-style: italic; color: #750000 !important;
    margin: -15px 0 20px 0;
    font-size: 1.6rem !important;
    font-weight: bold !important;}

.form input[type="submit"] {background: var(--green); border-radius: 48px; color: var(--white); text-transform: uppercase; font-size: 1.2rem; text-decoration: none; cursor: pointer; border: 0px; padding: 12px 20px; transition: all 0.4s}
.form input[type="submit"]:hover {background: var(--pale); color: var(--green);} 






/* video slideshow */

.video {position:relative; overflow:hidden; height: 850px; background:#000; box-shadow: 0px 0px 8px #333;}
.vid-con {position:absolute; z-index:1; margin:0 auto; width:100%; overflow: hidden; opacity: 0.5; top:0;}	
.vid-con video {width: 100%; height: auto; margin: 0 auto;}
.ban-con {z-index:2; width:100%; text-align: center; opacity:0; position: absolute; left: 50%; top: 50%; padding-top: 100px; 
transform: translate3d(-50%, -50%,0);
-webkit-transform: translate3d(-50%, -50%,0);
-moz-transform: translate3d(-50%, -50%,0);
-ms-transform: translate3d(-50%, -50%,0);
-o-transform: translate3d(-50%, -50%,0);
}
.ban-con h2 {color:#fff; font-size: 2.10em; font-weight:300;}

.ban-con{
    -webkit-animation: fadein 1s; 
       -moz-animation: fadein 1s; 
        -ms-animation: fadein 1s; 
         -o-animation: fadein 1s; 
            animation: fadein 1s;
    -webkit-animation-fill-mode: forwards; 
       -moz-animation-fill-mode: forwards; 
        -ms-animation-fill-mode: forwards; 
         -o-animation-fill-mode: forwards; 
			animation-fill-mode: forwards;
}

.t1 {
	-webkit-animation-delay: 3s; 
       -moz-animation-delay: 3s; 
        -ms-animation-delay: 3s; 
         -o-animation-delay: 3s; 
			animation-delay: 3s;
}

.t2 {
	-webkit-animation-delay: 1s; 
       -moz-animation-delay: 1s; 
        -ms-animation-delay: 1s; 
         -o-animation-delay: 1s; 
			animation-delay: 1s;		
}

.t3 {
	-webkit-animation-delay: 3s;
       -moz-animation-delay: 3s;
        -ms-animation-delay: 3s;
         -o-animation-delay: 3s;
			animation-delay: 3s;
}
.t4 {
	-webkit-animation-delay: 2s;
       -moz-animation-delay: 2s;
        -ms-animation-delay: 2s;
         -o-animation-delay: 2s;
			animation-delay: 2s;	
}
.t5 {
	-webkit-animation-delay: 8s; 
       -moz-animation-delay: 8s; 
        -ms-animation-delay: 8s; 
         -o-animation-delay: 8s; 
			animation-delay: 8s;		
}

.t6 {
	-webkit-animation-delay: 6s; 
       -moz-animation-delay: 6s; 
        -ms-animation-delay: 6s; 
         -o-animation-delay: 6s; 
			animation-delay: 6s;		
}
.t7 {
	-webkit-animation-delay: 3s; 
       -moz-animation-delay: 3s; 
        -ms-animation-delay: 3s; 
         -o-animation-delay: 3s; 
			animation-delay: 3s;		
}
.t8 {
	-webkit-animation-delay: 3s; 
       -moz-animation-delay: 3s; 
        -ms-animation-delay: 3s; 
         -o-animation-delay: 3s; 
			animation-delay: 3s;		
}
.t9 {
	-webkit-animation-delay: 8s; 
       -moz-animation-delay: 8s; 
        -ms-animation-delay: 8s; 
         -o-animation-delay: 8s; 
			animation-delay: 8s;		
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}








.grecaptcha-badge {display:none;}
img.aligncenter {display:block; margin:auto;}
.mobile {display:none;}



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

:root {
  --con1: 100%;
  --con2: 1000px;
  --con3: 1000px;
  --con4: 1000px;
  --con5: 1000px;
}


}


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

:root {
  --con1: 100%;
  --con2: 95%;
  --con3: 95%;
  --con4: 95%;
  --con5: 95%;
}


}


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

.nav-master {display: none;}

.mobmenur-container {background: #33553d; padding: 8px; margin-right: 0 !important; border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
.mob-menu-right-bg-holder {    background-image: url(images/bgpat.jpg); background-color: var(--lightgreen) !important; background-repeat: repeat !important; background-size: 300px !important;}
.mobmenu-content .widget {padding:18px 24px !important;}
.mobmenu-content .widget a {padding:0 !important;}
.mobmenu-content {margin: 0 !important; padding: 20px 0px;}
.mobmenu-content li a {padding: 14px 20px !important;}
.sub-menu a {font-size: 16px !important;}
.sub-menu li {border-bottom: 0 !important;}


}





@media only screen and (max-width:1550px) {
.con2, .colhead2 {max-width: 95%;}
}

@media only screen and (max-width:1150px) {
.colhead {display:block;}
.colhead div:first-child {display:none;}
.menu-top-left-menu-container {display:none;}
.menu-top-right-menu-container {display:none;}
.shrink .logolink {max-width:180px; padding:2px;}
.colhead2 {margin-top: 24px; padding: 0 28px;} 
.header {position: relative;}
.shrink {position: relative !important;}
.content-sub {padding-top: 80px;}
.head1 {font-size: 5.0rem;}
.boxgold {padding: 60px; border-radius: 0;}
.boxgold img {position: relative; left: 0; top: 0; max-width: 501px !important; margin-bottom: 80px;}
}

@media only screen and (max-width:700px) {
.head1 {font-size: 4.0rem;}
.col3 { grid-template-columns: 1fr;}
.mobile {display: block;}
.desktop, .mhide {display: none;}
.windowpicset1 {grid-template-columns: 90%; justify-content: center;}
.spc3 {margin: 0 auto;gap: 0em !important;}
.ord1 div:first-child {order:2;}
}



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

.main {background-position: right 90px, left bottom; background-size: 150px, 0px;}
.cattree {background-position: right 110px, left bottom; background-size: 200px, 150px;}
.ic2 {padding-right: 2px; padding-left: 2px;}

.header-con {grid-template-columns: 1fr;}
.header-con div:nth-child(2) {display:none;}
.header-con div:nth-child(3) {display:none;}
.vidcon {height: 300px;}
.vidcon .but1 {font-size: 1.4rem; background: #33553dbf !important;}
.vidbody {width: 95%;}
.vidcon h1 {font-size: 2.4rem;}
.vidcon h2 {display: none;}
.video1 {width: auto;  height: 300px;}

.bgpat1 {padding: 60px;}
.col2 {grid-template-columns: 1fr;}
.bgpat1 .col2 {gap:0;}
.windowpic {width: 100%; height: 400px; margin: 0;}
.windowpic img {max-width: 410px !important;}

.cattree {padding: 60px;}
.cattree a {border: 1px solid var(--green); border-radius: 40px; margin: 28px 0;}
.catprod {grid-template-columns: 1fr;}
.catleft .spblk span {display:none;}
.catright .spblk span {display:none;}
.catleft {text-align: center;}
.catright {text-align: center; margin-top: 0;}
.colfixed {text-align: center;}
.foot1 {padding: 60px;}
.con2, .colhead2{max-width: 100%;}
.bgpat2c {padding-top: 150px;}

.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover{
        background-color: transparent !important;}
.mobmenu-content {padding: 40px;}
.mobmenu-right-panel li, .rightmbottom, .rightmtop {
        padding: 0px !important; }
.mobmenu-content #mobmenuright .sub-menu {padding-left: 24px;}
.sub-menu a {font-size: 20px !important;}
.sub-menu a:before {display:none;}

.mobmenu-content .rightmbottom a {
    background: var(--green);
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 12px !important;
    color: #fff;
    border-radius: 50%;}


}