/*
Theme Name: Meem LLC
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


li.header-button-1 a.button.primary { border: 0!important; padding: 15px 20px!important; line-height: 1;}
.bannerSection {
		position: relative;
	/*background: linear-gradient(180deg, #a5ce3a calc(100% - 160px), #fff calc(100% - 160px));*/
	background-image: linear-gradient(to right top, #ffffff, #ffffff, #ffffff, #30a5da, #a8eb12);
	-webkit-border-bottom-right-radius: 80%;
-moz-border-radius-bottomright: 80%;
border-bottom-right-radius: 80%;
	
	
	   /*   background: linear-gradient(110deg, #30a5da calc(100% - 160px), #ffed4b calc(100% - 160px));
	 background: #30a5da;
	 * margin: 0 auto; width: 100%; max-width: 1050px; border-radius: 30px;
-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;*/}

/*.bannerSection { position: relative;}
.bannerSection:before { content: "";
	width: 100%; height: calc(100vh - 250px);
	background: #000;
}*/

.bannerSection:before {
	content: "";
	width: 100%; max-width: 88%; height: calc(100% - 160px);
	background: #30a5da;
	position: absolute;
	left: 0; top: 0;
	
	border-right: 1px solid #ffffff70;
	
	
	
	/*-webkit-border-top-right-radius: 50px;
-moz-border-radius-topright: 50px;
border-top-right-radius: 50px;*/

	
	-webkit-border-bottom-right-radius: 180px;
-moz-border-radius-bottomright: 180px;
border-bottom-right-radius: 180px;
}

.bannerSection .img-inner, .bannerSection .img-inner img { margin: 0 auto; width: 100%; max-width: 480px;}
.bannerSection .img-inner img  {filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2)); padding: 20px; bottom: 0;}
.bannerSection h5 { font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 2px; margin: 0; padding: 0;}
.bannerSection h3 { font-size: 25px; font-weight: 400; line-height: 1; letter-spacing: 2px; margin: 0; padding-bottom: 15px;}
.bannerSection p {color: #FFF!important;}
.titke1 {font-size: 36px!important; font-weight: bold!important; /*text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 
    0px -4px 10px rgba(255,255,255,0.3);*/}

.bannerSection .titke1 {text-shadow: 2px 3px 4px rgba(0,0,0,0.3), 
    0px -4px 10px rgba(255,255,255,0.3);}

.texGreen { color: #a5ce3a!important;}
.texBlue { color: #30a5da!important;}

.banText { margin: 0 auto; padding-top: 80px; padding-left: 15px; width: 100%; max-width: 470px;}
.banner:before { 
	content: "";
	width: 100%; 
	height: 720px;
	background: url(http://meemllc.uniqueeyes.com/wp-content/uploads/2023/10/world-map-white.svg);
	position: absolute;
    left: 0;
    top: 0;
	opacity: 0.1;
}


.footerSection {background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);}
.footerSection .footer-title {border-bottom: 0!important;}


.iconBox .icon-inner { display: flex; border: 1px solid #ffffff69;
	
	padding: 22px;
    width: 80px;
    height: 105px;
	
	transition: 1s ease;

-webkit-border-radius: 25px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 25px;
-moz-border-radius-topleft: 0;
border-radius: 25px;
border-top-left-radius: 0;

-webkit-box-shadow: 5px 22px 61px -10px rgba(0,0,0,0.18);
-moz-box-shadow: 5px 22px 61px -10px rgba(0,0,0,0.18);
box-shadow: 5px 22px 61px -10px rgba(0,0,0,0.18);

}

.iconBox .col-inner {-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.iconBox .icon-inner:before {
	content: "";
    width: 90px;
    height: 90px;
    background: #f6f1f0;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: -1;
	
	-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
	
	
}

.iconBox .boxBlue .icon-inner { background: #2dbeff;}
.iconBox .boxOrange .icon-inner { background: #ffc3aa;}
.iconBox .boxGreen .icon-inner { background: #8ae719;}

.iconBox .boxBlue .icon-inner:hover, .iconBox .boxOrange .icon-inner:hover, .iconBox .boxGreen .icon-inner:hover { background: #41dfce; transition: 1s ease-in-out;}
.iconBox h3 { font-weight: bold; letter-spacing: 2px;}
.roundPicWithTxtBox { position: relative;}
.roundPicWithTxtBox img {-webkit-border-radius: 100px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 100px;
-moz-border-radius-bottomright: 0;
border-radius: 100px;
border-bottom-right-radius: 0;}

.shpeBox {background: #30a5daf0; 
	padding: 40px;
	
	position: absolute;
    right: -30px;
    top: 40%;

-webkit-border-radius: 50px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 50px;
-moz-border-radius-bottomright: 0;
border-radius: 50px;
border-bottom-right-radius: 0;}

.shpeBox h2 { color: #FFF; font-size:30px; font-weight: bold; margin: 0; padding: 0; line-height: 0.8; text-shadow: 2px 3px 4px rgba(0,0,0,0.3), 
    0px -4px 10px rgba(255,255,255,0.3);}
.shpeBox h4 { color: #fff; font-size: 18px; margin: 7px 0 0 0; padding: 0;}

.titleText h6 {font-size: 17px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #30a5da;
    margin: 0;
    padding: 0;
    line-height: 1;}
.titleText h3 {line-height: 1; padding-top: 10px;}
.titleText h2 { margin: 0; padding: 0; line-height: 1;}

.shapeImageRight .roundPicWithTxtBox img  {
	-webkit-border-radius: 100px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius: 100px;
-moz-border-radius-bottomleft: 10px;
border-radius: 100px;
border-bottom-left-radius: 10px;
}

.shapeImageRight .shpeBox {
	right: auto;
	left: -120px;
	top: auto;
	bottom: 70px;
-webkit-border-radius: 50px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius: 50px;
-moz-border-radius-bottomleft: 0px;
border-radius: 50px;
border-bottom-left-radius: 0px;}

.productName { padding: 15px 0;}

ul.brandLogo { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; align-items: center; justify-content: space-between; width: 100%;}
ul.brandLogo li { margin: 0; padding: 0;}
ul.brandLogo li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 200px; background: #FFF;
	
	
	-webkit-border-radius: 15%;
-moz-border-radius: 15%;
border-radius: 15%;

-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);

-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;}

ul.brandLogo li a:hover, .iconBox .col-inner:hover {-webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);}

ul.brandLogo li a img { width: 100%; max-width: 100px}
	
.nlFrm { display: block; margin: 0; padding: 0;}
.nlFrm p { margin: 0; padding: 0; line-height: 0;}
.nlFrm  input[type="email"] {margin: 0;
    padding: 10px 15px;
    background: #ffffff54;
    box-shadow: none;
    height: 46px;
    border: 1px solid #ffffff47; border-right: 0;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;}


.nlFrm input[type='submit'] {     margin: 0; border: 0;
    padding: 0;
    display: block;
    letter-spacing: 2px;
    font-weight: 500;
    padding: 0 25px;
    height: 46px; background-color: #FFF!important; color: #30a5da;

-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px; transition: 1s ease;}
.nlFrm input[type='submit']:hover {background-color: #30a5da!important; color: #FFF; transition: 1s ease;}

.nlLeft {float: left; width: 100%; max-width: calc(100% - 140px);}
.nlRight {float: right; width: 100%; max-width: 140px;}


.footerTop h5 { margin: 0; padding: 0 0 15px 0; color: #FFF;}

a.ftrBtn i { background: #ffffff1c; padding: 10px; border-radius: 5px;}
a.ftrBtn span { padding-top: 15px; font-weight: 500; letter-spacing: 1px; padding-left: 4px;}
.footerTop a.button { position: relative; display: flex;} 
a.btnCall:before { content: "Call us";}
a.btnMail:before {content: "Mail us";}
a.btnCall:before, a.btnMail:before {
	position: absolute;
    font-size: 15px;
    font-weight: 500;
    top: -12px;
    left: 46px;
    letter-spacing: 2px;
}


.footerMain {border-top: 1px solid #ffffff29;
    margin-top: -30px;
    padding-top: 40px;}
.footerMain .ux-menu a { margin: 10px 0 5px 0; padding: 0; line-height: 1; min-height: auto;}
.footerMain .ux-menu a .ux-menu-link__text, .footerMain p { color: #FFF!important; font-size: 14px;}

.copyright p { margin: 0; padding: 0; font-size: 13px; line-height: 1; color: #FFF;}
.copyright a { color: #FFF;}


.innerBanner .section-bg-overlay {background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12); mix-blend-mode: multiply;}

.innerBanner h1.entry-title { font-size: 60px;}

.roundedPic img {-webkit-border-radius: 50px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius: 50px;
-moz-border-radius-bottomleft: 10px;
border-radius: 50px;
border-bottom-left-radius: 10px;}


.cForm {
    margin: 0;
    width: 100%;
    max-width: 540px;
}
.cForm input[type='text'], .cForm input[type='email'], .cForm input[type='tel'], .cForm textarea { background: #2e4b940f; box-shadow: none; border: 0!important;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.cForm input[type='text'], .cForm input[type='email'], .cForm input[type='tel'] { height: 50px;}
.cForm input[type='submit'] { border: 0; height: 50px; background-color: #30a5da!important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; transition: 1s ease-in-out;}
.cForm input[type='submit']:hover {
	background-color: #a5ce3a!important;
	transition: 1s ease-in-out;
}


.iconBx .icon-box { background: #2e4b940f; padding: 20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;



    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;}

.iconBx .icon-box:hover, .pagesList .page-box:hover, .postBox .col-inner:hover {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
}


.iconBx .icon-box .icon-inner { background: #30a5da;
    padding: 15px;
    border-radius: 100%;  transition: all 0.3s linear;}
.iconBx .icon-box h3 { margin: 0;}
.iconBx .icon-box:hover .icon-inner { background: #a5ce3a;  transition: all 0.3s linear;}
.iconBx .icon-box-text h3 { color: #30a5da!important;}
.mapSection p { margin: 0; padding: 0; line-height: 0;}



.checkout-page-title.page-title {border-top: 1px solid; border-bottom: 1px solid; border-color: #0000000d;}
.checkout-page-title.page-title .page-title-inner {padding-top: 0px;}

.single-product .shop-container, .shop-page-title {border-top: 1px solid #0000000d;}
.shop-page-title {border-bottom: 1px solid #0000000d; padding-bottom: 10px;}
.shop-page-title .page-title-inner {padding-top: 10px; min-height: auto;}
.single-product .product-footer .wc-tabs.product-tabs li a { font-size: 20px; font-weight: 500; text-transform: none!important;}

.productsBox .box-image img {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.single-product button.single_add_to_cart_button {-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

a.buyOnAmzon {
	display: flex;
    padding: 0;
	gap: 10px;
    background: #14a9c0;
	color: #fff;
    font-weight: 500;
    line-height: 1;
    width: 100%;
    max-width: fit-content;
    margin-bottom: 20px;
	border: 1px dashed #fff;
    padding: 20px;
    border-radius: 10px;
	transition: 2s ease;
} 
a.buyOnAmzon:hover {background: #a5ce3a; transition: 2s ease;}
a.buyOnAmzon span {width: 100%; max-width: 135px;} 
a.buyOnAmzon img { width: auto; max-height: 40px;}


.productVideo { padding-bottom: 40px;}
.productVideo h4 {border-top: 1px solid #ececec; padding: 30px 0 0 0; line-height: 1; font-size: 20px; font-weight: 500; position: relative;}
.productVideo h4:before {
	content: "";
	width: 128px;
	height: 3px;
	background: #30a5da;
    position: absolute;
    top: 0;
}

.pvWrap { position: relative; width: 100%; max-width: 380px;  border: 1px solid #e5e5e5; margin-top: 20px;}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00667682;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: .5s ease;
}
.pvWrap:hover .overlay {
  background-color: #14a8bfe0;
  transition: .5s ease;
}

img.proVideoThumb {
	width: 100%;
    height: 250px;
    object-fit: cover;
   }
a.playVideoBtn { margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);}




a.playVideoBtn img { margin: 0 auto; padding: 0; width: 100%; max-width: 70px;
	
	-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
	
-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
	
	
}

span.woocommerce-Price-currencySymbol { padding-right: 3px;}

.mt-2 { margin-top: 20px;}

.clr { clear: both;}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}