@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/*Basic*/
html,
body{
    width: 100%;
	height: 100%;
	font-size:16px;
	margin:0;
	font-family: '',Arial,sans-serif;
	color: #111; 
	background-color:#FFF;
}
h1{
    font-family:'',Arial,sans-serif;
    margin:0;
    font-size:30px;
    font-weight:bold;
}
h2{
    font-family: '',Arial,sans-serif;
	 font-size:25px;
	 font-weight:bold;
}
h3{
    font-family: '',Arial,sans-serif;
    font-size:20px;
    font-weight:bold;}

.redtext{color:#ed1b24;font-family: 'Open Sans',Arial,sans-serif;font-size:25px;font-style: italic;}
.center{text-align:center;}
.left{text-align:left;}
.leftcenter{text-align:left;}
.right{text-align:right;}
.rightcenter{text-align:right;}
.tableleftcenter {width:100%;max-width:270px;}
.centerimg{width: 100%;display: block;margin-left:auto;margin-right:auto;}
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.bold{font-weight:bold;}
.currentpage{background-color:#700;}
.vcenter{display: inline-block;vertical-align: middle;float: none;}
.pointer{cursor:pointer;}
.facebook {color: #fff;background-color: #3b5998;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;	}
.facebook:hover {color: #fff;background-color: #1b3978;}
.twitter {color: #fff;background-color: #00acee;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;	}
.twitter:hover {color: #fff;background-color: #008cCe;}
.google {color: #fff;background-color: #e93f2e;}
.google:hover {color: #fff;background-color: #c91f0e;}
.pinterest {color: #fff;background-color: #bc0d1e;}
.pinterest:hover {color: #fff;background-color: #9c0b0d;}
.textshadow{text-shadow: 0px 0px 4px #000000,0px 0px 2px #000000;}
.whitetext{color:#FFF;}
.blacktext{color:#000;}
.aroundbox{padding:10px}
.box{padding:20px 0;}

/*buttons and links*/
a{
	text-decoration:none;
	color:#2a8173;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a:hover{
	color:#5FA096;
	text-decoration:none;
}
.button{
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	color:#FFFFFF;
	background-color:#2a8173;
	border:0px solid #FFFFFF;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;	
}
.button:hover{
	color:#EEEEEE;
	background-color:#5FA096;
}
/*Footer*/

#footer{color:#CCC;background-color:#222;line-height:150%;}
#footer a{color:#FFF;}
#footer a:hover{color:#faff00;}

/* Copyright */

.copyright{background-color:#2a8173;color:#FFFFFF;}
.copyright a{
	color:#CCC;	
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;	
}
.copyright a:hover{
	color:#faff00;	
}

/*Image*/
.imagehomepage {
   max-height:700px;
	height: 100%;
	padding: 0;
	object-fit: cover;
	width:100%;
	margin:auto;
 }

.bgimage{
	background: url(/images/bglarge.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	

}
.bgimagesmall{
   display: flex;
   justify-content: center;
   align-items: center;
   background-position: center;
   background-size: cover;
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), url('/images/bglarge.jpg');
}
.topimage{width:100%;max-width:200px;}
.divheader{padding: 0px;}
.bgimage h1, .bgimage h2, .bgimage h3, .bgimage p{color:#FFF;}
#topdiv{padding:50px 0;}

/*content alignment & small screen*/

@media only screen and (max-width : 1010px) {
   .h1, h1 {font-size: 28px;}
}
@media only screen and (max-width : 767px) {
	.rightcenter{text-align:center;display:block;}
	.leftcenter{text-align:center;display:block;}
	.tableleftcenter {margin:auto;text-align:left; width:100%;max-width:300px;}
	.footerbox{margin-bottom:20px;}
   .topimage{width:100%;max-width:200px;display:block;margin:auto;}
}
.maxwidth300{width:100%;max-width:300px;}
.floatleftcenter{float:left;margin:0 5px 5px 0;}
.floatrightcenter{float:right;margin:0 0 5px 5px;}
.floatrightright{float:right;margin:0 0 5px 5px;}
@media only screen and (min-width : 600px) {
}
@media all and (max-width:600px){
	.floatleftcenter{float:none;text-align:center;}
	.floatrightcenter{float:none;text-align:center;}
   .floatrightright{float:none;text-align:right;}
}
@media all and (max-width:400px){
	.bgimage{background: url(/images/bgsmall.jpg) no-repeat center center;}	
	#topdiv{padding:10px 0;}
}

.centercol{width:100%;max-width:1200px;margin:auto;padding:0 5px;}
.form-control{font-size:16px;}
.fontsize30{font-size:30px;}
.justify{text-align:justify}
.hidden{display:none;}
.container{margin-top:30px;}

.table1{width:100%;max-width:500px;margin:auto;}
.table1 td{padding:5px;}
.table1 tr:nth-child(even) {background-color: #eee;}

/*nav bar & dropdown*/
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-item :hover{color:#6093AE;}
.dropdown-item:hover{color:#6093AE;}
.dropdown-menu {margin: 0;}
.nav-link{margin:0 15px;}

.navbar{background-color:#2a8173;color:#FFFFFF;}
.navbar-brand{color:#FFF;}
.nav-link{color: #FFFFFF;}
.nav-link:hover{color:#faff00}

.navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
}
.navbar-toggler-icon {
background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/*topbar & header*/
#topbar{background-color:#faff00;padding:5px;font-size:14px;letter-spacing:2px;}
#topbar a{color:#000;}
#topbar a:hover{color:#FFF;}
#header{background-color:#000;color:#FFF;background-image: url('/images/bg-top2.jpg')}
#header a{color:#EEE;}
#header a:hover{color:#FFF;}

/*Hero content*/
.hero-image {
   height: 50%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
 }
 
 .hero-text {
   text-align: center;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: white;
 }
 .hero-text h1{font-size:60px;}
 .hero-text p{font-size:20px;}
 @media all and (max-width:768px){
   .hero-text {width:100%;}
   .hero-text h1{font-size:40px;}
 }

/*Home page content*/
 .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{color:#faff00;font-weight:bold;}

.homesection{
   background-color:#999;
   padding:20px;
}
.homesection img{height:100%;max-height:250px;}
.homsectionitem{
   background-color:#FFFFFF;
   padding:20px;
   border-radius:15px;
   text-align:center;
}

/*shopping basket and products*/
#cartnumber,#wishnumber{
   z-index:1000;
   position:relative;
   display:inline-block;
   width: 50px;
   height: 50px;
   color:#FFF;
   cursor:pointer;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   margin:0 20px;
}
#cartnumber:hover,#wishnumber:hover{color:#faff00;}
#cartnumber .header-round-number,#wishnumber .header-round-number{
   position: absolute;
   font-size: 0.7rem;
   width: 25px;
   height: 25px;
   top: -10px;
   right: -10px;
   color: #fff;
   background-color: #900;
   border-radius: 50%;
}
.header-icon{font-size:40px;position:relative;}

.NewProduct{position:absolute;top:10px;right:30px;background-color:#050;color:#FFF;font-weight:bold;padding:1px 10px;font-size:12px;border-radius:5px;}
.InPromotion{position:absolute;top:40px;right:30px;background-color:#98002E;color:#FFF;font-weight:bold;padding:5px 10px;font-size:12px;border-radius:5px;}
.categoriebutton{
	border:3px solid #98002E;	
	background-color:#98002E;	
	padding:10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;	
	 color:#FFF;
	 font-weight:bold;
	 cursor:pointer; 
}
.categoriebutton:hover{
	background-color:#FFF;	
	border:3px solid #98002E;	
	color:#98002E;
}
.productbutton{
	position:relative;
	border:0px solid #FFF;	
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -ms-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;	
}
.viewbutton{width:100%;position:absolute;top:70px;text-align:center;left:0px;}
.zoombutton{width:100%;position:absolute;top:50px;text-align:center;left:0px;color:#DDD;}
.productbutton .viewbutton ,.productbutton .zoombutton{display: none;}
.productbutton:hover .viewbutton,.productbutton:hover .zoombutton {display: inline;}
.breadcrumb{font-size:12px;}
.breadcrumb a{font-size:12px;padding:0 5px;}
.divproductinfo{background-color:#f3f6f8;border:1px solid #CCC;border-radius:15px;padding:20px 10px;}

.bgwhite{background-color:#FFF}
.bggrey{background-color:#F6F6F6}
.smallfield{width:90px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.shippingbutton{cursor:pointer;padding-left:30px;width:150px;}
.shippingbutton:hover{color:#888}
#totaldiv{position: -webkit-sticky;position: sticky;top: 100px;}
.zindex1{z-index:1}
.form-group {margin-bottom: 1rem;}
.dlinespace{line-height:35px;}

#cornercartbutton{
   z-index:1000;
   position:fixed;
   bottom:0px;right:0px;
   width: 95px;
   height: 95px;
   background: #002b07;
   color:#faff00;
   border-radius: 100px 0 0 0;
   -moz-border-radius: 100px 0 0 0;
   -webkit-border-radius: 100px 0 0 0;
   padding:33px;
   cursor:pointer;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -ms-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}
#cornercartbutton:hover{background: #001b00;color:#FFF;}
#promobox{border:1px solid #faff00;background-color:#FEFEEF;color:#000;padding:15px;margin:10px;text-align:center;border-radius:10px;}

/*colors*/
.bg-lightgrey{background-color:#f3f6f8;}
.bgcolor1{
   background-color: #1c5b51;
   color: #FFFFFF;
}
.bgcolor2{
    background-color: #2a8173;
    color: #FFFFFF;
}
.btncolor1 {
   background-color: #2a8173;
   color: #FFFFFF;
}
.btncolor1:hover{
   background-color:#5FA096;
   color: #DDDDDD;
}
.btncolor2 {
   background-color: #faff00;
   color: #000000;
}
.btncolor2:hover{
   background-color:#BBBF00;
   color: #222222;
}
.left-container {margin-left: calc((100% - min(90%, 70.5rem))/3);margin-right: calc((100% - min(90%, 70.5rem))/4);}.btn-outline{color: #2a8173;background-color:transparent;border: 2px solid #2a8173;}.btn-outline:hover{color: #FFFFFF;background-color: #2a8173;border: 2px solid #2a8173;}