@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
background:#ffffff;
line-height: 32px;
font-size: 21px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #000000;
}
body, html{
overflow-x:hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
html * {
outline: none !important;
}
ol, ul, li {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a {
color:#29235c;
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
a:hover, a:focus {
cursor: pointer !important;
text-decoration: none;
color:#000000;
}
img {
display: block;
max-width: 100%;
height: auto;
}
strong {
font-weight: 700;
}
em, i {
font-style: italic;
}
small {
font-size: 12px;
line-height: 16px;
}
ul {
margin: 0;
padding: 0 0 20px 0;
list-style-type: none;
}
ul li {
background: url(../images/list-icon.png) no-repeat 0 5px;
padding: 0 0 12px 45px;
}
h1,h2{
font-family: 'Poppins', sans-serif;
font-weight:700;
}
h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
font-weight:600;
}
p {
padding: 0;
}
p:empty {
display: none !important;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
outline {
border: 0;
}
textarea {
outline: none;
resize: none;
}
input[type="submit"], input[type="button"], input[type="reset"] {
cursor: pointer;
outline: none;
font-family: 'Poppins', sans-serif;
transition:all 400ms linear;
}
button[disabled], input[disabled], submit[disabled] {
cursor: default;
}
.clear {
clear: both;
line-height: 0;
font-size: 0;
}
.wrapper {
margin: 0 auto;
}
.parallax {
background-attachment: fixed;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.container{
max-width:1410px;
margin-right: auto !important;
margin-left: auto !important;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: none;
}
/*************general*******************/
.btn-primary-new{
display:inline-block;
padding:6px 40px 8px;
margin:0 auto;
border-radius: 12px;
border:none;
font-family: 'Poppins', sans-serif;
font-size: 22px;
font-weight:700;
white-space: nowrap;
color: #ffffff;
max-width: 280px;
text-align: center;
text-transform: uppercase;
background: #8fbf2e;
moz-transition: all .4s linear;
-o-transition: all .4s linear;
-webkit-transition: all .4s linear;
transition: all .4s linear;
}
.btn-primary-new:hover,
.btn-primary-new:focus {
background: #29235c;
color: #ffffff;
box-shadow:none;
}
.header_top {
padding-top: 35px;
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 9;
}
.header_top.smaller {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding:0;
background: #fff;
transition:all 300ms linear;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.header_top.smaller h1.logo a::before,.header_top.smaller h1.logo a::after{
display:none;
}
.header_top.smaller h1.logo{
max-width: 100px;
margin-top:8px;
}
.header_top.smaller .col-md-8{
align-items: center;
}
.header_top .container-fluid {
padding-left: 50px;
padding-right: 50px;
}
h1.logo {
margin: 0;
}
h1.logo a {
display: inline-block;
border: none;
outline: none;
position: relative;
z-index: 2;
transition:all 300ms linear;
}
h1.logo a::before {
position: absolute;
content: '';
top: -200px;
left: -80px;
background: #fff;
width: 400px;
height: 400px;
z-index: -1;
border-radius: 50%;
box-shadow: 0 0 24px rgb(255 255 255 / 38%);
}
h1.logo a::after {
position: absolute;
content: '';
bottom: -70px;
right: -20px;
width: 30px;
height: 30px;
background: #fff;
border-radius: 50%;
}
nav.navigation {
font-size: 17px;
font-weight: 500;
color: #000;
text-transform: uppercase;
}
nav.navigation ul {
padding: 0;
}
nav.navigation ul li {
display: inline-block;
background: none;
padding: 0 44px 0 0;
}
nav.navigation ul li a{
color: #000;
}
nav.navigation ul li a:hover{
color: #8fbf2e;
}
.social_icon ul {
padding: 0;
}
.social_icon ul li{
display: inline-block;
background: none;
padding: 0 6px 0 0;
}
.social_icon ul li:last-child{
padding-right:0;
}
.social_icon ul li a{
color: #ffffff;
width:30px;
height:30px;
border-radius:50%;
background:#29235c;
display: block;
}
.social_icon ul li a i {
text-align: center;
display: block;
line-height: 30px;
}
.banner{
background:#daf1ff;
position: relative;
overflow: hidden;
}
.banner_img {
float: right;
position: relative;
z-index:2;
padding-top: 100px;
}
.banner_img::before {
position: absolute;
content: '';
bottom:-190px;
right:-240px;
background: #fff;
width: 950px;
height: 950px;
z-index: -1;
border-radius: 50%;
box-shadow: 0 0 24px rgb(255 255 255 / 38%);
}
.banner .container {
position: absolute;
top: 65%;
left: 50%;
transform: translate(-50%,-50%);
}
.banner_txt {
max-width: 730px;
position: relative;
}
.banner_txt::after {
position: absolute;
content: '';
bottom: -120px;
left: 35%;
background: url(../images/bubbles-img.png) no-repeat bottom center;
width: 95px;
height: 89px;
}
.banner_txt h2{
font-size:101px;
color:#29235c;
margin-bottom:42px;
letter-spacing: -4px;
-webkit-text-stroke: 1px #ffffff;
}
.banner_txt mark {
font-weight: 400;
font-style: normal;
padding: 0 4px;
background: #8fbf2e;
color: #fff;
}
.modal-dialog {
max-width: 1000px;
}
.modal-open .modal.modal-center {
display: flex !important;
align-items: center !important;
}
.modal-dialog {
flex-grow: 1;
}
button.close {
position: absolute;
right: -15px;
top: -15px;
background: #000;
font-size: 20px;
text-shadow: none;
z-index: 9;
border-radius: 50%;
opacity: 1;
color: #fff;
border: 1px solid #fff;
line-height: 20px;
font-weight: 400;
width: 35px;
height: 35px;
}
button.close:hover, button.close:focus{
opacity: 1;
color: #fff;
}
.video_section{
padding:88px 0 65px 0;
}
.video_box figure{
position: relative;
}
a.video_btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video_box h3 {
font-size: 18px;
color: #29235c;
font-weight: 600;
text-decoration: none;
margin: 0;
}
.general_hdng h2 {
font-size: 51px;
text-align: center;
color:#29235c;
margin-bottom:88px !important;
}
.viewall_btn {
text-align: center;
display: block;
margin-top: 60px;
font-size: 31px;
font-weight: 700;
}
.viewall_btn i {
color: #8fbf2e;
font-size: 33px;
}
.shop_section{
padding:76px 0 66px 0;
background:#daf1ff;
}
.shop_box {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 3px 6px 21px rgb(146 192 222 / 46%);
transition:all 400ms linear;
position:relative;
}
.shop_box:hover{
box-shadow: 3px 6px 21px rgb(146 192 222 / 76%);
}
.shop_box a{
display:block;
}
.shop_box span.seller_tag {
position: absolute;
background: #d04c4c;
font-size: 14px;
color: #fffd61;
line-height: 1;
padding: 6px 10px 5px;
top: 15px;
left: 0;
border-radius: 0px 5px 5px 0px;
}
.shop_box .product_info {
padding: 10px 30px;
}
.shop_box .product_img {
height: 200px;
overflow: hidden;
}
.shop_box .product_info h3{
font-size:21px;
margin-bottom:7px;
font-weight:400;
line-height: 1;
}
.shop_box .product_info span.price{
font-size:21px;
margin-bottom:0;
font-weight:400;
display:block;
line-height: 1;
}
.shop_box .product_info .review img {
display: inline-block;
vertical-align: middle;
}
.shop_box .product_info span.review_txt {
font-size: 14px;
display: inline-block;
margin-left: 5px;
vertical-align: baseline;
line-height: 1;
}
.form_section{
padding:140px 0 0 0;
background: #daf1ff;
}
.form_section .general_hdng h2 {
position:relative;
margin-bottom: 150px !important;
}
.form_section .general_hdng h2 span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 249px;
width: 100%;
opacity: 0.06;
letter-spacing: -12px;
}
footer{
background: #daf1ff;
}
.insta_img img {
margin: 0 auto;
}
.instagram-slider {
margin-bottom: 40px;
margin-top: 10px;
}
.footer_nav {
font-size: 14px;
font-weight: 500;
color: #000;
text-transform:uppercase;
text-align:center;
}
.footer_nav ul{
padding:0;
}
.footer_nav ul li{
display:inline-block;
padding:0 40px 0 0;
background:none;
}
.footer_nav ul li a{
color: #000;
}
.footer_nav ul li a:hover {
color: #8fbf2e;
}
.footer_nav ul li:last-child{
padding-right:0;
}
address.copyright {
text-align: center;
font-size: 12px;
color: #4c4c4c;
line-height: 1;
margin-top: 23px;
}
.form-group {
margin-bottom: 2rem !important;
text-align:center;
}
.form_box .form-control{
border:none;
border-bottom:2px solid #29235c;
border-radius:0;
background:transparent;
font-size:18px;
font-weight:400;
color:#29235c;
height:42px;
}
.form_box {
width: 40%;
margin: 0 auto;
}
.wpcf7-not-valid-tip {
color: #fff;
font-size: 12px;
display: inline-block;
text-align: left;
background: red;
line-height: 1;
padding: 2px 5px 4px;
font-weight: bold;
}
.wpcf7 form .wpcf7-response-output {
margin: 1em 0.5em 1em;
padding: 5px;
font-size: 12px;
line-height: 1;
}
.form_box .wpcf7-spinner {
position: absolute;
top: 12px;
}

.navigation ul li.mobile_close {
display: none;
}
.sidr {
background: #29235c;
color:#ffffff;
padding:0;
z-index:9999;
font-size: 16px;
font-weight: 400;
line-height: 18px;
text-transform: uppercase;
/*border-top:6px solid #454545;*/
width:300px;
letter-spacing: 0;
}
.sidr .sidr-inner {padding:63px 18px 18px 18px !important;height:auto;}
.sidr  ul{margin:0;padding:0;}
.sidr ul li{
padding: 0 0 16px 0;
margin: 0 0 20px 0;
background: none;
border-bottom:1px solid rgba(255,255,255,0.3);
position:relative;
}
.sidr ul li ul li {
line-height: 16px;
font-size: 12px;
background:url(../images/menu_arrw.png) no-repeat left 3px;
border-bottom:1px solid rgba(255,255,255,0.3);
}
.sidr ul li ul.sidr-class-sub-menu{margin-top:15px;margin-bottom:5px;}
.sidr ul li ul li a, .sidr ul li ul li span {padding-left: 20px;color: #ffffff;}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active{line-height: 16px;}
.sidr ul li ul li:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.sidr-class-mb_close_btn{display:none;}
.sidr ul li a, .sidr ul li span{padding:0;color:#ffffff;}
#mobile-header {display: none;float: none;margin-left: 0;}
#mobile-header.sidr-open.sidr-main-open .on{display:none;}
#mobile-header .off{display:none;}

.sidr .sidr-class-mobile_close {
display: block;
position: absolute;
z-index: 9999999;
top: 10px;
right: 10px;
background: url(../images/close_btn.png) no-repeat center center;
padding: 0;
border-radius: 0;
color: #000000;
font-size: 0;
width: 40px;
height: 40px;
border: none;
margin:0;
}
.sidr .sidr-class-mobile_close a{
width:40px;
height:40px;
display:block;
padding:0;
}
.sidr .sidr-inner .active .sidr-class-dropIc, .sidr-class-dropIc {
position: absolute;
right: 0;
height: 40px;
width: 40px;
top: -10px;
cursor: pointer;
background: url(../images/arrow_icon_dwn.png) no-repeat center center;
}
.header_top.innerHeader {
position: relative;
background: #daf1ff;
}
.header_top.innerHeader.smaller{
position:fixed;
background: #ffffff;
z-index: 999;
}
.header_top.innerHeader.smaller h1.logo {
max-width: 100px;
margin-top: 8px;
}
.header_top.innerHeader h1.logo {
max-width: 200px;
text-align: center;
}
.header_top.innerHeader h1.logo a::before {
top: -180px;
left: -80px;
width: 350px;
height: 350px;
}
.header_top.innerHeader h1.logo a::after {
bottom: -60px;
right: -30px;
}
.inner_banner{
background: #daf1ff;
text-align:center;
padding:50px 0;
margin-bottom:75px;
}
.inner_banner h1{
color:#29235c;
font-size:101px;
font-weight:700;
margin:0;
text-shadow: -1px 1px 1px #fff;
position:relative;
z-index: 9;
}
.inner_banner h1::before {
position: absolute;
content: '';
bottom: -20px;
left: auto;
background: url(../images/inner_hdng_bubble.png) no-repeat bottom left;
width: 95px;
height: 89px;
z-index: -1;
margin-left: -37px;
}
.about_section mark {
font-weight: 400;
font-style: normal;
padding: 0 4px;
background: #8fbf2e;
color: #fff;
}
.about_section, .contact_section, .video_section_inner, .testimonial_section {
margin-bottom: 80px;
}
.instagram-cont {
padding-top: 60px;
}
.bx-wrapper {
background: #daf1ff;
border: none;
box-shadow: none;
padding: 50px;
border-radius: 8px;
}
.bx-wrapper ul{
padding:0;
}
.bx-wrapper ul li{
padding:0;
background:none;
}
span.date {
font-size: 14px;
}
.contact_form {
width: 40%;
margin: 0 auto;
}
.contact_form .form-control {
border: none;
border-bottom: 2px solid #29235c;
border-radius: 0;
background: transparent;
font-size: 18px;
font-weight: 400;
color: #29235c;
height: 42px;
}
.video_section_inner .video_box {
margin-bottom: 40px !important;
}
.viewall_btn img {
display: inline-block;
vertical-align: middle;
width: 35px;
margin-left: 20px;
}
span.wpcf7-spinner {
position: absolute;
top: 12px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
left: 0;
}
/******************Responsive****************/
@media screen and (max-width:1450px){
nav.navigation{
font-size: 14px;
}
nav.navigation ul li{
padding: 0 15px 0 0;
}
.banner_img{
max-width: 400px;
}
.banner_img::before {
bottom: -230px;
right: -280px;
background: #fff;
width: 700px;
height: 700px;
}
h1.logo a::before{
width: 300px;
height: 300px;
}
h1.logo a::before {
top: -180px;
left:-90px;
width: 300px;
height: 300px;
}
h1.logo a, .header_top.innerHeader h1.logo{
max-width: 130px;
}
.header_top.innerHeader h1.logo a::before {
top: -190px;
left: -90px;
width: 300px;
height: 300px;
}
.form_section .general_hdng h2 span{
font-size: 180px;
}
}
@media screen and (max-width:1200px){
.banner_txt {
max-width: 650px;
position: relative;
}
.banner_txt h2 {
font-size: 60px;
margin-bottom: 20px;
line-height: 1;
}
.banner {
font-size: 16px;
}
.form_section .general_hdng h2 span{
font-size: 150px;
}
.form_section .general_hdng h2 {
margin-bottom: 80px !important;
}
}
@media screen and (max-width:1100px){
#mobile-header {
display: inline-block;
margin-right: 20px;
vertical-align: middle;
margin-top: 1px;
font-size: 30px;
width: auto;
}
#mobile-header a{
color:#29235c;
display:block;
}
.navigation{
display:none;
}
.banner .container {
position: relative;
top: 0;
left: 0;
transform: none;
text-align: center;
}
.banner_img {
float: none;
max-width: 400px;
margin: 0 auto;
padding: 0;
}
.banner {
display: flex;
flex-direction: column-reverse;
}
.banner_img::before{
display:none;
}
.banner_img {
float: none;
width: 400px;
margin:30px auto 0 auto;
border-radius: 50%;
background: #fff;
height: 400px;
overflow: hidden;
max-width: inherit;
padding: 20px;
}
.banner_txt {
max-width: inherit;
position: relative;
margin-top: 30px;
margin-bottom: 40px;
}
.header_top{
position: relative;
background: #daf1ff;
}
}
@media screen and (max-width: 850px){
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, 
.col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, 
.col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, 
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, 
.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
.col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, 
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, 
.col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, 
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9{
width:100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.header_top .col-md-4 {
max-width: 70% !important;
flex: 0 0 70% !important;
width: 70% !important;
}
.header_top .col-md-8 {
max-width: 30% !important;
flex: 0 0 30% !important;
width: 30% !important;
}
.video_box {
margin: 0 auto 20px auto !important;
text-align: center;
}
.video_box figure img {
margin: 0 auto;
}
.shop_box .product_img {
height: auto;
}
.shop_box {
width: 50%;
margin: 0 auto 30px auto !important;
}
.form_box {
width: 100%;
margin: 0 auto;
}
.header_top .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
.about_section .vc_col-sm-3 {
margin-bottom: 40px;
}
.about_section .vc_col-sm-3 .vc_single_image-wrapper img {
margin: 0 auto;
display: block;
width: 100%;
}
.about_section .vc_col-sm-3 .vc_single_image-wrapper, .about_section .vc_col-sm-3 .vc_figure {
display: block;
}
body{
font-size: 16px;
}
.general_hdng h2 {
font-size: 30px;
margin-bottom: 35px !important;
}
.video_box figure img {
width: 100%;
}
.video_box h3 {
font-size: 16px;
}
.contact_form {
width: 100%;
}
main {
min-height: 800px;
}
.form_section .col-md-12:last-child .form-group{
margin-bottom:0 !important;
}
}
@media screen and (max-width: 767px){
.header_top.smaller h1.logo a::before,.header_top.smaller h1.logo a::after{
display:none;
}
.video_section, .shop_section, .form_section {
padding: 40px 0 50px 0;
}
.general_hdng h2 {
font-size: 35px;
margin-bottom: 40px !important;
}
.form_section .general_hdng h2 span {
font-size: 100px;
letter-spacing:-1px;
}
.form_section .general_hdng h2 {
margin-bottom: 50px !important;
}
.form_section{
padding-bottom:30px;
padding-top: 70px;
}
.instagram-slider {
margin-bottom: 20px;
margin-top: 5px;
}
.shop_section .col-md-3:last-child .shop_box, .video_section .col-md-4:last-child .video_box  {
margin-bottom: 0 !important;
}
.viewall_btn{
margin-top:30px;
}
.footer_nav ul li {
padding: 0 20px 0 0;
}
.instagram-cont {
padding-top: 30px;
}
.about_section, .contact_section, .video_section_inner, .testimonial_section,
.inner_banner {
margin-bottom: 40px;
}
main {
min-height: inherit;
}
.inner_banner h1{
font-size: 70px;
}
.bx-wrapper{
padding:20px;
}
}
@media screen and (max-width: 600px){
.header_top {
padding-top: 10px;
}
h1.logo a::before {
top: -190px;
left: -100px;
}
.header_top .col-md-8 {
align-items: center;
}
h1.logo a::after, .footer_nav{
display:none;
}
.shop_box {
width: 100%;
}
.form_section .general_hdng h2 span {
font-size: 65px;
letter-spacing: 0;
line-height: 1;
}
.banner_txt h2 {
font-size: 50px;
}
.instagram-slider {
margin-bottom: 0;
}
.inner_banner h1 {
font-size: 45px;
}
}
@media only screen and (max-device-width: 568px) and (orientation : landscape) {

}
@media screen and (max-width: 400px){
.banner_img {
width: 300px;
height: 300px;
}
.banner_txt h2 {
font-size: 40px;
}
.form_section .general_hdng h2 span {
font-size: 55px;
}
.general_hdng h2 {
font-size: 25px;
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 360px){
.inner_banner h1 {
font-size: 35px;
}
}