/** Start Bootstrap - Creative v5.1.6 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 **///*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*#h2color {
  text-align: left !important;
  color: red;
}*/

#mainbutton {
        @include btn;
        position: relative  !important;
        bottom: 10vh  !important;
        /*z-index: 0; */
}
#page2flowerbg {
	display: block;
	 margin-left: 50%;
  	 margin-right: 50%;
  	 z-index: -1;
  	 height: 10vh;
}



#idmenuhideatweb{
		display:none;
}
	
#idmenuhideatmobile{
		display:block;
}

#page4mainlogo{
	/*width:35%;*/
	width:20%;
}
#page4insidelogo{
		/*width: 200px !important;*/
		width: 150px ;
}
#mainbuttonbg{
 /* display: block;
  margin-bottom:0;
  margin-top:0;
  top: 90vh;
  margin-left: 50%;
  margin-right: 50%;
  width: 0.25vh;
  height: 10vh;
  z-index: -1;*/
}
#menubuttonrow{
		display:none;
}
#news{
		padding-top: 3rem; 
		/*padding-right: 4vw; */
		padding-bottom: 0rem; 
		/*padding-left: 4vw; */
}
#mobilelefttree{

		display:none;
}
#page4smallimagediv{
		display:none;
}
#page6buttonhideatmobile{
		display: block;
}
#page6buttonhideatdesktop{
		display: none;
}
.forcategoryelement-itemtext{
	/*	width: 140px!important;
		height: 140px!important;
		top: 105px!important;*/

		 transition: .5s ease;
		  opacity: 0;
		  position: absolute;
		 /* top: 50%;
		  left: 50%;*/
/*		  transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
		  text-align: center;*/
		  
		   overflow-x:hidden;
    	overflow-y:hidden;
	}
	.forcategoryelement-itemtext:hover {
  		opacity: 1;
  		 overflow-x:hidden;
    	overflow-y:hidden;
    	z-index: 7;
	}	

#forcategoryelement-itembg{
	transition: .5s ease;
		  opacity: 0;
		  position: absolute;
		  z-index: 3!important;
		 /* top: 50%;
		  left: 50%;*/
/*		  transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
		  text-align: center;*/
		  /*z-index: 6;*/
	}
#forcategoryelement-itembg:hover {
  		opacity: 0.3;
  		
}

#hideatdesktop{
	display: none;
}
#hideatmobile{
		display: block;
}
#page2bottomword{
		font-size: 3.5rem;
}
#page2flowerbgmobile {
		display: none;
}
/*@media (max-width: 479px){
	header.masthead {
	    padding-top: 16rem !important;
	    -moz-background-size:140% ;
		-webkit-background-size:140% ;
		-o-background-size:140% ;
		background-size:140% ;
		background-color: #36c4d0;
		 min-height: 100vh !important;
	}


    #mainbutton {
        @include btn;
        position: absolute;
        bottom: 10vh; 
    }

}
@media (min-width: 768px){
	header.masthead {
	    padding-top: 16rem !important;
	    -moz-background-size:140% ;
		-webkit-background-size:140% ;
		-o-background-size:140% ;
		background-size:140% ;
		background-color: #36c4d0;
		 min-height: 100vh !important;
	}


    #mainbutton {
        @include btn;
        position: absolute;
        bottom: 10vh; 
    }
}*/

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  header.masthead {
	    /*padding-top: 16rem !important;*/
	    padding-top: 0vh !important;
	    -moz-background-size:100% ;
		-webkit-background-size:100% ;
		-o-background-size:10% ;
		background-size:100% ;
		background-color: #36c4d0;
		 /*min-height: 100vh !important;*/
		 min-height: 90vh !important;
		 /*z-index: -2;*/
		 position: relative; 

    
	}


    #mainbutton {
        @include btn;
        position: absolute;
        bottom: 10vh; 
    }
    #mobilelefttree{

		display:none;
	}
  
}/*@media (min-width: 1281px) {*/

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  header.masthead {
	    /*padding-top: 16rem !important;*/
	    padding-top: 15vh !important;
	    -moz-background-size:100% ;
		-webkit-background-size:100% ;
		-o-background-size:10% ;
		background-size:100% ;
		background-color: #36c4d0;
		 min-height: 100vh !important;
	}


    #mainbutton {
        @include btn;
        position: absolute;
        bottom: 10vh; 
    }
    #mobilelefttree{

		display:none;
	}
  
}/*@media (min-width: 1025px) and (max-width: 1280px) {*/

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  header.masthead {
	    /*padding-top: 16rem !important;*/
	    padding-top: 20vh !important;
	    -moz-background-size:140% ;
		-webkit-background-size:140% ;
		-o-background-size:140% ;
		background-size:140% ;
		background-color: #36c4d0;
		 min-height: 100vh !important;
	}


    #mainbutton {
        @include btn;
        position: absolute;
        bottom: 10vh; 
    }
  	#mobilelefttree{

		display:none;
	}
	#page2textArow1{
		font-size: 1rem!important;
	}
	#page2bottomword{
		font-size: 2rem;
	}
  /*	#mainbuttonbg{
  		position: relative;
	  display: block;
	  margin-bottom:0;
	  margin-top:0;
	  top: 90vh;
	  margin-left: 50%;
	  margin-right: 50%;
	  width: 0.25vh;
	  height: 10vh;
	  z-index: -1;
	}*/

}/*@media (min-width: 768px) and (max-width: 1024px) {*/

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
   header.masthead {
	    /*padding-top: 16rem !important;*/
	    padding-top: 20vh !important;
	    -moz-background-size:100% ;
		-webkit-background-size:100% ;
		-o-background-size:10% ;
		background-size:100% ;
		background-color: #36c4d0;
		 min-height: 100vh !important;
		 /*z-index: -2;*/
		 position: relative; 

    
	}


    #mainbutton {
        @include btn;
        position: absolute;
        bottom: 10vh; 
    }
    #mobilelefttree{

		display:none;
	}
	#page2bottomword{
		font-size: 2rem;
	}
  
}/*@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
   header.masthead {
	    /*padding-top: 16rem !important;*/
	    padding-top: 25vh !important;
	    -moz-background-size:100% ;
		-webkit-background-size:100% ;
		-o-background-size:10% ;
		background-size:100% ;
		background-color: #36c4d0;
		 min-height: 100vh !important;
		 /*z-index: -2;*/
		 position: relative; 

    
	}


    #mainbutton {
        @include btn;
        position: absolute;
        bottom: 10vh; 
    }
    #mobilelefttree{

		display:none;
	}
	#page2bottomword{
		font-size: 2rem;
	}
  /*	#colorhidden{
		display:none;
	}*/
} /*@media (min-width: 481px) and (max-width: 767px) {*/

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

/*@media (min-width: 320px) and (max-width: 480px) {*/
@media (max-width: 480px) {
  
  header.masthead {
	    /*padding-top: 16rem !important;*/
	    padding-top: 40vh !important;
	    -moz-background-size:140% ;
		-webkit-background-size:140% ;
		-o-background-size:140% ;
		background-size:140% ;
		background-color: #36c4d0;
		 min-height: 100vh !important;
	}


    #mainbutton {
        @include btn;
        position: absolute;
        /*bottom: 10vh; */
        bottom: 25vh; 
    }
    #mainbuttonbg{
/*  display: block;
  margin-bottom:0;
  margin-top:0;
  top: 90vh;
  margin-left: 50%;
  margin-right: 50%;
  width: 0.25vh;
  height: 10vh;
  z-index: -1;*/
  height: 25vh !important;
}
  /*	#mainbuttonbg{
	 display: block;
	  margin-bottom:0;
	  margin-top:0;
	  top: 90vh;
	  margin-left: 50%;
	  margin-right: 50%;
	  width: 0.25vh;
	  height: 10vh;
	  z-index: -1;
	}*/
/*	  	#mainbuttonbg{
	  		position: relative;
	  display: block;
	  margin-bottom:0;
	  margin-top:0;*/
	  /*bottom: 0vh;*/
	/*  top: 50vh;
	  margin-left: 50%;
	  margin-right: 50%;
	  width: 0.25vh;
	  height: 10vh;*/
	  /*z-index: -1;*/
	/*}*/
	/*#mainbuttonbg{
	  display: block;
	  margin-bottom:0;
	  margin-top:0;
	  top: 20vh;
	  margin-left: 50%;
	  margin-right: 50%;
	  width: 0.25vh;
	  height: 10vh;
	  z-index: -1;
	}*/
	/*page4 section*/
	#aboutus{
		padding-top: 3rem; 
		/*padding-right: 4vw; */
		padding-bottom: 6rem; 
		/*padding-left: 4vw; */

		/*width: 100%;
		height: 100%;*/
		/*width: 80vw!important;*/
		/*height: 100vh;*/
		/*opacity: 1 !important;*/
		/*visibility: inherit !important;*/
		/*z-index: 20;*/
		/*background-image: url('./img/page4bg.png') !important;*/
		/*background-color: rgba(0, 0, 0, 0);*/
		/*background-size: cover;*/
		/*background-size: 100vw !important;*/
		/*background-position: 0px 0px !important;*/
		/*background-repeat: repeat;*/
	}

	/*for product*/
	/*.element-item-heightwidth2 {*/
	/*	width:100px!important;
		height: 100px!important;*/
	/*	width:45vw!important;
		height: 45vw!important;
	}*/
	#productimageid{
/*		width:40vw!important;
		height: 40vw!important;*/
		/*width:140px!important;*/
		width:46vw!important;
		/*height: 140px!important;*/
		height: 46vw!important;

	}
	#forcategoryelement-item{
/*		width:140px!important;
		height: 140px!important;*/
		width:45vw!important;
		height: 45vw!important;
	}
	
	#catText {
		font-size: 1.3rem!important;
		text-shadow: 2px 2px 5px black;
	}
	#forelement-item{
/*		width:80vw!important;
		height: 40vw!important;*/
/*		width:280px!important;
		height: 140px!important;*/
		width:92vw!important;
		height: 46vw!important;
		 overflow-x:hidden;
    	overflow-y:hidden;
    	border: 2px solid #FFFFFF!important;
	}
	#forcategoryelement-itemtext{
	/*	width: 140px!important;
		height: 140px!important;
		top: 105px!important;*/
/*		width:140px!important;
		height: 140px!important;*/
		width:45vw!important;
		height: 45vw!important;
		 transition: .5s ease;
		  opacity: 1!important;
		  position: absolute;
		 /* top: 50%;
		  left: 50%;*/
/*		  transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
		  text-align: center;*/
		  z-index: 10!important;
		   overflow-x:hidden;
    	overflow-y:hidden;
    	top: 23vw!important;
      left: 23vw!important;
	}
	.forcategoryelement-itemtext:hover {
  		opacity: 1;
  		 overflow-x:hidden;
    	overflow-y:hidden;
	}	
	#forcategoryelement-itemtextinside{
		/*top: 100px!important;*/
		top: 35vw!important;
	}
	#forcategoryelement-itembgimagediv{
	/*	width:140px!important;
		height: 140px!important;*/
		width:46vw!important;
		height: 46vw!important;
		opacity: 0!important;
		top: 0px!important; 
		left: 0px!important;
	}
	#forcategoryelement-itembgimage{
	/*	width:140px!important;
		height: 140px!important;*/
		width:46vw!important;
		height: 46vw!important;
		opacity: 0!important;
	}
	#forcategoryelement-itembg{
	/*transition: .5s ease;*/
/*		  opacity: 0;
		  position: absolute;
		  z-index: 3;*/
		 /* top: 50%;
		  left: 50%;*/
/*		  transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
		  text-align: center;*/
		  /*z-index: 6;*/
	}
	 .middleText {
	  transition: .5s ease;
	  opacity: 1!important;
	  position: absolute;
	  top: 50%;
	  /*left: 50%;*/
	  /*left:40vw!important;*/
	  /*left:140px!important;*/
	  left:60vw!important;
/*	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);*/
	  text-align: center;
	  top: 0px; right: 400px;margin: 0;
	  transform: translate(0%, -50%)!important;
	  -ms-transform: translate(0%, -50%)!important;
	   overflow-x:hidden;
    overflow-y:hidden;
	}
	
	.middleImage {
	  transition: .5s ease;
	  opacity: 0.90!important;
	  position: absolute;
	  top: 50%;
	  left: 100px;
	  /*transform: translate(-50%, -50%);*/
	  /*-ms-transform: translate(-50%, -50%);*/
	  text-align: center;
	   /*top: 0px; left: 200px;right: 0; width: 125px;height: 100px; margin: 0;*/
	   /*top: 0px; right: 400px;margin: 0;*/
	  /*added*/
	  /*transform: translateY(200px); */
/*	  width:40vw!important;
		height: 40vw!important;*/
		/*  width:140px!important;
		height: 140px!important;*/
		width:46vw!important;
		height: 46vw!important;
		transform: translate(0%, -50%)!important;
	  -ms-transform: translate(0%, -50%)!important;
	   overflow-x:hidden;
    	overflow-y:hidden;
    	 margin-top: 0px!important;
  		margin-left: 0px!important;
  		 border: 1px solid #FFFFFF!important;
	}
	/*for color block*/
	#middlehoverimage{
	/*	  width:40vw!important;
		height: 40vw!important;*/
/*		width:140px!important;
		height: 140px!important;*/
		width:46vw!important;
		height: 46vw!important;
		/*transform: translate(50px, 50px);*/
		/*transform: translate(40vw, 0px);*/
	}
	#colorhidden{
		visibility:hidden!important;
		display:none!important;
	}
	/*end for color block*/
	#menubuttonrow{
		display:block;
	}
	#producttext{
		font-size: 1.5rem!important;
	}
	#producttextdiv{
		/*top: 50px!important;*/
		top: 16vw!important;
		/*left:150px!important;*/
		left:49vw!important;
		/*width:46vw!important;
		height: 46vw!important;*/
	}
	/*end for product*/
	#page2textArow1{
		font-size: 1rem!important;
	}
	#page2textArow2{
		font-size: 1.75rem!important;
	}
	#page2textArow3{
		font-size: 1.75rem!important;
	}
	#page2textBrow1{
		font-size: 1.75rem!important;
		/*font-size: 1rem!important;*/
	}
	#page2textBrow1b{
		font-size: 1rem!important;
	}
	#page2textBrow2{
		font-size: 1.75rem!important;
		/*font-size: 1rem!important;*/
	}
	#page2bottomword{
		/*font-size: 1.1rem;*/
		font-size: 5.5vw;
	}
	/*#page2flowerbgmobile {*/
		/*height: calc(100vw+100vh);*/
		/*height: 650px;  fallback for b*/
/*		height: -moz-calc(100vw + 2 * (3vh) + 260px)!important;
		height: -webkit-calc(100vw + 2 * (3vh)  + 260px)!important;
		height: calc(100vw + 2 * (3vh)  + 260px)!important;
*/
		/*height: -moz-calc(270vw + 2 * (3vh) + 260px)!important;
		height: -webkit-calc(270vw + 2 * (3vh)  + 260px)!important;
		height: calc(270vw + 2 * (3vh)  + 260px)!important;
		
	}*/
	#page2flowerbgmobilediv img{
	display:none;
	}
	#page2flowerbgmobile {
		/*height: calc(100vw+100vh);*/
		/*height: 650px;  fallback for b*/
/*		height: -moz-calc(100vw + 2 * (3vh) + 260px)!important;
		height: -webkit-calc(100vw + 2 * (3vh)  + 260px)!important;
		height: calc(100vw + 2 * (3vh)  + 260px)!important;
*/
		/*height: -moz-calc(230vw + 2 * (3vh) + 260px)!important;
		height: -webkit-calc(230vw + 2 * (3vh)  + 260px)!important;
		height: calc(230vw + 2 * (3vh)  + 260px)!important;*/


		height: -moz-calc(200vw + 2 * (14vh) +280px)!important;
		height: -webkit-calc(200vw + 2 * (14vh)  + 280px)!important;
		height: calc(200vw + 2 * (14vh)  + 280px)!important;

		display: block;
		
		 margin-left: 50%;
  	 	margin-right: 50%;
	}
	#hideatdesktop{
		display: block;
	}
	#hideatmobile{
		display: none;
	}
	#lefttreeindex{

		display:none;
	}
	#mobilelefttree{

		display:block;
	}
	#idmenuhideatweb{
		display:block;
	}
	
	#idmenuhideatmobile{
		display:none;
	}

	#page4mainlogo{
	width:50vw;
	}
	#page4tablewordLeft{
		width:35%;
	}

	#page4tableword{
		display:none;
	}
	#page4tableblank{
		width:30%;
	}
	#page4tablewordRight{
		width:30%;
	}
	#page4insidelogo{
		/*width: 40vw !important;*/
		width: 100px !important;
		vertical-align: baseline !important;
	}
	#page4maintitle{
		font-size: 1.5rem;
	}
	#page4maincontent{
		font-size: 0.8rem;
	}
	#page4bigimagediv{
		display:none;
	}
	#page4smallimagediv{
		display:block !important;
	}
	#page5submit{
		/*width: 90vw !important;*/
		width: 100% !important;
		 /*margin-left: 0.5%;*/
		 /*margin-left: 5vw;*/
  	 	/*margin-right: 5vw;*/
	}
	#page5contactline{
		width: 50vw !important;
		 /*margin-left: 0.5%;*/
		 /*margin-left: 5vw;*/
  	 	/*margin-right: 5vw;*/
	}
	#page5phoneicon{
		width: 10vw !important;
		margin-left:  10vw;
	}
	#page5emailicon{
		width: 10vw !important;
		margin-left:  10vw;
	}
	#page5faceinrow{
		/*text-align: center !important;*/
/*		margin-left: 50%;
	   margin-right: 50%;*/
	   margin-right: 50%;
	}
	#page5faceicon{
		width: 17vw !important;
		 margin-left: 30%;
	}
	#page5inicon{
		width: 17vw !important;
		 /*margin-right: 25%;*/
	}
	#page5rightcontact{
		 /* padding-top: 50px;
		  padding-right: 30px;
		  padding-bottom: 50px;
		  padding-left: 80px;*/
		  /*margin-left: 4vw; */
		  margin-left: 4%; 
		  /*margin-right: 4vw;*/
		  margin-right: 4%;

	}
	#contactus{
		padding-top: 3rem; 
		/*padding-right: 4vw; */
		padding-bottom: 0rem; 
		/*padding-left: 4vw; */
	}
	#page5contactinfo{
		font-size: 0.9rem;
	}
	#page5contactemail{
		font-size: 0.8rem;
	}
	#page5thanks{
		font-size: 1rem !important;
	}
	#page5received{
		font-size: 1rem;
	}
	#page5back{
		font-size: 1rem;
	}
	#contactusmail{
		padding-top: 16rem; 
		/*padding-right: 4vw; */
		/*padding-bottom: 0rem; */
		/*padding-left: 4vw; */
	}
	#page6copyrightinfo{
		font-size: 0.6rem;
	}
	#page6buttonhideatmobile{
		display: none;
	}
	#page6buttonhideatdesktop{
		display: block;
	}
}/*@media (min-width: 320px) and (max-width: 480px) {