*
{
    user-select: none;
    box-sizing: border-box;
   
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:10px;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;   
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
    list-style: none;
}
/* 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;
}

/* change border colour to suit your needs */

hr {
    display:block;
    height:3px;
    border:0;  
    border-top:2px solid #101d2c;
    margin:1rem 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*all resets complete */


/*---------------------spinner loader------------*/

.spinner-wrapper{
    width: 100%;
    height: 100%;
    background:#590040;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner {
    position: relative;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
	margin-bottom:1rem;
}

.spinner::before,
.spinner:after{
    content: "";
    position: absolute;
    border-radius: 50%;
}

.spinner:before {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(114,187,20,1) 0%, rgba(16,29,44,1) 0%, rgba(110,188,19,1) 0%, rgba(89,0,64,1) 67%); ;
    animation: spin .8s infinite linear;
}
.spinner:after {
    width: 90%;
    height: 90%;
    background:#590040;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    to {
        transform: rotate(360deg);    
    }
}


.spinner span
{
    width:100%;
    color:#590040;
    padding:2rem 0 0 1rem;
	margin-top:2rem;
    font-size:2rem;
    text-transform:capitalize;
    letter-spacing:1px;
    z-index: 1000;
    animation: text 2s linear infinite;
    font-family: 'Shadows Into Light',sans-serif;
}

@keyframes text
{
    50%{
        color:#fff;
       
    }
}







/*---------------top contact---------------------------*/
.top
{
    background:#fff;
    height:8rem;
    width:100%;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    flex-wrap: wrap;
    justify-content: space-between;
    text-decoration: none;
    list-style: none;   
    border-bottom:2px solid #6ebc13;
/*    display: none;*/
}

.top i
{
    color:#6ebc13;  
    margin-right:1rem;
    font-size:1.3rem;
    padding:1rem;
    border-radius: 50%;
    border:3px solid #590040;
    
}
.top p
{
    color:#590040;
    font-family: 'Acme',sans-serif;
    font-size:1.2rem;
    display:block;
    margin: 0 auto;
    padding:1rem 1rem;
     
}

.top a.top-2
{
    float:left;
}



@media only screen and (min-width:768px)
{
    .top
{
   
    height:10rem;
    display: block;
}

.top i
{
    font-size:2rem;
}
.top p
{
    font-size:1.8rem;
}
}

@media only screen and (min-width:1024px)
{
    

.top i
{
    font-size:2.2rem;
}
.top p
{
    font-size:2rem;
}
}







/*--------------header-------------------------------*/

.hamburger
{
    position:fixed;
    top:8rem;   
    right:4rem;
    padding:2rem;
    cursor:pointer;
    z-index: 2000;
    animation-duration:2s;
    animation-fill-mode: both;
    animation-name: fadeInRight;
}

.hamburger i
{
    font-size:2.5rem;   
    color:#6ebc13;
    border-radius:10px;
}

.hamburger i.fa-times
{
    display: none;
    color:red;
}

img#logo-2
{
    width:100%;
    
}



header::before
{
    content:'';
    position: fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: rgba(0,0,0,.5);
    transform:translate(-100%, -100%);
    opacity:0;
    z-index: 999;
    transition: opacity .6s, transform .2s .6s;
}

.sidebar
{
    background:rgba(89,0,64,0.85);
    position:fixed;
    top:0;
    left:0;
    width:19rem;
    max-height:100vh;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    padding:1.5rem;
    z-index: 1000;
    transform:translateX(-100%);
    transition:transform .6s cubic-bezier(0.95, 0.05, 0.795, 0.035); 
}

.nav-list
{
   list-style: none;
}
.nav-item
{
    position: relative;
    
}
.nav-item::before
{
    content:"";
    position: absolute;
    width:100%;
    height:2px;
    left:0;
    bottom:0;
    background: linear-gradient(90deg, rgba(114,187,20,1) 0%, rgba(16,29,44,1) 0%, rgba(110,188,19,1) 0%, rgba(110,188,19,1) 100%);;
}

.nav-link
{
    display:block;
    font-size:1.5rem;
    color: rgba(255,255,255,0.65);
    Margin-top:2rem;
    font-family:'Acme',sans-serif;
    letter-spacing: 2px;    
    transition:all .6s;
}

.nav-link:hover
{
     color: rgba(255, 255, 255, 0.9);
    
}

.nav-link.current
{
    color:rgba(255,255,255,0.85);
}

.nav-link i
{
    font-size:2.35rem;
    margin-right:1rem;
    margin-left:2rem;
    color:rgba(110,188,19,0.85);
}

.social-media
{
    display:flex;
    justify-content: space-between;
    padding:1rem;
   
}


.icon-link
{
    width:5rem;
    height:5rem;
    line-height:5rem;
    border-radius:50%;
    display:flex;
    list-style: none;
        
}
.icon-link:hover
{
   
    list-style: none;
    text-decoration: none;
}

.icon-link i
{
    margin:0 auto;
    font-size:2.5rem;
    padding:.8rem;
    font-weight:bold;
    list-style: none;
}

.fa-facebook
{
    color:#3b5998;
	
}

.fa-instagram-square
{
    color:#833ab4;
}
.fa-youtube-play 
{
    color:#ff0000;
}

/*media queries for landing, nav and header---------------*/

@media only screen and (min-width:375px)
{
    .nav-link
{
    display:block;
    font-size:1.5rem;
    color: rgba(255,255,255,0.65);
    margin:2.5rem 0;
    font-family:'Acme',sans-serif;
    letter-spacing: 2px;    
   
}
.nav-link i
{
    font-size:2.35rem;
    margin-right:1rem;
    margin-left:2rem;
    color:rgba(110,188,19,0.85);
}
}
@media only screen and (min-width:414px)
{
    .nav-link
{
    display:block;
    font-size:1.5rem;
    color: rgba(255,255,255,0.65);
    margin-top:3rem;
    font-family:'Acme',sans-serif;
    letter-spacing: 2px;    
    transition:all .6s;
}
.nav-link i
{
    font-size:2.35rem;
    margin-right:1rem;
    margin-left:2rem;
    color:rgba(110,188,19,0.85);
}
}





@media only screen and (min-width:768px)
{
    .hamburger i
{
    font-size:4rem;   
   
    border-radius:10px;
}
    
    .sidebar
    {
       
        width:23rem;
    }
    
     .nav-link
{
   
    font-size:2.5rem;   
    margin-top:4rem;
    letter-spacing: 2px;    
    transition:all .6s;
    
    padding:2rem 0 0 0;
}
.nav-link i
{
    font-size:2.5rem;
    margin-right:1rem;
    margin-left:1rem;
    color:rgba(110,188,19,0.85);
}
    
   .icon-link i
{
   
    font-size:4rem;
    padding:1rem;
    font-weight:bold;
    list-style: none;
} 
    
}



@media only screen and (min-width:1024px)
{
   
    .sidebar
    {
        max-height:100vh;
    }
   
      .nav-link
{
   
    font-size:2rem;   
    margin-top:3.5rem;
    letter-spacing: 2px;    
    transition:all .6s;    
    padding:1rem 0 0 0;
}
.nav-link i
{
    font-size:1.8rem;
    margin-right:1rem;
    margin-left:1rem;
    color:rgba(110,188,19,0.85);
}
    
   .icon-link i
{
   
    font-size:4rem;
    padding:1rem;
    font-weight:bold;
    list-style: none;
} 
    
    
}




@media only screen and (min-width:1366px)
{
   
    .sidebar
    {
        max-height: 100vh;
    }
   
      .nav-link
{
   
    font-size:2rem;   
    margin-top:4rem;
    letter-spacing: 2px;    
    transition:all .6s;   
    padding:1.5rem 0 0 0;
}
.nav-link i
{
    font-size:2rem;
    margin-right:1rem;
    margin-left:1rem;
    color:rgba(110,188,19,0.85);
}
    
   .icon-link i
{
   
    font-size:4rem;
    padding:1rem;
    font-weight:bold;
    list-style: none;
} 
    
    
}





main
{
    perspective: 100rem;
    min-height:100%;
}

.zoom-content
{
    transform-style: preserve-3d;
     transition:transform .5s cubic-bezier(0.65, 0.05, 0.65, 0.035); 
}


.active .hamburger .fa-times
{
    display:block;
   
}

.active .hamburger .fa-bars
{
    display:none;
}

header.active::before
{
    transform:translate(0,0);
    opacity:.5;
    transition: opacity .6s;
}

.active .sidebar 
{
    transform: translateX(0);
}

.active .zoom-content
{
    transform: translate3d(0, 0, -1rem);
}







/*------------navigation-----------------------------*/


/*Landing Page bg vid style*/

.hero
{
    display: flex;   
    background:rgba(255,255,255,0.15);
    margin-bottom:0rem;   
    position: relative;
    overflow: hidden;
    height:calc(100vh - 8rem);
}

.vid-bg 
{
    position: absolute;
    z-index: -1;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
    background-position: center top;
}

.logo
{
   display: flex;
   position: absolute;
   top:2%;
  left:0;    
}

.logo img
{
    width:85%;
}

h2.quote
{
    padding:25rem 0 0 0;   
    font-size: 3rem;
    color:#fff;
    font-family: 'Acme',sans-serif;
    text-align:center;
}
p.quote
{
    text-align: center;
    padding:2rem 0 0 0;
    color:#fff;
    font-size:1.8rem;
    font-family: 'Noto Sans JP',sans-serif;
}

.hero a.btn
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom:4rem;
    left:50%;
    transform: translate(-50%);
    margin:0 auto;
    text-align: center;
    padding:1rem 1.5rem;
    border:4px solid #590040;
    font-family: 'Acme',sans-serif;
    letter-spacing: 1px;
    color:rgba(255,255,255,0.85);
    background:rgba(0,0,0,0.85);
    border-radius:5px;  
    font-size:1.5rem;
}








@media only screen and (min-width:375px)
{
    .top
{
    
    height:8rem;       
    border-bottom:2px solid #6ebc13;
    display:block;
}

.top i
{
    color:#6ebc13;  
    margin-right:1.3rem;
    font-size:1.5rem;
    padding:.5rem;
    border-radius: 50%;
    border:3px solid #590040;
    
}
.top p
{
    color:#590040;
    font-family: 'Acme',sans-serif;
    font-size:1.5rem;
    display:block;
    margin: 0 auto;   
     line-height: 6rem;
}
.hero
{
    height:calc(100vh - 8rem);
}
    
    .logo
{
  
   position: absolute;
   top:3%;
  left:0;    
}

.logo img
{
    width:90%;
}

h2.quote
{
    padding:35rem 0 0 0;   
    font-size: 3rem;
    
    font-family: 'Acme',sans-serif;
    text-align:center;
}
p.quote
{
    text-align: center;
    padding:2rem 0 0 0;
   
    font-size:1.8rem;
    font-family: 'Noto Sans JP',sans-serif;
}

.hero a.btn
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom:2rem;
    left:50%;
    transform: translate(-50%);
    margin:0 auto;
    text-align: center;
    padding:1rem 1.5rem;
    border:4px solid #590040;
    font-family: 'Acme',sans-serif;
    letter-spacing: 1px;
    color:rgba(255,255,255,0.85);
    background:rgba(0,0,0,0.85);
    border-radius:5px;
   
    font-size:1.5rem;
}


}





@media only screen and (min-width:414px)
{
    .top
{
    
    height:8rem;       
    border-bottom:3px solid #6ebc13;
    display:block;
}

.top i
{
    color:#6ebc13;  
    margin-right:1.5rem;
    font-size:1.5rem;
    padding:.8rem;
    border-radius: 50%;
    border:3px solid #590040;
    
}
.top p
{
    color:#590040;
    font-family: 'Acme',sans-serif;
    font-size:1.6rem;
    display:block;
    margin: 0 auto;   
    line-height: 6rem;
}

   nav .icon-burger
{
    position: absolute;
    right:8%;
    top:1.5rem !important;   
    z-index: 1000;
   
} 
    .logo
{
  
   position: absolute;
   top:3%;
  left:0;    
}

.logo img
{
    width:90%;
}

h2.quote
{
    padding:35rem 0 0 0;   
    font-size: 3rem;
   
    font-family: 'Acme',sans-serif;
    text-align:center;
}
p.quote
{
    text-align: center;
    padding:2rem 0 0 0;
  
    font-size:1.8rem;
    font-family: 'Noto Sans JP',sans-serif;
}

.hero a.btn
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom:2rem;
    left:50%;
    transform: translate(-50%);
    margin:0 auto;
    text-align: center;
    padding:1rem 1.5rem;
    border:4px solid #590040;
    font-family: 'Acme',sans-serif;
    letter-spacing: 1px;
    color:rgba(255,255,255,0.85);
    background:rgba(0,0,0,0.85);
    border-radius:5px;
   
    font-size:1.5rem;
}


}






@media only screen and (min-width:768px)
{
      .top
{
    
    height:8rem;       
    border-bottom:4px solid #6ebc13;
    display:block;
}

.top i
{
    color:#6ebc13;  
    margin-right:2rem;
    font-size:2rem;
    padding:1rem;
    border-radius: 50%;
    border:4px solid #590040;
    
}
.top p
{
    color:#590040;
    font-family: 'Acme',sans-serif;
    font-size:2rem;
    display:block;
    margin: 0 auto;   
    line-height:5rem;
    letter-spacing: 1px;
}

   
    .logo
{
  
   position: absolute;
   top:10%;
   left:2rem;    
}

.logo img
{
    width:85%;
}

h2.quote
{
    padding:75% 0 0 0;   
    font-size:4rem;
   
    font-family: 'Acme',sans-serif;
    text-align:center;
}
p.quote
{
    text-align: center;
    padding:2.5rem 0 0 0;
   
    font-size:2rem;
    font-family: 'Noto Sans JP',sans-serif;
}

.hero a.btn
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom:6rem;
    left:50%;
    transform: translate(-50%);
    margin:0 auto;
    text-align: center;
    padding:1rem 1.5rem;
    border:4px solid #590040;
    font-family: 'Acme',sans-serif;
    letter-spacing: 1px;
    color:rgba(255,255,255,0.85);
    background:rgba(0,0,0,0.85);
    border-radius:5px;
   
    font-size:2rem;
}



}

@media only screen and (min-width:1024px)
{
      .top
{
    
    height:8rem;       
    border-bottom:4px solid #6ebc13;
    display:block;
}

.top i
{
    color:#6ebc13;  
    margin-right:2rem;
    font-size:2rem;
    padding:1rem;
    border-radius: 50%;
    border:4px solid #590040;
    
}
.top p
{
    color:#590040;
    font-family: 'Acme',sans-serif;
    font-size:2rem;
    display:block;
    margin: 0 auto;   
    line-height:5rem;
    letter-spacing: 1px;
}

   
    .logo
{
  
   position: absolute;
   top:20%;
   left:2rem;    
}

.logo img
{
    width:45%;
}

h2.quote
{
    padding:50% 0 0 0;   
    font-size:4rem;
    
    font-family: 'Acme',sans-serif;
    text-align:center;
}
p.quote
{
    text-align: center;
    padding:2.5rem 0 0 0;
    
    font-size:2rem;
    font-family: 'Noto Sans JP',sans-serif;
}

.hero a.btn
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom:6rem;
    left:50%;
    transform: translate(-50%);
    margin:0 auto;
    text-align: center;
    padding:1rem 1.5rem;
    border:4px solid #590040;
    font-family: 'Acme',sans-serif;
    letter-spacing: 1px;
    color:rgba(255,255,255,0.85);
    background:rgba(0,0,0,0.85);
    border-radius:5px;
  
    font-size:2rem;
}


}

@media only screen and (min-width:1280px)
{
      .top
{
    
    height:8rem;       
    border-bottom:4px solid #6ebc13;
    display:block;
}

.top i
{
    color:#6ebc13;  
    margin-right:2rem;
    font-size:2rem;
    padding:1rem;
    border-radius: 50%;
    border:4px solid #590040;
    
}
.top p
{
    color:#590040;
    font-family: 'Acme',sans-serif;
    font-size:2rem;
    display:block;
    margin: 0 auto;   
    line-height:5rem;
    letter-spacing: 1px;
}

   
    .logo
{
  
   position: absolute;
   top:20%;
   left:2rem;    
}

.logo img
{
    width:45%;
}

h2.quote
{
    padding:65% 0 0 0;   
    font-size:4rem;
   
    font-family: 'Acme',sans-serif;
    text-align:center;
}
p.quote
{
    text-align: center;
    padding:2.5rem 0 0 0;
  
    font-size:2rem;
    font-family: 'Noto Sans JP',sans-serif;
}

.hero a.btn
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom:6rem;
    left:50%;
    transform: translate(-50%);
    margin:0 auto;
    text-align: center;
    padding:1rem 1.5rem;
    border:4px solid #590040;
    font-family: 'Acme',sans-serif;
    letter-spacing: 1px;
    color:rgba(255,255,255,0.85);
    background:rgba(0,0,0,0.85);
    border-radius:5px;
  
    font-size:2rem;
}


}




/*------------------------about section start---------------------*/


.about
{
    width:90%;
    padding:0;
    margin:0 auto;
    background:#fff!important;
    
}

h2.ab
{
    text-align: center;
    padding:6rem 0 3rem 0;
    font-size:2.2rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}

.about img#lo-img
{
    padding:1rem;
    border-radius:55%;
    width:100%;
   
}

h2.desc
{
    text-align: center;
    padding:4rem 0 0rem 0;
    font-size:2.2rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}

p.desc
{
    text-align: left;
    margin-left:2rem;
    text-indent: 3rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:1rem;
    line-height: 2rem;  
    font-size: 1.5rem;
}

span.ab1
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#6ebc13;
    padding:0rem;    
    font-weight:600;
    font-size: 1.5rem;
}

span.ab2
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#590040;
    padding:0rem;    
    font-weight:600;
    font-size: 1.5rem;
}

p.desc2
{
	text-align: left;
    margin-left:2rem;
	margin-top:2rem;
    text-indent: 3rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:1rem;
    line-height: 2rem;  
    font-size: 1.5rem;
}



.about img#heart
{
    padding:2rem;    
    width:100%;    
}

.con-bg
{
    width:90%;  
    margin:4rem auto;
    height:35rem;   
    background:url(images/connected.jpg);
    background-position:top;
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    box-shadow: 2px 2px 10px #000;
}

h2.conn
{
    padding:3rem 0 0 0;
    text-align: center;
    font-size:2.2rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
    margin:0 auto;
}

.social
{
    width:90%;
    height:8rem;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background:#fff;
    text-align: center;
    margin:0 auto;
}

.social a
{
    list-style: none;
    text-decoration: none;
}

.social a i
{
    font-size:3rem;
}

h2.fb
{
   padding:3rem 0 0 0;
    text-align: center;
    font-size:2.2rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500; 
}






@media only screen and (min-width:768px)

{
    .about
    {
        height:100% auto;
    }
    h2.ab
{
    text-align: center;
    padding:8rem 0 4rem 0;
    font-size:3rem;      
    letter-spacing: 1px;
    font-weight:500;
}

.about img#lo-img
{
    padding:1rem;
    border-radius:5%;
    width:100%;
    background:none;
    margin:50% 0 0 1rem;
   
}

h2.desc
{
    text-align: center;
    padding:0;
    font-size:2.5rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}

p.desc
{
    text-align:center;
    margin-left:0rem;
    text-indent: 3rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:1rem;	      
    font-size: 1.8rem;
}

span.ab1
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#6ebc13;
    padding:0rem;    
    font-weight:600;
    font-size: 1.8rem;
}

span.ab2
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#590040;
    padding:0rem;    
    font-weight:600;
    font-size: 1.9rem;
}

p.desc2
{
	text-align: left;
    margin-left:2rem;
	margin-top:2rem;
    text-indent: 3rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:1rem;
    line-height: 2rem;  
    font-size: 1.5rem;
}	
	
	
	
.about img#heart
{
    padding:1rem;
    border-radius:5%;
    width:100%;
    background:none;
    margin:50% 0 0 0rem;
}


h2.conn
{
    padding:4rem 0 2rem 0;
    text-align: center;
    font-size:3rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
    margin:0 auto;
}

.social
{
    width:100%;
    height:10rem;
    padding:2rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background:#fff;
    text-align: center;
    margin:0 auto;
   
}

.social a
{
    list-style: none;
    text-decoration: none;
}

.social a i
{
    font-size:5rem;
    
}

h2.fb
{
    padding:3rem 0 0 0;
    text-align: center;
    font-size:2.2rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500; 
}
}



@media only screen and (min-width:1024px)

{
    .about
    {
        height:100% auto;
    }
    h2.ab
{
    text-align: center;
    padding:8rem 0 2rem 0;
    font-size:4rem;      
    letter-spacing: 1px;
    font-weight:500;
}

.about img#lo-img
{
    padding:1rem;
    border-radius:5%;
    width:100%;
    background:none;
    margin:10% 0 3rem 1rem;
   
}

h2.desc
{
    text-align: center;
    padding:0rem 0 1rem 0;
    font-size:3rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
}

p.desc
{
    text-align:center;
    margin-left:0rem;
    text-indent: 0rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:0 0 0 1rem;   
    font-weight:500;
    font-size:1.7rem;
}
span.ab1
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#6ebc13;
    padding:0rem;    
    font-weight:600;
    font-size: 1.9rem;
}

span.ab2
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#590040;
    padding:0rem;    
    font-weight:600;
    font-size: 2rem;
}

p.desc2
{
	text-align: left;
    margin-left:2rem;
	margin-top:2rem;
    text-indent: 3rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:3rem 0 0 0;
    line-height:2rem;  
    font-size: 1.65rem;
}	
.about img#heart
{
    padding:1rem;
    border-radius:5%;
    width:100%;
    background:none;
    margin:17% 0 0 0rem;
}


h2.conn
{
    padding:4rem 0 2rem 0;
    text-align: center;
    font-size:3rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
    margin:0 auto;
}

.social
{
    width:100%;
    height:10rem;
    padding:2rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background:#fff;
    text-align: center;
    margin:0 auto;
   
}

.social a
{
    list-style: none;
    text-decoration: none;
}

.social a i
{
    font-size:5rem;
    
}

h2.fb
{
    padding:3rem 0 0 0;
    text-align: center;
    font-size:2.2rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500; 
}
}


@media only screen and (min-width:1200px)

{
    .about
    {
        height:100% auto;
    }
    h2.ab
{
    text-align: center;
    padding:8rem 0 2rem 0;
    font-size:4rem;      
    letter-spacing: 1px;
    font-weight:500;
}

.about img#lo-img
{
    padding:1rem;
    border-radius:5%;
    width:100%;
    background:none;
    margin:10% 0 3rem 1rem;
   
}

h2.desc
{
    text-align: center;
    padding:3rem 0 1rem 0;
    font-size:3rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
}

p.desc
{
    text-align:center;
    margin-left:0rem;
    text-indent: 0rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:3rem 0 0 1rem;   
    font-weight:500;
    font-size:1.9rem;
	line-height:2rem;
}
span.ab1
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#6ebc13;
    padding:0rem;    
    font-weight:600;
    font-size:2.1rem;
}

span.ab2
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#590040;
    padding:0rem;    
    font-weight:600;
    font-size: 2.4rem;
}

p.desc2
{
	text-align:center;
    margin-right:2rem;
	margin-top:4rem;
    text-indent: 3rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:3rem 0 0 0;
    line-height:2.5rem;  
    font-size: 1.8rem;
}	
.about img#heart
{
    padding:1rem;
    border-radius:5%;
    width:100%;
    background:none;
    margin:17% 0 0 0rem;
}


h2.conn
{
    padding:4rem 0 2rem 0;
    text-align: center;
    font-size:3rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
    margin:0 auto;
}

.social
{
    width:100%;
    height:10rem;
    padding:2rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background:#fff;
    text-align: center;
    margin:0 auto;
   
}

.social a
{
    list-style: none;
    text-decoration: none;
}

.social a i
{
    font-size:5rem;
    
}

h2.fb
{
    padding:3rem 0 0 0;
    text-align: center;
    font-size:2.2rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500; 
}
}

@media only screen and (min-width:1366px)

{
    .about
    {
        height:100% auto;
    }
    h2.ab
{
    text-align: center;
    padding:8rem 0 2rem 0;
    font-size:4rem;      
    letter-spacing: 1px;
    font-weight:500;
}

.about img#lo-img
{
    padding:1rem;
    border-radius:5%;
    width:80%;
    background:none;
    margin:10% 0 3rem 1rem;
   
}

h2.desc
{
    text-align: center;
    padding:0rem 0 2rem 0;
    font-size:3rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
}

p.desc
{
    text-align:center;
    margin-left:0rem;
    text-indent: 0rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:0 0 0 2rem;;
    line-height:2.5rem;
    font-weight:400;
    font-size:2rem;
}
span.ab1
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#6ebc13;
    padding:0rem;    
    font-weight:600;
    font-size: 1.9rem;
}

span.ab2
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#590040;
    padding:0rem;    
    font-weight:600;
    font-size: 2rem;
}

p.desc2
{
	text-align:center;
    margin-left:0rem;
    text-indent: 0rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:4rem 2rem 0 0;
    line-height:2.5rem;
    font-weight:400;
    font-size:1.9rem;
}	
.about img#heart
{
    padding:1rem;
    border-radius:5%;
    width:100%;
    background:none;
    margin:12% 0 0 0rem;
}



h2.conn
{
    padding:4rem 0 2rem 0;
    text-align: center;
    font-size:3rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
    margin:0 auto;
}

.social
{
    width:100%;
    height:10rem;
    padding:2rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background:#fff;
    text-align: center;
    margin:0 auto;
   
}

.social a
{
    list-style: none;
    text-decoration: none;
}

.social a i
{
    font-size:5rem;
    
}

h2.fb
{
    padding:3rem 0 0 0;
    text-align: center;
    font-size:2.2rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500; 
}
}

@media only screen and (min-width:1440px)

{
    .about
    {
        height:100% auto;
    }
    h2.ab
{
    text-align: center;
    padding:10rem 0 2rem 0;
    font-size:4rem;      
    letter-spacing: 1px;
    font-weight:500;
}

.about img#lo-img
{
    padding:1rem;
    border-radius:5%;
    width:80%;
    background:none;
    margin:10% 0 3rem 1rem;
   
}

h2.desc
{
    text-align: center;
    padding:6rem 0 2rem 0;
    font-size:3rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
}

p.desc
{
    text-align:center;
    margin-left:0rem;
    text-indent: 0rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:4rem 0 0 2rem;;
    line-height:2.5rem;
    font-weight:400;
    font-size:2rem;
}
span.ab1
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#6ebc13;
    padding:0rem;    
    font-weight:600;
    font-size:2.1rem;
}

span.ab2
{
	text-align:left;       
    font-family: 'Noto Sans JP',sans-serif;
    color:#590040;
    padding:0rem;    
    font-weight:600;
    font-size:2.5rem;
}

p.desc2
{
	text-align:center;
    margin-right:2rem;
	margin-top:6rem;
    text-indent: 0rem;
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:8rem 0 0 0;
    line-height:2.5rem;
    font-weight:400;
    font-size:2rem;
}	
.about img#heart
{
    padding:1rem;
    border-radius:5%;
    width:100%;
    background:none;
    margin:12% 0 0 0rem;
}


h2.conn
{
    padding:4rem 0 2rem 0;
    text-align: center;
    font-size:3rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
    margin:0 auto;
}

.social
{
    width:100%;
    height:10rem;
    padding:2rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background:#fff;
    text-align: center;
    margin:0 auto;
   
}

.social a
{
    list-style: none;
    text-decoration: none;
}

.social a i
{
    font-size:5rem;
    
}

h2.fb
{
    padding:3rem 0 0 0;
    text-align: center;
    font-size:2.2rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500; 
}
}


.about hr
{
    border-top:3px solid rgba(110,188,19,0.85);
    width:80%;
    margin:0 auto;
    padding:1rem;
}

/*------------------------------worthymoms*/

.bg-worthy
{
	width:100%;
	height:35rem;
	display:none;
	box-shadow: 2px 2px 10px #fff;
	background:url(images/bg-1.png);
	background-size:contain;
	background-position:top;
	background-repeat: no-repeat;   
    width:90%;
    text-align: center;
    margin:2rem auto;
}

@media only screen and (min-width:768px)
{
	.bg-worthy
	{
		display: block;
	}
}


/*-----------------------------------------sevices---------------------------*/
.services
{
    width:90%;
    height:100%;
    padding:0;
    margin:0 auto;
    list-style: none;
    background:#fff;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top;
   
}

h2.service
{
    text-align: center;
    padding:1rem 0 1rem 0;
    font-size:2.2rem;
    color:#6ebc13;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}

.services img#exc
{
    width:60%;
    border-radius:5px;
    border:2px solid transparent;
    padding:.5rem;
}

.services img#cha
{
    width:60%;
    border-radius:5px;
    border:2px solid transparent;
    padding:.5rem;
}

h2.serv
{
     text-align: center;
    padding:2rem 0 2rem 0;
    font-size:2.2rem;
    color:#6ebc13;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}

p.serv
{
    text-align:center;
/*    margin-left:2rem;*/
/*    text-indent: 3rem;*/
    font-family: 'Oswald',sans-serif;
    color:#444;
    padding:1rem;
    line-height: 2rem;
    font-weight:500;
    font-size: 1.5rem;
}

.services a.btn
{
    padding: 1rem 1.2rem;
    border:2px solid #6ebc13;
    background:transparent;
    color:#590040;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6rem;
    width:10rem;
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
    border-top-right-radius: 5rem;
    margin-bottom:2rem;
}







@media only screen and (min-width:768px)
{
    .services
{
   
    height:100%;
    padding:0;
    margin:0 auto;
    list-style: none;
  
   
}

h2.service
{
    text-align: center;
    
    font-size:3rem;
    color:#6ebc13;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
}

.services img#exc
{
    width:70%;
    border-radius:5px;
    border:none;
    padding:.5rem;
    border-bottom:2rem;
}

.services img#cha
{
    width:70%;
    border-radius:5px;   
    padding:.5rem;
    border:none;
    border-bottom:2rem;
}

h2.serv
{
    text-align: center;
    padding:3rem 0 3rem 0;
    font-size:2.5rem;
    color:#6ebc13;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
}

p.serv
{
    text-align:center;
    margin-left:0rem;
    text-indent: 0rem;
    font-family: 'Acme',sans-serif;
    color:#444;
    padding:2rem .5rem 4rem .5rem;
    line-height:3rem;
    font-weight:500;
    font-size:2rem;
}

.services a.btn
{
    padding: 1rem 1.2rem;
    border:2px solid #6ebc13;
    background:transparent;
    color:#590040;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6rem;
    width:10rem;
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
    border-top-right-radius: 5rem;
    margin-bottom:4rem;
}

}


@media only screen and (min-width:1024px)
{
    .services
{
  
    height:100%;
    padding:0;
    margin:0 auto;
    list-style: none;
   
   
}

h2.service
{
    text-align: center;
    
    font-size:3rem;
   
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
}

.services img#exc
{
    width:70%;
    border-radius:5px;
    border:none;
    padding:.5rem;
    border-bottom:2rem;
}

.services img#cha
{
    width:70%;
    border-radius:5px;   
    padding:.5rem;
    border:none;
    border-bottom:2rem;
}

h2.serv
{
    text-align: center;
    padding:5rem 0 4rem 0;
    font-size:2.5rem;
  
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:600;
}

p.serv
{
    text-align:center;
    margin-left:0rem;
    text-indent: 0rem;
    font-family: 'Acme',sans-serif;
   
    padding:2rem .5rem 4rem .5rem;
    line-height:3rem;
    font-weight:500;
    font-size:2rem;
}

.services a.btn
{
    padding: 1rem 1.2rem;
    border:2px solid #6ebc13;
    background:transparent;
 
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6rem;
    width:10rem;
    border-top-left-radius: 10rem;
    border-bottom-left-radius: 10rem;
    border-top-right-radius: 5rem;
    margin-bottom:4rem;
}

}






.services hr
{
    border-top:3px solid rgba(110,188,19,0.85);
    width:80%;
    margin:0 auto;
    padding:1rem;
}







/*----------------------products start--------------------------------------------------------------*/
.products
{
	width:100%;
	height:100% auto;
	padding:0rem;
	margin: 0 auto;
	text-align: center;
	background:#fff;
}
.prbg
{
	width:90%;
	height:35rem;
	padding:0;
	border:2px solid transparent;
	box-shadow: 3px 3px  10px #000;
	background:url(images/pr-bg-1.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
    margin: 4rem auto;
}
h2.pr
{
	 text-align: center;
    padding:7rem 0 4rem 0;
    font-size:2.2rem;
    color:#6ebc13;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}


.post-slider
{
	position: relative;		
	width:100%;
	padding:0;
	margin:0;
	background:transparent;	
	font-family: 'Oswald', sans-serif;
}

/*next and prev icons*/
.post-slider .next
{
	position: absolute;
	top:50%;
	right:.2rem;
	font-size:1.5rem;
	color:#590040;
	border:2px solid #590040;
	border-radius:4px;
	padding:.5rem;
	background:rgba(0,0,0,0.1);
	cursor: pointer;
}
.post-slider .prev
{
	position: absolute;
	top:50%;
	left:.2rem;
	font-size: 1.5rem;
	color:#590040;
	border:2px solid #590040;
	border-radius:4px;
	padding:.5rem;
	background:rgba(0,0,0,0.1);
	cursor: pointer;
}


.post-slider .post-wrapper
{
	width:88%;
	height:60rem;
	margin:0 auto;	
	overflow: hidden;
}

.post-slider .post-wrapper .post
{
	background:#fff;
	display:inline-block;
	height:50rem;
	width:100%;
	margin:.5rem 1rem;
	padding:0 0 1rem 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
	box-shadow: 1rem 1rem 1rem -1rem #000;
}
.post #slider-img
{
	width:100%;
	
	padding:.2rem;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
}

.post-slider .post-wrapper .post .post-info
{
	height:15rem;	
	padding:1rem;
	text-align: center;
	margin:auto;
}
.post-slider .post-wrapper .post .post-info h4.pr
{
	
	font-family: 'Oswald', sans-serif;
	margin:1rem 0 2rem 0;
	font-size:2.5rem;
	color:#590040;
	letter-spacing:1px;	
}


.post-info  i
{
	padding:3rem 1rem 2rem 1rem;
	font-size:1.5rem;	
	color:#72bb14;
	letter-spacing: 1px;
	margin-right:1rem;
}

.products a.btn
{
	margin:4rem 0;	
	border:2px solid #6ebc13;
	padding:1rem 1.2rem;
	background:transparent;
	color:#6ebc13;
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
}

/*slider queries*/

@media only screen and (min-width:375px)
{
	.post-slider .post-wrapper
{
	width:88%;
	height:65rem;
	margin:0 auto;	
	overflow: hidden;
}

.post-slider .post-wrapper .post
{
	background:#fff;
	display:inline-block;
	height:50rem;
	width:100%;
	margin:.5rem 1rem;
	padding:0 0 1rem 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
	box-shadow: 1rem 1rem 1rem -1rem #000;
}
}

@media only screen and (min-width:400px)
{
	.post-slider
{
	position: relative;		
	width:100%;
	padding:0;
	margin:0;
	background:#fff;	
	font-family: 'Satisfy', sans-serif;
}

/*next and prev icons*/
.post-slider .next
{
	position: absolute;
	top:50%;
	right:.5rem;
	font-size:1.5rem;
	color:#72bb14;
	border:2px solid #72bb14;
	border-radius:4px;
	padding:.5rem;
	background:rgba(0,0,0,0.1);
	cursor: pointer;
}
.post-slider .prev
{
	position: absolute;
	top:50%;
	left:.5rem;
	font-size: 1.5rem;
	color:#72bb14;
	border:2px solid #72bb14;
	border-radius:4px;
	padding:.5rem;
	background:rgba(0,0,0,0.1);
	cursor: pointer;
}


.post-slider .post-wrapper
{
	width:88%;
	height:65rem;
	margin:0 auto;	
	overflow: hidden;
}

.post-slider .post-wrapper .post
{
	background:#fff;
	display:inline-block;
	height:55rem;
	width:100%;
	margin:.5rem 1rem;
	padding:0 0 1rem 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
	box-shadow: 1rem 1rem 1rem -1rem #000;
}
.post #slider-img
{
	width:100%;
	
	padding:.2rem;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
}

.post-slider .post-wrapper .post .post-info
{
	height:10rem;	
	padding:1rem;
	text-align: center;
	margin:auto;
}
	.post-info h4.pr
	{
		margin-top:1rem;
		font-family: 'Oswald', sans-serif;
	margin:1rem 0 2rem 0;
	font-size:2.5rem;
	color:#590040;
	letter-spacing:1px;	
	}
	
.post-slider .post-wrapper .post .post-info h4.pr
{
	
	font-family: 'Oswald', sans-serif;
	margin:1rem 0 2rem 0;
	font-size:2.5rem;
	color:#590040;
	letter-spacing:1px;	
}

.post-info  i
{
	padding:5rem 0rem 2rem 0rem;
	font-size:1.5rem;	
	color:#72bb14;
	letter-spacing: 1px;
	margin-right:1rem;
}

}
@media only screen and (min-width:450px)
{
	.post-slider .post-wrapper
{
	width:90%;
	height:70rem;
	margin:0 auto;	
	overflow: hidden;
	padding:0;
	
}

.post-slider .post-wrapper .post
{
	background:#fff;
	display:inline-block;
	height:60rem;
	width:100%;
	margin:.5rem 1rem;
	padding:0 0 1rem 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
	box-shadow: 1rem 1rem 1rem -1rem #000;
	
}
}

@media only screen and (min-width:500px)
{
	.post-slider
{
	position: relative;		
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#fff;	
	font-family: 'Satisfy', sans-serif;
	
}

/*next and prev icons*/
.post-slider .next
{
	position: absolute;
	top:50%;
	right:.5rem;
	font-size:1.5rem;
	color:#72bb14;
	border:2px solid #72bb14;
	border-radius:4px;
	padding:.5rem;
	background:rgba(0,0,0,0.1);
	cursor: pointer;
}
.post-slider .prev
{
	position: absolute;
	top:50%;
	left:.5rem;
	font-size: 1.5rem;
	color:#72bb14;
	border:2px solid #72bb14;
	border-radius:4px;
	padding:.5rem;
	background:rgba(0,0,0,0.1);
	cursor: pointer;
}



.post-slider .post-wrapper
{
	width:85%;
	height:75rem;
	margin:0 auto;	
	overflow: hidden;
	padding:0;
	
}

.post-slider .post-wrapper .post
{
	background:#fff;
	display:inline-block;
	height:60rem;
	width:100%;
	margin:.5rem 1rem;
	padding:0 0 1rem 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
	box-shadow: 1rem 1rem 1rem -1rem #000;
	
}
.post #slider-img
{
	width:100%;
	height:100%;
	padding:.2rem;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
}

.post-slider .post-wrapper .post .post-info
{
	height:15rem;	
	padding:1rem;
	text-align: center;
	margin:auto;
}
	.post-info h4
	{
		margin-top:1rem;
	}
.post-slider .post-wrapper .post .post-info h4.pr
{
	
	font-family: 'Oswald', sans-serif;
	margin:1rem 0 2rem 0;
	font-size:2.5rem;
	color:#590040;
	letter-spacing:1px;	
}


.post-info  i
{
	padding:4rem 0rem 2rem 0rem;
	font-size:1.6rem;	
	color:#72bb14;
	letter-spacing: 1px;
	margin-right:1rem;
}

}


@media only screen and (min-width:650px)
{
	.post-slider
{
	position: relative;		
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#fff;	
	font-family: 'Satisfy', sans-serif;
	
}

/*next and prev icons*/
.post-slider .next
{
	position: absolute;
	top:50%;
	right:.5rem;
	font-size:1.5rem;
	color:#72bb14;
	border:2px solid #72bb14;
	border-radius:4px;
	padding:.5rem;
	background:rgba(0,0,0,0.1);
	cursor: pointer;
}
.post-slider .prev
{
	position: absolute;
	top:50%;
	left:.5rem;
	font-size: 1.5rem;
	color:#72bb14;
	border:2px solid #72bb14;
	border-radius:4px;
	padding:.5rem;
	background:rgba(0,0,0,0.1);
	cursor: pointer;
}


h2.title
{
	padding:8rem 0 3rem 0;
    color:#72bb14;
    font-family: 'Shadows Into Light', sans-serif;
    font-size:3.5rem;
    letter-spacing: 1px;
	text-align: center;
}
.post-slider .post-wrapper
{
	width:90%;
	height:100%;
	margin:0 auto;	
	overflow: hidden;
	padding:0;
	
}

.post-slider .post-wrapper .post
{
	background:transparent;
	display:inline-block;
	height:100%;
	width:100%;
	margin:.5rem 1rem;
	padding:0 0 1rem 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
	box-shadow: 1rem 1rem 1rem -1rem #000;
	
}
.post #slider-img
{
	width:100%;
	height:100%;
	padding:.2rem;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
}

.post-slider .post-wrapper .post .post-info
{
	height:20rem;	
	padding:0rem;
	text-align: center;
	margin:auto;
}
	.post-info h4
	{
		margin-top:1rem;
	}
.post-slider .post-wrapper .post .post-info h4.pr
{
	font-family: 'Oswald', sans-serif;
	margin:5rem 0 2rem 0;
	font-size:2.5rem;
	color:#590040;
	letter-spacing:1px;	
}


.post-info  i
{
	padding:4rem 0rem 2rem 0rem;
	font-size:1.6rem;	
	color:#72bb14;
	letter-spacing: 1px;
	margin-right:1rem;
}

}

@media only screen and (min-width:715px)
{
	.post-slider
{
	position: relative;		
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:#fff;	
	font-family: 'Satisfy', sans-serif;
}

/*next and prev icons*/
.post-slider .next
{
	position: absolute;
	top:50%;
	right:.5rem;
	font-size:1.5rem;
	color:#72bb14;
	border:2px solid #72bb14;
	border-radius:4px;
	padding:.5rem;
	background:rgba(0,0,0,0.1);
	cursor: pointer;
}
.post-slider .prev
{
	position: absolute;
	top:50%;
	left:.5rem;
	font-size: 1.5rem;
	color:#72bb14;
	border:2px solid #72bb14;
	border-radius:4px;
	padding:.5rem;
	background:rgba(0,0,0,0.1);
	cursor: pointer;
}
h2.pr
{
	 text-align: center;
    padding:7rem 0 4rem 0;
    font-size:3.5rem;
    color:#6ebc13;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}


.post-slider .post-wrapper
{
	width:90%;
	height:100%;
	margin:0 auto;	
	overflow: hidden;
	padding:0;
	
}

.post-slider .post-wrapper .post
{
	background:#fff;
	display:inline-block;
	height:100%;
	width:100%;
	margin:.5rem .5rem;
	padding:0 0 1rem 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
	box-shadow: 1rem 1rem 1rem -1rem #000;
	
}
.post #slider-img
{
	width:100%;
	height:100%;
	padding:.2rem;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 5px;
}

.post-slider .post-wrapper .post .post-info
{
	height:20rem;	
	padding:0rem;
	text-align: center;
	margin:auto;
}
.post-info h4
	{
		margin-top:4rem;
	}
	
.post-slider .post-wrapper .post .post-info h4.pr
{
	font-family: 'Oswald', sans-serif;
	margin:6rem 0 2rem 0;
	font-size:3rem;
	color:#590040;
	letter-spacing:1px;	
	
}


.post-info  i
{
	padding:4rem 0rem 2rem 0rem;
	font-size:1.8rem;	
	color:#72bb14;
	letter-spacing: 1px;
	margin-right:1rem;
}

}

.products hr
{
    border-top:3px solid rgba(110,188,19,0.85);
    width:80%;
    margin:0 auto;
    padding:1rem;
}



/*-------------------------------------------------------------------------slider end*/

.team
{
	width:100%;
	padding:0;
	margin:0;
	height:100%;
	background:#fff;
}

h2.tm
{
	text-align: center;
    padding:6rem 0 4rem 0;
    font-size:2.2rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}

h3.tm
{
	text-align: center;
    padding:3rem 0 2rem 0;
    font-size:2rem;
    color:#444;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}

.team img
{
	width:100%;
	padding:.5rem;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.team h3.name
{
	text-align: left;
	padding:1.5rem 0 2rem 1rem;
	font-family: 'Oswald', sans-serif;
	color:#6ebc13;
	letter-spacing: 1px;
	font-size: 2rem;
}




.team .con-s
{
	display:flex;
	justify-content: space-around;
	width:100%;
	padding:0rem 0 4rem 0;
	height:5rem;
	background:#ccc;
	margin-bottom: 2rem;
}

.con-s p.tm-info
{
	margin-left:.5rem;
	font-size: 1.5rem;
	color:#444;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0px;
	line-height: 5rem;
}

.con-s i
{
	color:#590040;
}

.team hr
{
    border-top:3px solid rgba(110,188,19,0.85);
    width:80%;
    margin:0 auto;
    padding:1rem;
}


@media only screen and (min-width:768px)
{
	h2.tm
{
	text-align: center;
    padding:8rem 0 4rem 0;
    font-size:3rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}

	h3.tm
{
	text-align: center;
    padding:1rem 0 4rem 0;
    font-size:2.5rem;
    color:#444;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}
.team img
{
	width:100%;
	padding:.5rem;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.team h3.name
{
	text-align: left;
	padding:1rem 0 2rem .5rem;
	font-family: 'Oswald', sans-serif;
	color:#6ebc13;
	letter-spacing: 1px;
	font-size: 2.5rem;
}




.team .con-s
{
	display:flex;
	justify-content: space-around;
	width:100%;
	padding:0rem 0 4rem 0;
	height:5rem;
	background:#ccc;
	margin-bottom: 2rem;
	
}

.con-s p.tm-info
{
	margin-left:0rem;
	font-size:1.6rem;
	color:#444;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0px;
}

.con-s i
{
	color:#590040;
	margin-right:.5rem;
}

}
@media only screen and (min-width:1024px)
{
	h2.tm
{
	text-align: center;
    padding:8rem 0 4rem 0;
    font-size:4rem;
    color:#590040;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}
	h3.tm
{
	text-align: center;
    padding:4rem 2rem;
    font-size:2.5rem;
    color:#444;
    font-family: 'Noto Sans JP',sans-serif;
    letter-spacing: 1px;
    font-weight:500;
}

.team img
{
	width:100%;
	padding:.5rem;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.team h3.name
{
	text-align: left;
	padding:1rem 0 2rem .5rem;
	font-family: 'Oswald', sans-serif;
	color:#6ebc13;
	letter-spacing: 1px;
	font-size: 2.5rem;
}




.team .con-s
{
	
	display:flex;
	justify-content: space-around;
	width:100%;
	padding:0rem 0 4rem 0;
	height:5rem;
	background:#ccc;
	margin-bottom: 2rem;
}

.con-s p.tm-info
{
	margin-left:0rem;
	font-size:1.8rem;
	color:#444;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0px;
	line-height: 5rem;
}

.con-s i
{
	color:#590040;
	margin-right:.5rem;
}

}






/*contact start*/

.contact 
{
    margin:0;
    padding:0;
    width:100%;
    height:100%;   
    background:#fff;
    
    display: flex;    
    flex-direction: column;
}

.contact h1.con
{
	text-align:center;
	padding:0;
	margin-top:8rem;
	font-family: 'Oswald',sans-serif;
	color:#444;
	font-size: 1.5rem;
	height:10rem;
	width:100%;
	line-height:10rem;
	background:linear-gradient(120deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url(images/h1-bg-5.jpg);
	background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
	color:#fff;
}

.contact h2.con 
{
    text-align: center;
    color:#6ebc13;
    font-family: 'Noto Sans JP',sans-serif;
    margin:0 auto;   
    padding:2rem 0 3rem 0;
    font-size:2.5rem;
}
h3.con
{
	text-align: center;
    color:#590040;
    font-family: 'Oswald',sans-serif;
    margin:0 auto;   
    padding:2rem 0 3rem 0;
    font-size:2rem;
}

.conform
{    
    background:rgba(89,0,64,1);
    width:95%;
    margin:30px auto;   
    border-radius:5px;
    box-shadow: 0 0 10px #000;;
}

#form-box
{
    padding:20px;
    padding-bottom:0px;
}

.inp,#msg-box
{
    display:block;
    width:95%;
    padding:2.5rem;
    border:2px solid #590040;
    font-size:1.5rem;
    color:#6ebc13;
    margin-bottom:1.5rem;
}
.inp:focus,#msg-box:focus
{
    outline:none;
    box-shadow: 0 0 3px 1px #590040;
}
::-webkit-input-placeholder
{
    color:#444!important;
}

#msg-box
{
    resize: none;
    height:15rem;
}

.sub-btn
{
    width:100px;
    padding:10px;
    cursor:pointer;   
    margin-left:40%;
    border:none;
    border-radius: 5px;
    background:#fff;
    color:#6ebc13;
    font-size:2rem;
    margin-bottom:2rem;
    font-family: 'Abel',sans-serif;
    text-align: center;
    text-transform: lowercase;
}


.g-recaptcha
{
	width:75%;
	padding: 1rem 0;
	display: none;
}



#form-box
{
    padding:20px;
    padding-bottom:0px;
}

.inp,#msg-box
{
    display:block;
    width:95%;
    padding:20px;
    border:2px solid #590040;
    font-size:13px;
    color:#590040!important;
    margin-bottom: 15px;
}
.inp:focus,#msg-box:focus
{
    outline:none;
    box-shadow: 0 0 3px 1px #590040!important;
}
::-webkit-input-placeholder
{
    color:#101d2c!important;
}

#msg-box
{
    resize: none;
    height:170px;
}

.sub-btn
{
    width:95%;
    padding:10px;
    cursor:pointer;     
    border:none;
    border-radius: 5px;
    background:#6ebc13;
    color:#fff;
    font-size:20px;
    margin: 2rem auto 2rem;
    font-family: 'Abel',sans-serif;
	text-align: center;  
    text-transform:uppercase;
}
	

@media only screen and (min-width:768px)
{
    .conform
{    
    
    width:95%;
	padding:0 2rem;
  
}
	.inp,#msg-box
{
    display:block;
    width:100%;
    padding:2rem;
    border:2px solid #590040;
    font-size:1.6rem;
    color:#6ebc13;
    margin-bottom:1.5rem;
}
	.contact h1.con
{
	text-align:center;
	padding:0;
	margin-top:8rem;
	font-family: 'Oswald',sans-serif;
	
	font-size:2.5rem;
	height:20rem;
	width:100%;
	line-height:20rem;	
	background-position:center center;
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color:#fff;
}

.contact h2.con 
{
    text-align: center;
   
    font-family: 'Noto Sans JP',sans-serif;
    margin:0 auto;   
    padding:4rem 0 3rem 0;
    font-size:3.5rem;
}
h3.con
{
	text-align: center;
  
    font-family: 'Oswald',sans-serif;
    margin:0 auto;   
    padding:2rem 0 3rem 0;
    font-size:2.5rem;
}
	.g-recaptcha
{
	width:75%;
	padding: 1rem 0;
	display:block;
}
	
	
}


/*part 2 contact info---------------------*/

.cont-inf
{
	padding:4rem 0 2rem 0;
    display: flex;
	justify-content: space-around;
	margin: auto;
	width:100%;
}

p.con-i
{
	font-size: 1.5rem;
	color:#444;
	font-family: 'Oswald', sans-serif;
}
.cont-inf i
{
	font-size:2rem;
	margin-right:1rem;
	color:#6ebc13;
}

.con-soc
{
	display: flex;
	justify-content: space-around;
	margin: auto;
	width:100%;	
	padding:2rem 0;
}

.con-soc a i
{
	font-size:4rem;
}


@media only screen and (min-width:768px)
{
	.cont-inf
{
	padding:70% 0 2rem 0;
    display: flex;
	justify-content: space-around;
	margin: auto;
	width:100%;
}

p.con-i
{
	font-size:2rem;
	
	font-family: 'Oswald', sans-serif;
}
.cont-inf i
{
	font-size:2.5rem;
	margin-right:1rem;
	
}

.con-soc
{
	display: flex;
	justify-content: space-around;
	margin: auto;
	width:100%;	
	padding:5rem 0;
}

.con-soc a i
{
	font-size:4rem;
}
}
@media only screen and (min-width:1024px)
{
	.cont-inf
{
	padding:50% 0 2rem 0;
    display: flex;
	justify-content: space-around;
	margin: auto;
	width:100%;
}

p.con-i
{
	font-size:2.5rem;

	font-family: 'Oswald', sans-serif;
}
.cont-inf i
{
	font-size:3rem;
	margin-right:1rem;
	
}

.con-soc
{
	display: flex;
	justify-content: space-around;
	margin: auto;
	width:100%;	
	padding:5rem 0;
}

.con-soc a i
{
	font-size:5rem;
}
}
@media only screen and (min-width:1280px)
{
	.conform
{    
    
    width:90%;
	padding:0 2rem;
}
	.cont-inf
{
	padding:35% 0 2rem 0;
    display: flex;
	justify-content: space-around;
	margin: auto;
	width:100%;
}

p.con-i
{
	font-size:2.5rem;

	font-family: 'Oswald', sans-serif;
}
.cont-inf i
{
	font-size:3rem;
	margin-right:1rem;
	
}

.con-soc
{
	display: flex;
	justify-content: space-around;
	margin: auto;
	width:100%;	
	padding:5rem 0;
}

.con-soc a i
{
	font-size:5rem;
}
}



.contact hr
{
    border-top:3px solid rgba(110,188,19,0.85);
    width:80%;
    margin:0 auto;
    padding:1rem;
}



.logo-bot
{
	padding:3rem;
	text-align: center;
	margin:0 auto;
	background:#fff;
    display: none;
}

/*-------------------------------footer---------------*/

footer
{
	width:100%;
	padding:0;
	margin:0;
	min-height:100%;
	height:100%;
	background:#fff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
/*	background-attachment: fixed;*/
}

/*----------------fb livefeed*/

.fbfeed
{
	text-align:left;
	padding:1rem;
	margin:0 auto;
}

iframe
{
	width:30rem;	
}


.fb-page
{
	width:80%;
	padding:1rem;
	text-align: center;
}

.image img
{
	padding:2rem;
	margin-top:2rem;
}

.copy
{
	height:5rem;
	background:#590040;
	line-height:5rem;
	width:100%;
	padding:0;
	margin: 0 auto;
	text-align: center;
}
.copy p.cop
{
	color:#fff;
	font-family: 'Oswald',sans-serif;
	letter-spacing: 1px;
	font-size: 1.3rem;
}

.design
{
	height:5rem;
	background:#590040;
	line-height:5rem;
	width:100%;
	padding:0;
	margin: 0 auto;
	text-align: center;
	
}
p.des
{
	color:#fff;
	font-family: 'Oswald',sans-serif;
	letter-spacing: 1px;
	font-size: 1.3rem;
}
.design a
{
	list-style: none;
	text-decoration: none;
	color:#eee;
}

.design a:hover
{
	list-style: none;
	text-decoration: none;
	color:#fff;
}
.disclaimers 
{
	text-align: center;
	padding:2rem;	
	background:#590040;
}
.disclaimers a.btn 
{
	color:#fff;
	font-size: 2rem;
}

@media only screen and (min-width:360px)
{
	.fbfeed
{
	text-align:left;
	padding:1rem;
	margin:0 auto;
}

.fbfeed iframe
{
	width:34rem;	
}
}
	

@media only screen and (min-width:375px)
{
	.fbfeed iframe
{
	width:36rem;
	padding:1rem;
}

}
@media only screen and (min-width:414px)
{
	.fbfeed iframe
{
	width:100%;
	padding:1rem;
	text-align: center;
}

}
@media only screen and (min-width:768px)
{
	.fbfeed
{
	text-align: center;
	padding:2rem;
	margin:0 auto;
}

iframe
{
	width:31rem;	
}
}

@media only screen and (min-width:1024px)

{
	footer
{
	width:100%;
	padding:0;
	margin:0;
	min-height:100%;	
}

/*----------------fb livefeed*/
.fb-page
{
	width:100%;
}

.image img
{
	padding:3rem;
	margin-top:0rem;
}

.copy
{
	height:5rem;
	
	line-height:5rem;
	width:100%;
	padding:0;
	margin: 0 auto;
	text-align: center;
}
.copy p.cop
{
	color:#fff;
	font-family: 'Oswald',sans-serif;
	letter-spacing: 1px;
	font-size: 1.5rem;
}

.design
{
	height:5rem;

	line-height:5rem;
	width:100%;
	padding:0;
	margin: 0 auto;
	text-align: center;
	
}
p.des
{
	color:#fff;
	font-family: 'Oswald',sans-serif;
	letter-spacing: 1px;
	font-size: 1.5rem;
}
.design a
{
	list-style: none;
	text-decoration: none;
	color:#ddd;
}

.design a:hover
{
	list-style: none;
	text-decoration: none;
	color:#fff;
}

}



@media only screen and (min-width:1280px)

{
	footer
{
	width:100%;
	padding:0;
	margin:0;
	min-height:100%;	
}

/*----------------fb livefeed*/
	iframe
{
	width:100%;
	padding:1rem;	
	text-align: center;
	margin:0 auto;
}
.fb-page
{
	width:100%;
}

.image img
{
	padding:1rem;
	margin-top:0rem;
	width:80%;
}

.copy
{
	height:5rem;
	
	line-height:5rem;
	width:100%;
	padding:0;
	margin: 0 auto;
	text-align: center;
}
.copy p.cop
{
	color:#fff;
	font-family: 'Oswald',sans-serif;
	letter-spacing: 1px;
	font-size: 1.3rem;
}

.design
{
	height:5rem;
	
	line-height:5rem;
	width:100%;
	padding:0;
	margin: 0 auto;
	text-align: center;
	
}
p.des
{
	
	font-family: 'Oswald',sans-serif;
	letter-spacing: 1px;
	font-size: 1.3rem;
}
.design a
{
	list-style: none;
	text-decoration: none;
	
}

.design a:hover
{
	list-style: none;
	text-decoration: none;
	color:#fff;
}

}



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

{
	footer
{
	width:100%;
	padding:0;
	margin:0;
	min-height:100%;	
}

/*----------------fb livefeed*/
.fb-page
{
	width:100% !important;
	margin-top:4rem;
}

.image img
{
	padding:1rem;
	margin-top:0rem;
	width:60%;
}

.copy
{
	height:5rem;
	
	line-height:5rem;
	width:100%;
	padding:0;
	margin: 0 auto;
	text-align: center;
}
.copy p.cop
{
	color:#fff;
	font-family: 'Oswald',sans-serif;
	letter-spacing: 1px;
	font-size: 1.5rem;
}

.design
{
	height:5rem;
	
	line-height:5rem;
	width:100%;
	padding:0;
	margin: 0 auto;
	text-align: center;
	
}
p.des
{
	
	font-family: 'Oswald',sans-serif;
	letter-spacing: 1px;
	font-size: 1.5rem;
}
.design a
{
	list-style: none;
	text-decoration: none;
	
}

.design a:hover
{
	list-style: none;
	text-decoration: none;
	color:#fff;
}

}




/*disclaimer*/

.disclaimer
{
	width:90%;
	padding:2rem;
	margin:0 auto;
	background:#590040;
}

.disclaimer p.disc
{
	font-family: 'Oswald',sans-serif;
	color:#fff;
	font-size:1.8rem;
	padding:2rem;
	line-height:4rem;
}