/*CSS Document*/


/*-------Media------*/


@media only screen and (min-width: 600px) and (max-width: 799px)  {


/*Styles for Home*/

body {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  text-decoration: none;
  text-align: left;
	font-family: 'Prompt', sans-serif;
  font-size: 16px;
	font-weight: 400;
  white-space: normal;
  -webkit-text-size-adjust: 100%;
}

header {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: fixed;
  float: left;
  z-index: 4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

header.sticky {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: fixed;
  float: left;
  z-index: 4;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

main {
  width: 100%;
  height: auto;
  margin: 140px 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

section {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

footer  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: #99acb6;
  position: relative;
  float: left;
}

h1 {
  margin: 0 0 10px 0;
  padding: 0;
	font-size: 20px;
  font-weight: 400;
  line-height: 1.0;
}

h2 {
  margin: 0 0 10px 0;
  padding: 0;
	font-size: 20px;
  font-weight: 400;
  line-height: 1.0;
}

h3 {
  margin: 0 0 10px 0;
  padding: 0;
	font-size: 18px;
  color: #00a050;
  font-weight: 400;
  line-height: 1.0;
}

p {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

hr { border: 0; height: 2px; background: #00a050;}

.top  {
  width: 15px;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

#back-top {
	position: fixed;
  right: 0.75%;
	bottom: 7%;
	margin-right: 0;
}

#back-top a {
  width: 15px;
	display: block;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	opacity: 1.0;
}

#wrapper {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

a, a:link, a:visited, a:hover, a:active {
  color: inherit;
	text-decoration: none;
  border: none;
  outline: none;
}

a img {
  border:none;
  outline:none;
}

.strong {
  font-weight: 700;
}

.upperCase {
  text-transform: uppercase;
}

.underline {
  padding-bottom: 10px;
  border-bottom: 2px solid #00a050;
}

.green {
  color: #00a050;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.green:hover a {
  color: #f08643;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.orange {
  color: #f08643;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.orange:hover a {
  color: #00a050;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.black {
  color: #000;
}

.white {
  color: #fff;
}

.grey {
  color: #adbec7;
}

.light_grey {
  color: #dae2e7;
}

.head  {
  width: 100%;
  height: 100px;
  margin: 0;
  padding: 0;
  background: #1f3147;
  border-bottom: 10px solid #00a050;
  position: absolute;
  float: left;
   transition: all 0.375s ease-in-out;
  -webkit-transition: all 0.375s ease-in-out;
  -moz-transition: all 0.375s ease-in-out;
  -o-transition: all 0.375s ease-in-out;
}

.head.sticky  {
  width: 100%;
  height: 75px;
  margin: 0;
  padding: 0;
  background: #1f3147;
  border-bottom: 5px solid #00a050;
  position: absolute;
  float: left;
   transition: all 0.425s ease-in-out;
  -webkit-transition: all 0.425s ease-in-out;
  -moz-transition: all 0.425s ease-in-out;
  -o-transition: all 0.425s ease-in-out;
}

.topHead  {
  width: 92%;
  height: 110px;
  margin: 0 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
   transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.topHead.sticky  {
  width: 92%;
  height: 80px;
  margin: 0 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
   transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.logoField  {
  width: 16.5%;
  height: 34px;
  margin: 25px 0 25px 0;
  padding: 0;
  position: relative;
  float: left;
   transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.logoField.sticky  {
  width: 16.5%;
  height: 34px;
  margin: 15px 0 15px 0;
  padding: 0;
  position: relative;
  float: left;
  z-index: 2;
   transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.logo {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.logo.sticky  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contFieldNav {
  width: 55%;
  height: 64px;
  margin: 0 1.5% 0 1.5%;
  padding: 0;
  position: relative;
  float: left;
}

.contFieldNav.sticky {
  width: 55%;
  height: 60px;
  margin: 0;
  padding: 0;
  position: absolute;
  float: left;
}

.contFieldL  {
  width: 50%;
  height: 60px;
  margin: 25px 0 0 0;
  padding: 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  opacity: 0.75;
  position: absolute;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contFieldL:hover  {
  width: 50%;
  height: 60px;
  margin: 25px 0 0 0;
  padding: 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  opacity: 1.0;
  position: absolute;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contFieldL.sticky  {
  display: none;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contFieldR  {
  width: 50%;
  height: 60px;
  margin: 25px 0 0 50%;
  padding: 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  opacity: 0.75;
  position: absolute;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contFieldR:hover  {
  width: 50%;
  height: 60px;
  margin: 25px 0 0 50%;
  padding: 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  opacity: 1.0;
  position: absolute;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contFieldR.sticky  {
  width: 70%;
  height: 60px;
  margin: 15px 0 0 40%;
  padding: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  opacity: 0.75;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.contFieldR.sticky:hover  {
  width: 70%;
  height: 60px;
  margin: 15px 0 0 40%;
  padding: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  opacity: 1.0;
  position: relative;
  float: left;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.markIcnL {
  width: auto;
  height: 20px;
  margin: 5px 15px 15px 10px;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.markIcnL:hover {
  width: auto;
  height: 20px;
  margin: 5px 15px 15px 10px;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.markIcnR {
  width: auto;
  height: 20px;
  margin: 5px 15px 15px 10px;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.markIcnR:hover {
  width: auto;
  height: 20px;
  margin: 5px 15px 15px 10px;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.markIcnR.sticky {
  width: auto;
  height: 20px;
  margin: 5px 15px 0 10px;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.markIcnR.sticky:hover {
  width: auto;
  height: 20px;
  margin: 5px 15px 0 10px;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.socialSearchField {
  width: 25%;
  height: 50px;
  margin: 0;
  padding: 0;
  color: #fff;
  position: relative;
  float: right;
  z-index: 4;
   transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.socialSearchField.sticky {
  width: 50%;
  height: 30px;
  margin: 0;
  padding: 0;
  color: #fff;
  position: relative;
  float: right;
  z-index: 4;
   transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-margin-start: 25px;
}

.langRow {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  top: 15px;
  right: 40px;
  position: absolute;
  float: left;
}

.profileShopRow {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.profileShopRow.sticky {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.profileRowRes  {
  display: block;
  width: 46%;
  height: auto;
  margin: 5px 4% 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.profileRowRes.sticky  {
  display: none;
}

.lang  {
  width: 50px;
  height: 15px;
  margin: 0 0 15px 0;
  padding: 0;
  opacity: 0.75;
  font-weight: 500;
  line-height: 1.0;
  text-align: right;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.lang:hover  {
  width: 50px;
  height: 15px;
  margin: 0 0 15px 0;
  padding: 0;
  opacity: 1.0;
  font-weight: 500;
  line-height: 1.0;
  text-align: right;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.lang.sticky  {
  display: none;
  transition: all 0.4s;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.profile, .profileR  {
  display: none;
}

.profile:hover, .profileR:hover  {
  display: none;
}


.profile.sticky, .profileR.sticky   {
  display: none;
}

.profile.sticky:hover, .profileR.sticky:hover  {
  display: none;
}

.profileRes  {
  display: block;
  width: 300px;
  height: 20px;
  margin: 5px 0 0 0;
  padding: 0;
  color: #000;
  opacity: 0.75;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.profileRes:hover  {
  display: block;
  width: 300px;
  height: 20px;
  margin: 5px 0 0 0;
  padding: 0;
  color: #00a050;
  opacity: 1.0;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.profileRRes  {
  display: block;
  width: 300px;
  height: 20px;
  margin: 5px 0 0 0;
  padding: 0;
  color: #000;
  opacity: 0.75;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.profileRRes:hover  {
  display: block;
  width: 300px;
  height: 20px;
  margin: 5px 0 0 0;
  padding: 0;
  color: #00a050;
  opacity: 1.0;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.profileTxt {
  width: 270px;
  height: 20px;
  margin: 0 10px 0 0;
  padding: 0;
  font-size: 14px;
  text-align: right;
  overflow: hidden;
  position: relative;
  float: left;
}

.profileTxtR {
  width: 270px;
  height: 20px;
  margin: 0 10px 0 0;
  padding: 0;
  font-size: 14px;
  text-align: right;
  overflow: hidden;
  position: relative;
  float: left;
}

.signIn {
  margin: 0 10px 0 0;
  padding: 0;
  color: #000;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.signIn:hover {
  margin: 0 10px 0 0;
  padding: 0;
  color: #00a050;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.register {
  margin: 0;
  padding: 0;
  color: #000;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.register:hover {
  margin: 0;
  padding: 0;
  color: #00a050;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.profileIcn {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  position: absolute;
  float: right;
}

#logOut {
  display: none;
}

#logOut.sticky {
  display: none;
}

#logOutRes {
  display: block;
  width: 230px;
  height: auto;
  margin: 0;
  padding: 7px 35px 8px 35px;
  right: 0;
  bottom: -15px;
  text-align: center;
  background: rgba(153,172,182,0.9);
  position: absolute;
  float: right;
  z-index: 9999;
}

#logOutRes.sticky {
  display: block;
  width: 230px;
  height: auto;
  margin: 0;
  padding: 65px 15px 10px 15px;
  right: 0;
  bottom: -60px;
  text-align: center;
  background: rgba(153,172,182,0.9);
  position: absolute;
  float: right;
  z-index: 9999;
}

.logOutBtn  {
  width: 120px;
  height: auto;
  margin: 0;
  padding: 5px;
  background: rgba(255,255,255,0.95);
  color: #00a050;
  text-align: center;
  text-decoration: none;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 0;
  border: 2px solid #00a050;
  cursor: pointer;
  bottom: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.logOutBtn:hover  {
  width: 120px;
  height: auto;
  margin: 0;
  padding: 5px;
  background: #fff;
  color: #00a050;
  text-align: center;
  text-decoration: none;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 0;
  border: 2px solid #00a050;
  cursor: pointer;
  bottom: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.iconsLn   {
  width: 78px;
  height: auto;
  margin: 0 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.iconsBox  {
  width: 24px;
  height: auto;
  margin: 0 2px 0 0;
  padding: 0;
  opacity: 0.75;
  text-align: center;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 500;
  color: #fff;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.iconsBox:hover  {
  width: 24px;
  height: auto;
  margin: 0 2px 0 0;
  padding: 0;
  opacity: 1.0;
  text-align: center;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 500;
  color: #fff;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.iconsBox.sticky  {
  display: none;
}

.iconsBox.sticky:hover  {
  display: none;
}

.iconsBox img  {
  display: block;
  outline: none;
  border: none;
}

.iconsImg  {
  width: 20px;
  height: auto;
  margin: 0 2px;
  padding: 0;
}

.basketShop  {
  width: 50px;
  height: 18px;
  margin: 0 0 5px 5px;
  padding: 0;
  opacity: 0.75;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.basketShop:hover  {
  width: 50px;
  height: 18px;
  margin: 0 0 5px 10px;
  padding: 0;
  opacity: 1.0;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.basketShop.sticky  {
  width: 50px;
  height: 18px;
  margin: 0 0 5px 0;
  padding: 0;
  opacity: 0.75;
  top: 5px;
  right: 0;
  transform: scale(0.85,0.85);
  position: absolute;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.basketShop.sticky:hover  {
  width: 50px;
  height: 18px;
  margin: 0 0 5px 0;
  padding: 0;
  opacity: 1.0;
  top: 5px;
  right: 0;
  transform: scale(0.85,0.85);
  position: absolute;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.basketIcnH {
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.basketNoTxt  {
  width: 25px;
  height: 25px;
  margin: -3px 0 0 0;
  padding: 0;
  background: #009f4f;
  border-radius: 12.5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 2.2;
  text-align: center;
  position: relative;
  float: left;
}

.prodBtnFldRes {
  display: none;
}

.prodBtnRes {
  display: none;
}

.subListProdRes {
  display: none;
}

#inputLine  {
  display: none;
}

#inputLine.sticky  {
  display: none;
}

#inputLineRes  {
  display: block;
  width: 250px;
  height: 25px;
  text-align: left;
  margin: 0 0 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

#inputLineRes.sticky  {
  display: none;
}

.search  {
  width: 250px;
  height: 25px;
  text-align: left;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

input.search {
  width: 250px;
  margin: 10px 0 0 0;
  padding: 0 5px 0 5px;
  color: #000;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  opacity: 0.75;
  border: 1px solid #00a050;
  border-radius: 0;
  background: url(../images/search.png) no-repeat 228px 4px;
  background-size: 14px 14px;
  cursor: text;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

input.search:focus {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  opacity: 1.0;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

#nav  {
  display: none;
}

.navBarList  {
  display: none;
}

ul.navList  {
  display: none;
}

.navList li {
  display: none;
}

.navList li:hover {
  display: none;
}

li.lineR  {
  display: none;
}

li.lineR:hover  {
  display: none;
}

.activ {
  background: #00a050;
  color: #fff;
}

.subList  {
  display: none;
}

.subList li {
  display: none;
}

.subList li:hover {
  display: none;
}

.subL2  {
  display: none;
}

#navMenu {
  width: 70%;
  height: auto;
  margin: 110px 0 0 0;
  padding: 0 0 0 30%;
  background: rgba(31,49,71,0.85);
  color: #dae2e7;
  font-size: 16px;
  display: block;
  position: absolute;
  float: left;
  z-index: 2;
}

#navMenu.sticky {
  width: 70%;
  height: auto;
  margin: 80px 0 0 0;
  padding: 0 0 0 30%;
  background: rgba(31,49,71,0.85);
  color: #dae2e7;
  font-size: 16px;
  display: block;
  position: absolute;
  float: left;
  z-index: 2;
}

#navMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

#navMenu li {
  margin: 0;
  padding: 5px 0 5px 0;
  display: block;
}

.subListR {
  list-style-type: none;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 12px;
  line-height: 1.0;
  text-align: left;
  display: block;
  position: relative;
  float: left;
  top: -5px;
}

.subListR li  {
  margin: 0;
  padding: 0;
  display: block;
}

.menu {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}

.menuImg {
  display: block;
  width: 30px;
  height: 30px;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.container {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.contSec {
  width: 92%;
  height: auto;
  margin: 15px 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.rslides_container {
  width: 100%;
  height: auto;
	margin: 10px 0 0 0;
  padding: 0;
	position: relative;
  float: left;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: none;
}

.rslides img {
  display: block;
  height: auto;
  float: none;
  width: 100%;
  border: 0;
  margin: 0;
}

.centered-btn_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 100%;
  left: 0;
  opacity: 1;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 37px;
  width: 18px;
  margin: -30% 25px 0 25px;
  background-image: url(../images/arrowT.png);
}

.centered-btn_nav:active {
  opacity: 1.0;
}

.centered-btn_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.caption  {
  width: 90%;
  height: auto;
  z-index: 3;
  position: absolute;
  margin: 0;
  padding: 3% 5% 3% 5%;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  background: rgba(31,49,71,0.75);
  right: 0;
  bottom: 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.banners  {
  width: 100%;
  height: auto;
	margin: 0;
  padding: 0;
	position: relative;
  float: left;
}

.bannRow  {
  width: 100%;
  height: auto;
	margin: 0;
  padding: 0;
	position: relative;
  float: left;
}

.bann1  {
  width: 45%;
  height: 10em;
	margin: 40px 0 0 5%;
  padding: 0 5%;
  color: #fff;
  background: #00a050;
	position: relative;
  float: left;
}

.bann1 img {
  display: block;
  outline: none;
  border: none;
  width: 75%;
  height: auto;
	margin: 5% 0 0 0;
  padding: 0 12.5%;
	position: relative;
  float: left;
}

.bann1a  {
  width: 100%;
  height: auto;
	margin: 5px 0 20px 0;
  padding: 0;
	position: relative;
  float: left;
}

.bannImg1a  {
  width: 100%;
  height: auto;
  overflow: hidden;
	margin: 0;
  padding: 0;
}

.phone  {
  width: 40px;
  height: auto;
	margin: -35px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.doctor  {
	margin: 0 0 10px 0;
  padding: 0;
  font-size: 24px;
  font-weight: 400;
}

.phoneNo  {
	margin: 0 0 0 20px;
  padding: 0;
  font-size: 24px;
  font-weight: 500;
}

.clinic  {
	margin: 12px 0 0 2px;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}

.bann2  {
  width: 40%;
  height: 10em;
	margin: 40px 0 0 0;
  padding: 0;
  overflow: hidden;
	position: relative;
  float: left;
}

.bannImg  {
  width: 60%;
  height: auto;
  overflow: hidden;
	margin: 0 20%;
  padding: 0;
}

.bannTl  {
  width: 60%;
  height: auto;
  margin: 0 20%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: #00a050;
  line-height: 1.1;
  overflow: hidden;
  right: 0;
  bottom: 0;
  text-align: center;
  position: absolute;
  float: right;
}

.contSecC  {
  width: 92%;
  height: auto;
  margin: 20px 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.contSecB  {
  width: 92%;
  height: auto;
  margin: 20px 4% 55px 4%;
  padding: 0;
  position: relative;
  float: left;
}

.columnL  {
  width: 42%;
  height: 260px;
  margin: 20px 2% 4% 0;
  padding: 20px 3% 20px 3%;
  position: relative;
  float: left;
}

.columnR  {
  display: none;
}

.columnLBann  {
  width: 48%;
  height: auto;
  margin: 20px 2% 2.5% 0;
  padding: 0;
  position: relative;
  float: left;
}

.columnRBann  {
  display: none;
}

.columnRRes  {
  display: block;
  width: 42%;
  height: 260px;
  margin: 20px 0 4% 2%;
  padding: 20px 3% 20px 3%;
  position: relative;
  float: left;
}

.columnRBannRes  {
  display: block;
  width: 48%;
  height: auto;
  margin: 20px 0 2.5% 2%;
  padding: 0;
  position: relative;
  float: left;
}

.columnM  {
  width: 94%;
  height: 260px;
  margin: 0 0 30px 0;
  padding: 20px 3% 20px 3%;
  position: relative;
  float: left;
}

.columnMBann  {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.columnCL  {
  width: 42%;
  height: 200px;
  margin: 20px 2% 4% 0;
  padding: 3%;
  position: relative;
  float: left;
}

.columnCLBann  {
  width: 48%;
  height: auto;
  margin: 20px 2% 2.5% 0;
  padding: 0;
  position: relative;
  float: left;
}

.columnCML {
  width: 42%;
  height: 200px;
  margin: 0 2% 2% 0;
  padding: 3%;
  position: relative;
  float: left;
}

.columnCMLBann {
  width: 48%;
  height: auto;
  margin: 0 2% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.columnCMR {
  width: 42%;
  height: 200px;
  margin: 0 0 2% 2%;
  padding: 3%;
  position: relative;
  float: left;
}

.columnCMRBann {
  width: 48%;
  height: auto;
  margin: 0 0 0 2%;
  padding: 0;
  position: relative;
  float: left;
}

.columnCR  {
  display: none;
}

.columnCRBann  {
  display: none;
}

.columnCRRes  {
  display: block;
  width: 42%;
  height: 200px;
  margin: 20px 0 4% 2%;
  padding: 3%;
  position: relative;
  float: left;
}

.columnCRBannRes  {
  display: block;
  width: 48%;
  height: auto;
  margin: 20px 0 2.5% 2%;
  padding: 0;
  position: relative;
  float: left;
}

.colTl  {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.2;
  position: relative;
  float: left;
}

.colTlM  {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 1.1;
  color: #00a050;
  position: relative;
  float: left;
}

.colImgL {
  width: 75%;
  height: auto;
  overflow: hidden;
  margin: 0 0 0 -6.5%;
  padding: 0;
  bottom: -3%;
  position: absolute;
  float: left;
}

.colImgM {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 0 0 -3%;
  padding: 0;
  bottom: -2.5%;
  position: absolute;
  float: left;
}

.colImgMBann {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 0 0 -3.5%;
  padding: 0;
  bottom: -3%;
  position: absolute;
  float: left;
}

.colImgR {
  width: 75%;
  height: auto;
  overflow: hidden;
  margin: 0 0 0 18.5%;
  padding: 0;
  bottom: -2.75%;
  position: absolute;
  float: left;
}

.colImgBann, .colImgBannC {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.colImgCL, .colImgCR {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 0 0 -6.25%;
  padding: 0;
  bottom: 0;
  position: absolute;
  float: left;
}

.colImgCM {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 0 0 -6.25%;
  padding: 0;
  bottom: -2.75%;
  position: absolute;
  float: left;
}

.colImgCMB {
  width: 95%;
  height: auto;
  overflow: hidden;
  margin: 0 0 0 -17.5%;
  padding: 0;
  bottom: -3.25%;
  position: absolute;
  float: left;
}

.colImgCRB {
  width: 95%;
  height: auto;
  overflow: hidden;
  margin: 0 0 0 -1.5%;
  padding: 0;
  bottom: -3.5%;
  position: absolute;
  float: left;
}

.colImgBann {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.colIcn {
  width: 65%;
  height: auto;
  margin: 0 0 0 35%;
  padding: 0;
}

.colIcnOL, .colIcnOR, .colIcnBann {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.colIcnCL {
  width: 55%;
  height: auto;
  margin: 0;
  padding: 0;
  float: right;
 }

.colIcnCR  {
   width: 55%;
   height: auto;
   margin: 0;
   padding: 0;
   float: left;
  }

.colIcnCM  {
    width: 55%;
    height: auto;
    margin: 0 22.5% 0 22.5%;
    padding: 0;
   }

.colIcnBannL {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.colIcnBannR {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.colIcnBannC, .colIcnBannCR {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.colIcnBannM {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.colIcnM {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.brandBoxL, .brandBoxR  {
  width: 23.5%;
  height: auto;
  margin: 20px 0 0 0;
  background: #eef0f4;
  position: relative;
  float: left;
}

.brandBoxML  {
  width: 23.5%;
  height: auto;
  margin: 20px 0 0 2%;
  background: #eef0f4;
  position: relative;
  float: left;
}

.brandBoxMR  {
  width: 23.5%;
  height: auto;
  margin: 20px 2% 0 2%;
  background: #eef0f4;
  position: relative;
  float: left;
}

.boxImg {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 25px 0 25px 0;
  padding: 10px 0 10px 0;
  position: relative;
  float: left;
}

.boxIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.contSecFoot  {
  width: 92%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  color: #000;
  position: relative;
  float: left;
}

.footContL, .footContR  {
  width: 25%;
  height: auto;
  margin: 30px 0 30px 0;
  padding: 0;
  color: #000;
  position: relative;
  float: left;
}

.logoSign {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.logoFoot  {
  width: 120px;
  height: auto;
  margin: 0;
  padding: 0;
}

.socPage {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 14px;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.socPage:hover {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #dae2e7;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.footContM  {
  width: 40%;
  height: auto;
  margin: 30px 0 30px 0;
  padding: 0;
  color: #000;
  position: relative;
  float: left;
}


.footContML  {
  width: 25%;
  height: auto;
  margin: 30px 0 30px 0;
  padding: 0;
  color: #000;
  position: relative;
  float: left;
}

.footContMR  {
  width: 25%;
  height: auto;
  margin: 30px 0 30px 0;
  padding: 0;
  position: relative;
  float: left;
}

.footContMR p {
  width: 100%;
  height: auto;
  margin: 0 0 4px 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  float: left;
}



.contactFieldM {
  width: 94%;
  height: auto;
  margin: 0 3% 0 3%;
  padding: 0;
  position: relative;
  float: left;
}

.contNavTl {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.contNavTl:hover {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #dae2e7;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.contactField {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 12px;
  position: relative;
  float: left;
}

.termsFootField {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 0;
  background: #1f3147;
  font-size: 13px;
  font-weight: 500;
  color: #adbec7;
  position: relative;
  float: left;
}

.copy {
  width: 92%;
  height: auto;
  margin: 70px 4% 0 4%;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.terms {
  width: 50%;
  height: auto;
  margin: -60px 25% 0 25%;
  padding: 0 0 10px 0;
  text-align: center;
  border-bottom: 1px solid #99acb6;
  position: relative;
  float: left;
}

.terms ul  {
  list-style-type: none;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  display: inline;
}

.terms li {
  margin: 0;
  padding: 0 8px 0 5px;
  border-right: 1px solid #99acb6;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.terms li:hover {
  margin: 0;
  padding: 0 8px 0 5px;
  color: #f0f0f0;
  border-right: 1px solid #99acb6;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.terms .lineE  {
  margin: 0;
  padding: 0 0 0 5px;
  border-right: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.terms .lineE:hover  {
  margin: 0;
  padding: 0 0 0 5px;
  border-right: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.design {
  width: 92%;
  height: auto;
  margin: 10px 4% 20px 4%;
  padding: 0;
  text-align: center;
  position: relative;
  float: right;
}

.waIcn  {
  width: 125px;
  height: auto;
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: -8px;
}


/*Styles for Category*/

.contSecSC  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.breadcrumbs ul  {
  list-style-type: none;
  width: 96%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 5px 2% 5px 2%;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  background: #eef0f4;
  position: relative;
  float: none;
}

.breadcrumbs li  {
  margin: 0;
  padding: 0 4px 0 0;
  border: none;
  display: inline;
}

.columnCatL  {
  width: 92%;
  height: auto;
  margin: 0 4% 20px 4%;
  padding: 0;
  position: relative;
  float: left;
}

.columnCatM, .columnCatM1  {
  width: 92%;
  height: auto;
  margin: 0 4% 50px 4%;
  padding: 20px 0 20px 0;
  font-size: 18px;
  position: relative;
  float: left;
}

.columnCatM2  {
  width: 92%;
  height: auto;
  margin: 0 4% 30px 4%;
  padding: 20px 0 20px 0;
  font-size: 18px;
  position: relative;
  float: left;
}

.columnFilter {
  display: none;
}

.columnFilterMenu {
  display: block;
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.menuDL  {
  display: block;
  width: 48%;
  height: auto;
  margin: 0 2% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.menuDR  {
  display: block;
  width: 48%;
  height: auto;
  margin: 0 0 0 2%;
  padding: 0;
  position: relative;
  float: right;
}

.dropDownL {
  display: block;
  width: 100%;
  height: 30px;
  margin: 5px 0 0 0;
  padding: 0;
  border-radius: none;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  outline: none;
  position: relative;
  float: left;
}

.dropDownR {
  display: block;
  width: 100%;
  height: 30px;
  margin: 5px 0 0 0;
  padding: 0;
  border-radius: none;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  outline: none;
  position: relative;
  float: left;
}

select.dropDownL, select.dropDownR  {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: none;
  border: 1px solid #009f4f;
  margin: 0 0 5px 0;
  padding: 1% 4% 1% 4%;
  width: 100%;
  height: 30px;
  color: #000;
  text-align: left;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #ffffff url(../images/dropDownArrow.png) no-repeat;
  background-position: 95% 50%;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

select::-ms-expand {
  display: none;
}

select:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: 1px solid #000;
  color: #000;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.colCategory {
  display: none;
}

.colCategory ul  {
  display: none;
}

.colCategory li {
  display: none;
}

ul.subListCat {
  display: none;
}

ul.subListCat li {
  display: none;
}

li.lineB  {
  display: none;
}

.sTl  {
  width: 100%;
  font-size: 18px;
  color: #000;
  position: relative;
  float: left;
}

.introTl  {
  width: 100%;
  height: auto;
  margin: 20px 0 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
  float: left;
}

.shopBoxL  {
  width: 48%;
  height: auto;
  margin: 20px 1% 20px 1%;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.shopBoxR  {
  width: 48%;
  height: auto;
  margin: 20px 1% 20px 1%;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.shopBoxImg {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.shopBoxIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}



.shopBoxProdN  {
  width: 31.333%;
  height: auto;
  margin: 10px 0.5%;
  padding: 0;
  border: 1px solid rgba(173,190,199,0.5);
  overflow: hidden;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.shopBoxProdN:hover  {
  width: 31.333%;
  height: auto;
  margin: 10px 0.5%;
  padding: 0;
  border: 1px solid rgba(173,190,199,0.35);
  overflow: hidden;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(173,190,199,0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(173,190,199,0.75);
  box-shadow: 0px 5px 5px 0px rgba(173,190,199,0.75);
}

.shopBoxProdImg {
  width: 80%;
  height: auto;
  overflow: hidden;
  margin: 50px 10% 0 10%;
  padding: 0;
  position: relative;
  float: left;
}

.shopBoxProdIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.shopBoxProdTl  {
  width: 90%;
  height: 85px;
  margin: 0 5%;
  padding: 10px 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
  border-bottom: 2px solid #00a050;
  position: relative;
  float: left;
}

.shopBoxProdN:hover .shopBoxProdTl  {
  width: 90%;
  height: 85px;
  margin: 0 5%;
  padding: 10px 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #00a050;
  line-height: 1.2;
  border-bottom: 2px solid #00a050;
  position: relative;
  float: left;
}

.priceProdN {
  width: 90%;
  height: 30px;
  margin: 25px 5% 0 5%;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: #00a050;
  text-align: center;
  position: relative;
  float: left;
}

.saleProdN {
  width: 100%;
  height: 20px;
  margin: -20px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #adbec7;
  text-decoration: line-through;
  position: absolute;
}

.shopBtnProdN  {
  width: 130px;
  height: auto;
  margin-top: 15px;
  margin-left: calc(50% - 75px);
  margin-bottom: 15px;
  padding: 10px;
  background: url(../images/basketPckW.png) no-repeat;
  background-position: right 10px top 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  background-color: #f08643;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.shopBtnProdN:hover  {
  width: 130px;
  height: auto;
  margin-top: 15px;
  margin-left: calc(50% - 75px);
  margin-bottom: 15px;
  padding: 10px;
  background: url(../images/basketPckW.png) no-repeat;
  background-position: right 10px top 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  background-color: #00a050;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}



.shopBoxTag1 {
  width: 90px;
  height: 20px;
  margin: 0;
  padding: 10px 20px;
  background: #e20404;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.shopBoxTag2 {
  width: 90px;
  height: 20px;
  margin: 0;
  padding: 10px 20px;
  background: #00a050;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.shopBoxTag3 {
  width: 90px;
  height: 20px;
  margin: 0;
  padding: 10px 20px;
  background: #006ec3;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.shopBoxTag4 {
  width: 90px;
  height: 20px;
  margin: 0;
  padding: 10px 20px;
  background: yellow;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.shopBoxTag4a {
  width: 90px;
  height: 20px;
  margin: 0;
  padding: 10px 20px;
  background: #f08643;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  color: #fff;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.shopBoxTag5 {
  width: 120px;
  height: 20px;
  margin: 0;
  padding: 10px 5px;
  background: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.shopBoxTag5a {
  width: 90px;
  height: 20px;
  margin: 0;
  padding: 10px 20px;
  background: #3f454d;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  color: yellow;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.shopBoxTagAdd  {
  width: 90px;
  height: 20px;
  margin: 0;
  padding: 10px 20px;
  background: transparent;
  display: block;
  right: 0;
  top: 40px;
  position: absolute;
}

.shopBoxTagAdd2  {
  width: 90px;
  height: 20px;
  margin: 0;
  padding: 10px 20px;
  background: transparent;
  display: block;
  right: 0;
  top: 80px;
  position: absolute;
}

.shopBoxTl  {
  width: 96%;
  height: 55px;
  margin: 0;
  padding: 2%;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  border-bottom: 2px solid #00a050;
  position: relative;
  float: left;
}

.pTl  {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.0;
  text-align: center;
  transition: margin-top 0.3s ease-in-out;
  -webkit-transition: margin-top 0.3s ease-in-out;
  -moz-transition: margin-top 0.3s ease-in-out;
  -o-transition: margin-top 0.3s ease-in-out;
}

.pTl:hover  {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.0;
  text-align: center;
  color: #00a050;
  transition: margin-top 0.3s ease-in-out;
  -webkit-transition: margin-top 0.3s ease-in-out;
  -moz-transition: margin-top 0.3s ease-in-out;
  -o-transition: margin-top 0.3s ease-in-out;
}

.pTxt  {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

.price {
  width: 80%;
  height: 30px;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 16px;
  color: #00a050;
  position: relative;
  float: left;
}

.sale {
  width: 100%;
  height: 20px;
  margin: -20px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: #adbec7;
  position: absolute;
}

.shopBtn  {
  width: 32px;
  height: 32px;
  margin: 8px 0 0 0;
  padding: 0;
  background: url(../images/basket.png) no-repeat;
  border: none;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.shopBtn:hover  {
  width: 32px;
  height: 32px;
  margin: 8px 0 0 0;
  padding: 0;
  background: url(../images/basketH.png) no-repeat;
  border: none;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: none;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    font-size: 16px;
    padding: 2px 12px;
    text-decoration: none;
    transition: background-color .3s;
    border: none;
}

ul.pagination li a.active {
    background-color: #00a050;
    color: white;
    border: none;
}

ul.pagination li a:hover:not(.active) {background-color: #eef0f4;}

div.center {text-align: center;}


/*Styles for Packages*/

.contSecPck {
  width: 92%;
  height: auto;
  margin: 15px 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.shopBoxPck  {
  width: 31.333%;
  height: auto;
  margin: 10px 0.5%;
  padding: 0;
  border: 1px solid rgba(173,190,199,0.5);
  overflow: hidden;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.shopBoxPck:hover  {
  width: 31.333%;
  height: auto;
  margin: 10px 0.5%;
  padding: 0;
  border: 1px solid rgba(173,190,199,0.35);
  overflow: hidden;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(173,190,199,0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(173,190,199,0.75);
  box-shadow: 0px 5px 5px 0px rgba(173,190,199,0.75);
}

.shopBoxPckImg {
  width: 80%;
  height: auto;
  overflow: hidden;
  margin: 50px 10% 0 10%;
  padding: 0;
  position: relative;
  float: left;
}

.shopBoxPckIcn {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.shopBoxPckTl  {
  width: 90%;
  height: 85px;
  margin: 0 5%;
  padding: 10px 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
  border-bottom: 2px solid #00a050;
  position: relative;
  float: left;
}

.shopBoxPck:hover .shopBoxPckTl  {
  width: 90%;
  height: 85px;
  margin: 0 5%;
  padding: 10px 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #00a050;
  line-height: 1.2;
  border-bottom: 2px solid #00a050;
  position: relative;
  float: left;
}

.pricePck {
  width: 90%;
  height: 30px;
  margin: 25px 5% 0 5%;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: #00a050;
  text-align: center;
  position: relative;
  float: left;
}

.salePck {
  width: 100%;
  height: 20px;
  margin: -20px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #adbec7;
  text-decoration: line-through;
  position: absolute;
}

.shopBtnPck  {
  width: 130px;
  height: auto;
  margin-top: 15px;
  margin-left: calc(50% - 75px);
  margin-bottom: 15px;
  padding: 10px;
  background: url(../images/basketPckW.png) no-repeat;
  background-position: right 10px top 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  background-color: #f08643;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.shopBtnPck:hover  {
  width: 130px;
  height: auto;
  margin-top: 15px;
  margin-left: calc(50% - 75px);
  margin-bottom: 15px;
  padding: 10px;
  background: url(../images/basketPckW.png) no-repeat;
  background-position: right 10px top 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  background-color: #00a050;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}


/*Styles for Package-Page*/

/*Styles for Package-Page*/

.productPckFld  {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 16px;
  color: #000;
  position: relative;
  float: right;
}

.productPckBack  {
  width: 100px;
  height: auto;
  margin: 30px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  text-align: right;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.productPckBack:hover  {
  width: 100px;
  height: auto;
  margin: 30px 0;
  padding: 0;
  color: #00a050;
  font-size: 18px;
  font-weight: 500;
  text-align: right;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.productPckBoxImg  {
  width: 35%;
  height: auto;
  margin: 5px 5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.productPckIcn  {
  width: 100%;
  height: auto;
  margin: 50px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.productPckBox  {
  width: 60%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.productBoxPckTxt1  {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0 0 5px 0;
  text-align: left;
  font-size: 20px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
}

.productBoxPckTl1  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.priceProductPckTl1 {
  width: 100%;
  height: 30px;
  margin: 40px 0 0 0;
  padding: 0;
  font-size: 16px;
  position: relative;
  float: left;
}

.priceProductPck1 {
  width: 37.5%;
  height: 35px;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 18px;
  color: #00a050;
  position: relative;
  float: left;
}

.saleProductPck {
  width: 100%;
  height: 20px;
  margin: -20px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #adbec7;
  position: absolute;
}

.productBoxPckBasket1  {
  width: 62.5%;
  height: 50px;
  margin: -10px 0 15px 0;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
  position: relative;
  float: left;
}

.divLinePck  {
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  background: #00a050;
  position: relative;
  float: left;
}

.shopBtnProdPck  {
  width: 150px;
  height: 30px;
  margin: -30px 0 0 0;
  padding: 10px 0 0 10px;
  background: url(../images/basketPckW.png) no-repeat;
  background-position: right 10px top 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background-color: #f08643;
  border: none;
  cursor: pointer;
  position: absolute;
  float: right;
  right: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.shopBtnProdPck:hover  {
  width: 150px;
  height: 30px;
  margin: -30px 0 0 0;
  padding: 10px 0 0 10px;
  background: url(../images/basketPckW.png) no-repeat;
  background-position: right 10px top 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background-color: #00a050;
  border: none;
  cursor: pointer;
  position: absolute;
  float: right;
  right: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.presentBoxPck2  {
  width: 100%;
  height: auto;
  margin: 35px 0 0 0;
  padding: 0;
  text-align: left;
  position: relative;
  float: left;
}

.presentTxtPck2  {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.35;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.presentTxtPck2 a:hover  {
  color: #f08643;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}


/*Styles for Product*/

.productFld  {
  width: 100%;
  height: auto;
  margin: 20px 0 30px 0;
  padding: 0;
  font-size: 16px;
  color: #000;
  position: relative;
  float: left;
}

.productFld1  {
  width: 100%;
  height: auto;
  margin: 20px 0 30px 0;
  padding: 0;
  font-size: 16px;
  color: #000;
  position: relative;
  float: left;
}

.productBoxImg  {
  width: 26%;
  height: auto;
  margin: 5px 4% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.productIcn  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.productBoxTag1 {
  width: 65px;
  height: 15px;
  margin: 0;
  padding: 5px 10px;
  background: #e20404;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.productBoxTag2 {
  width: 65px;
  height: 15px;
  margin: 0;
  padding: 5px 10px;
  background: #00a050;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.productBoxTag3 {
  width: 65px;
  height: 15px;
  margin: 0;
  padding: 5px 10px;
  background: #006ec3;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.productBoxTag4 {
  width: 65px;
  height: 15px;
  margin: 0;
  padding: 5px 10px;
  background: yellow;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.productBoxTag5 {
  width: 75px;
  height: 15px;
  margin: 0;
  padding: 5px 5px;
  background: #000;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.productBoxTag5a {
  width: 65px;
  height: 15px;
  margin: 0;
  padding: 5px 10px;
  background: #3f454d;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: yellow;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

.productBoxTagAdd  {
  width: 65px;
  height: 15px;
  margin: 0;
  padding: 5px 10px;
  background: transparent;
  display: block;
  right: 0;
  top: 25px;
  position: absolute;
}

.productBoxTagAdd2  {
  width: 65px;
  height: 15px;
  margin: 0;
  padding: 5px 10px;
  background: transparent;
  display: block;
  right: 0;
  top: 50px;
  position: absolute;
}


.productBox  {
  width: 70%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.productBoxTl1  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.divLinP  {
  width: 100%;
  height: 3px;
  background: #00a050;
  position: relative;
  float: left;
}

.productBoxTxt1  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 5px 0;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
}

.priceProductTl1 {
  width: 100%;
  height: 30px;
  margin: 25px 0 0 0;
  padding: 0;
  font-size: 20px;
  position: relative;
  float: left;
}

.priceProductTl2 {
  width: 100%;
  height: 30px;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 16px;
  position: relative;
  float: left;
}

.priceProduct1 {
  width: 57.5%;
  height: 35px;
  margin: 30px 0 0 0;
  padding: 0;
  font-size: 22px;
  color: #00a050;
  position: relative;
  float: left;
}

.priceProduct2 {
  width: 57.5%;
  height: 35px;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 18px;
  color: #00a050;
  position: relative;
  float: left;
}

.saleProduct {
  width: 100%;
  height: 20px;
  margin: -20px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: #adbec7;
  position: absolute;
}

.saleProduct2 {
  width: 100%;
  height: 20px;
  margin: -20px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #adbec7;
  position: absolute;
}

.productBoxBasket1  {
  width: 125px;
  height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
  position: relative;
  float: right;
}

.productBoxBasket2  {
  width: 235px;
  height: 50px;
  margin: 0 0 15px 0;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
  position: relative;
  float: left;
}

.shopBtnProd  {
  width: 32px;
  height: 32px;
  margin: 18px 0 0 0;
  padding: 0;
  background: url(../images/basket.png) no-repeat;
  border: none;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.shopBtnProd:hover  {
  width: 32px;
  height: 32px;
  margin: 18px 0 0 0;
  padding: 0;
  background: url(../images/basketH.png) no-repeat;
  border: none;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.shopBtnProd2  {
  width: 130px;
  height: auto;
  margin: 14px 0 0 0;
  padding: 10px;
  background: url(../images/basketPckW.png) no-repeat;
  background-position: right 10px top 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  background-color: #f08643;
  border: none;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.shopBtnProd2:hover  {
  width: 130px;
  height: auto;
  margin: 14px 0 0 0;
  padding: 10px;
  background: url(../images/basketPckW.png) no-repeat;
  background-position: right 10px top 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  background-color: #00a050;
  border: none;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.upDown {
  width: 65px;
  height: 40px;
  margin: 14px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.quantity  {
  width: 32px;
  height: 32px;
  text-align: left;
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
  float: left;
}

input.quantity {
  width: 32px;
  height: 32px;
  margin: 4px 0 0 0;
  padding: 0;
  color: #adbec7;
  font-size: 16px;
  text-align: center;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: 1px solid #adbec7;
  border-radius: 0;
  background: transparent;
  cursor: text;
  position: relative;
  float: left;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

input.quantity:hover {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  opacity: 1.0;
  color: #000;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.plus  {
  width: 32px;
  height: 15px;
  margin: 4px 0 0 0;
  padding: 0;
  color: #fff;
  background: #adbec7;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #eef0f4;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.plus:hover  {
  width: 32px;
  height: 15px;
  margin: 4px 0 0 0;
  padding: 0;
  color: #fff;
  background: #00a050;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #eef0f4;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.minus  {
  width: 32px;
  height: 16px;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #adbec7;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  border: none;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.minus:hover  {
  width: 32px;
  height: 16px;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #00a050;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  border: none;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.rotCCW {
  margin: -4px 0 0 -3px;
  padding: 0;
  font-size: 20px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-margin-before: -4px;
  -webkit-margin-end: -4px;
}

.rotCW {
  margin: -4px 0 0 3px;
  padding: 0;
  font-size: 20px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-margin-before: -4px;
  -webkit-margin-end: 2px;
}

.falvSlct  {
  width: 125px;
  margin: -35px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.dropDownF {
  width: 125px;
  height: 30px;
  margin: 5px 0 0 0;
  padding: 0;
  border-radius: none;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  outline: none;
  position: relative;
  float: right;
}

select.dropDownF  {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: none;
  border: 1px solid #adbec7;
  margin: 0 0 5px 0;
  padding: 1% 4% 1% 4%;
  width: 100%;
  height: 30px;
  color: #000;
  text-align: left;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #ffffff url(../images/dropDownArrow.png) no-repeat;
  background-position: 95% 50%;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
}

select::-ms-expand {
  display: none;
}

select:focus {
  outline: none;
  box-shadow: none;
  border-style: none;
  border: 1px solid #000;
  color: #000;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.rotCW {
  margin: -3px 0 0 3px;
  padding: 0;
  font-size: 20px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-margin-before: -4px;
  -webkit-margin-end: 2px;
}

.divLine  {
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  background: #00a050;
  position: relative;
  float: left;
}

.productBoxTable2  {
  width: 100%;
  height: auto;
  margin: 30px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.tabs2 {
  width: 358px;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.tabs2 ul  {
  list-style-type: none;
  height: auto;
  margin: 0;
  padding: 0;
	font-size: 16px;
  font-weight: 500;
  line-height: 1.0;
  text-transform: uppercase;
  display: inline;
  position: relative;
  float: none;
}

.tabs2 li {
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

#tableBox1, #tableBox2  {
  width: 484px;
  height: auto;
  margin: 0;
  padding: 25px 0 0 0;
  font-size: 16px;
  color: #000;
  position: relative;
  float: left;
}

#tableBox1a, #tableBox2a  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 25px 0 0 0;
  font-size: 16px;
  color: #000;
  position: relative;
  float: left;
}

.actTab2 {
  width: 137px;
  margin: 0;
  padding: 10px 21px 10px 21px;
  text-align: center;
  color: #fff;
  background: #00a050;
}

.actTab2:hover {
  width: 137px;
  margin: 0;
  padding: 10px 21px 10px 21px;
  text-align: center;
  color: #fff;
  background: #1f3147;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.liTab2  {
  width: 137px;
  margin: 0;
  padding: 10px 21px 10px 21px;
  text-align: center;
  color: #fff;
  background: #adbec7;
}

.liTab2:hover {
  width: 137px;
  margin: 0;
  padding: 10px 21px 10px 21px;
  text-align: center;
  color: #fff;
  background: #1f3147;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.tblTl  {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.0;
  position: relative;
  float: left;
}

.tblTxt  {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.0;
  position: relative;
  float: left;
}

.tableRowTop2  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 0;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  float: left;
}

.tableRow2  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 0;
  font-size: 13px;
  font-weight: 400;
  border-top: 1px solid #adbec7;
  position: relative;
  float: left;
}

.tableColL2  {
  width: 53%;
  height: auto;
  margin: 0 2% 0 0;
  padding: 0;
  line-height: 1.0;
  position: relative;
  float: left;
}

.tableColM1a, .tableColM1b {
  width: 15%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.0;
  text-align: center;
  position: relative;
  float: left;
}

.tableColR1 {
  width: 15%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.0;
  text-align: center;
  position: relative;
  float: left;
}

.tblSubTxt  {
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  position: relative;
  float: left;
}

.productBoxShare, .productBoxSharePck  {
  width: 120px;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.productBoxSharePckRes  {
  display: none;
}

.shareIcn {
  width: 35px;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  opacity: 1.0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.shareIcn:hover {
  width: 35px;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  opacity: 0.75;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.presentBox2  {
  width: 100%;
  height: auto;
  margin: 50px 0 0 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.presentTxt2  {
  width: 100%;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.2;
  position: relative;
  float: left;
}

.presentRow2  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.presentSubRow2  {
  width: 562px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.presentImgL {
  width: 135px;
  height: 185px;
  margin: 0 5px 5px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.presentImgR {
  width: 135px;
  height: 185px;
  margin: 0 0 5px 6px;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.presentIcn {
  width: auto;
  height: 135px;
  margin: 0;
  padding: 0;
}

.productDescript2  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-align: left;
  position: relative;
  float: left;
}

.productBack  {
  width: 100px;
  height: auto;
  margin: 30px 0 0 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  text-align: right;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.productBack:hover  {
  width: 100px;
  height: auto;
  margin: 30px 0 0 0;
  padding: 0;
  color: #00a050;
  font-size: 18px;
  font-weight: 500;
  text-align: right;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.arrowBck {
  width: auto;
  height: 14px;
  margin: 0;
  padding: 0;
  vertical-align: -2px;
}


/*Styles for Basket*/

.stepLine {
  width: 92%;
  height: 10px;
  margin: 20px 4% 0 4%;
  padding: 0;
  position: relative;
  float: left;
}

.stepPre {
  width: 18.85%;
  height: 4px;
  margin: 0 0.5% 0 0.5%;
  padding: 0;
  background: #adbec7;
  position: relative;
  float: left;
}

.stepActiv {
  width: 18.85%;
  height: 4px;
  margin: 0 0.5% 0 0.5%;
  padding: 0;
  background: #f08643;
  position: relative;
  float: left;
}

.stepActivConfirm {
  width: 18.85%;
  height: 4px;
  margin: 0 0.5% 0 0.5%;
  padding: 0;
  background: #00a050;
  position: relative;
  float: left;
}

.stepNext {
  width: 18.85%;
  height: 4px;
  margin: 0 0.5% 0 0.5%;
  padding: 0;
  background: #dae2e7;
  position: relative;
  float: left;
}

.stepImg  {
  width: 13px;
  height: 13px;
  margin: -20px 0 0 -16px;
  padding: 0;
  position: relative;
  float: left;
}

.stepIcn  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.stepText {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.0;
}

.bskProdBox {
  width: 92%;
  height: auto;
  margin: 40px 4% 10px 4%;
  padding: 0;
  position: relative;
  float: left;
}

.basketBoxPre  {
  width: 100%;
  height: auto;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0 10px 0;
  border-top: 1px solid #dae2e7;
  border-bottom: 1px solid #dae2e7;
  position: relative;
  float: left;
}

.basketBox  {
  width: 100%;
  height: auto;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #dae2e7;
  position: relative;
  float: left;
}

.bskProdTl  {
  width: 50%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.bskQuanTl  {
  width: 10%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: left;
}

.bskPriceTl  {
  width: 20%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: left;
}

.bskTotalTl  {
  width: 20%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: left;
}

.basketBoxImg  {
  width: 8.5%;
  height: auto;
  margin: 5px 1.5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.basketBoxImgS  {
  width: 25%;
  height: auto;
  margin: 0 75% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.basketIcn  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.itemTl  {
  font-weight: 500;
  color: #00a050;
  font-size: 18px;
}

.itemTl:hover  {
  font-weight: 500;
  color: #f08643;
  font-size: 18px;
}

.itemTxt  {
  width: 40%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  font-size: 16px;
}

.edit {
  width: 50px;
  height: auto;
  margin: 5% 0 0 0;
  padding: 2px 7px 2px 7px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #00a050;
  background: #fff;
  border: 1px solid #00a050;
  border-radius: 0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.edit:hover {
  width: 50px;
  height: auto;
  margin: 5% 0 0 0;
  padding: 2px 7px 2px 7px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #00a050;
  border: 1px solid #00a050;
  border-radius: 0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.remove {
  width: 50px;
  height: auto;
  margin: 5% 0 0 10px;
  padding: 2px 7px 2px 7px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #00a050;
  background: #fff;
  border: 1px solid #00a050;
  border-radius: 0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.remove:hover {
  width: 50px;
  height: auto;
  margin: 5% 0 0 10px;
  padding: 2px 7px 2px 7px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #00a050;
  border: 1px solid #00a050;
  border-radius: 0;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.quantNo  {
  width: 10%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  float: left;
}

.priceNo  {
  width: 20%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  float: left;
}

.totalNo  {
  width: 20%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  float: left;
}

.priceNoT  {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  float: left;
}

.priceNoTB  {
  width: 50%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  float: left;
}

.priceNoTC  {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  float: left;
}

.totalNoT  {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  float: left;
}

.totalNoTB  {
  width: 50%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  float: right;
}

.totalNoTC  {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  float: right;
}

.checkFld  {
  width: 45%;
  height: auto;
  margin: 0;
  padding: 0 4% 0 51%;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  background: #fff;
  position: relative;
  float: left;
}

.checkFldCoup  {
  width: 45%;
  height: auto;
  margin: 10px 4% 10px 51%;
  padding: 0 0 16px 0;
  border-bottom: 1px solid #00a050;
  position: relative;
  float: left;
}

.couponTl {
  width: 17.5%;
  height: 20px;
  margin: 5px 0 10px 0;
  padding: 0;
  color: #00a050;
  text-transform: uppercase;
	font-weight: 500;
  font-size: 16px;
  text-align: left;
  position: relative;
  float: left;
}

.coupon {
  width: 75px;
  height: 23px;
  margin: 0 0 10px 10px;
  padding: 5px 10px 5px 10px;
  color: #00a050;
  text-align: center;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 400;
  font-size: 16px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
  left: 0;
}

.coupBtn  {
  width: auto;
  height: 35px;
  margin: 0;
  padding: 10px;
  background: #00a050;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  border: none;
  cursor: pointer;
  position: absolute;
  float: right;
  right: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.coupBtn:hover  {
  width: auto;
  height: 35px;
  margin: 0;
  padding: 10px;
  background: #f08643;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  border: none;
  cursor: pointer;
  position: absolute;
  float: right;
  right: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.noteB, .noteC {
  width: 100%;
  height: auto;
  margin: 10px 0 10px 0;
  padding: 0;
  color: #00a050;
  text-align: left;
  text-transform: none;
  line-height: 1.0;
	font-weight: 300;
  font-size: 14px;
  position: relative;
  float: left;
}

.processBtn  {
  margin: 30px 0 0 0;
  padding: 10px 15px 10px 15px;
  background: #00a050;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  border: 2px solid #00a050;
  cursor: pointer;
  position: relative;
  float: right;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.processBtn:hover  {
  margin: 30px 0 0 0;
  padding: 10px 15px 10px 15px;
  background: #f08643;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  border: 2px solid #f08643;
  cursor: pointer;
  position: relative;
  float: right;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.basketBack  {
  width: 20%;
  height: auto;
  margin: 30px 4% 50px 76%;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.basketBack:hover  {
  width: 20%;
  height: auto;
  margin: 30px 4% 50px 76%;
  padding: 0;
  color: #00a050;
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}


/*Styles for Checkout*/

.summFldCh  {
  width: 30%;
  height: auto;
  margin: 0;
  padding: 2.5%;
  font-size: 14px;
  font-weight: 400;
  background: #eef0f4;
  position: relative;
  float: left;
  display: none;
}

.summTl {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.itemSummTxt  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  position: relative;
  float: left;
}

.checkInfo  {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  border-top: 1px solid #dae2e7;
  margin: 5px 0 0 0;
  padding: 5px 0 0 0;
}

.checkDivLN {
  width: 100%;
  height: 1px;
  margin: 20px 0 20px 0;
  padding: 0;
  background: #adbec7;
  position: relative;
  float: left;
}

.saleCheck {
  width: 100%;
  height: 16px;
  margin: -14px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #adbec7;
  position: absolute;
}

.totalCheckS {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}

.totalCheck {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
}

.editCheck {
  width: 100px;
  height: auto;
  margin: 0;
  padding: 4px 9px 3px 9px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #00a050;
  background: transparent;
  border: 1px solid #00a050;
  border-radius: 0;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.editCheck:hover {
  width: 100px;
  height: auto;
  margin: 0;
  padding: 4px 9px 3px 9px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #00a050;
  border: 1px solid #00a050;
  border-radius: 0;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.checkBoxM {
  width: 60%;
  height: auto;
  margin: 0 0 0 5%;
  padding: 25px 0 25px 0;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid #dae2e7;
  position: relative;
  float: left;
}

.checkBoxB {
  width: 60%;
  height: auto;
  margin: 0;
  padding: 25px 0 25px 5%;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  float: left;
}

.colCheck  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.colCheckB  {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  background: #fff;
  position: relative;
  float: left;
}

.payTl {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  float: left;
}

.regTl  {
  width: 100%;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 0;
  color: #000;
  position: relative;
  float: left;
}

#checkForm {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  position: relative;
  float: left;
}

input.emailCh  {
  width: 92.85%;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.passCh  {
  width: 92.85%;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.emailCh:focus, input.passCh:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin: 0 0 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.submitBtnCheck  {
  width: auto;
  height: auto;
  margin: 10px 0 0 0;
  padding: 10px 20px 10px 20px;
  background: #00a050;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.submitBtnCheck:hover  {
  width: auto;
  height: auto;
  margin: 10px 0 0 0;
  padding: 10px 20px 10px 20px;
  background: #f08643;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.submitBtnPay  {
  width: auto;
  height: auto;
  margin: 0 10px 0 0;
  padding: 10px 10px 10px 10px;
  background: #00a050;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.submitBtnPay:hover  {
  width: auto;
  height: auto;
  margin: 0 10px 0 0;
  padding: 10px 10px 10px 10px;
  background: #f08643;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}



.checkbox {
  margin: 15px 0 0 0;
  position: relative;
  float: left;
}

.checkboxP {
  margin: -148px 0 0 5px;
  position: absolute;
  float: left;
}

.checkbox label  {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.checkboxP label  {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

input[type=checkbox] {
  display: none;
}

.checkbox label:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 20px;
  position: absolute;
  left: 0;
  bottom: 1px;
  border: 1px solid #00a050;
  border-radius: 0;
  box-shadow: none;
}

.checkboxP label:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 20px;
  position: absolute;
  left: 0;
  border: 2px solid #00a050;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
}

input[type=checkbox]:checked + label:before {
  border: 1px solid #fff;
  border-width: 3px;
  border-style: double;
  background:  #00a050;
  width: 11px;
  height: 11px;
  bottom: 1px;
}

.forgPassCheck {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  color: #000;
  position: relative;
  float: left;
}

.forgPassCheck:hover {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  color: #00a050;
  position: relative;
  float: left;
}

#registForm {
  width: 482px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

input.nameR  {
  width: 460px;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.surnameR  {
  width: 460px;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.phoneR  {
  width: 460px;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.emailR  {
  width: 460px;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.passR  {
  width: 460px;
  height: 18px;
  margin: 0 0 50px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.rePassR  {
  width: 460px;
  height: 18px;
  margin: 0 0 50px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.cityR  {
  width: 460px;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.addressR  {
  width: 460px;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.postR  {
  width: 460px;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.nameR:focus, input.surnameR:focus, input.phoneR:focus, input.emailR:focus, input.addressR:focus, input.postR:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  opacity: 1.5;
  width: 482px;
  height: 40px;
  margin: 0 0 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.passR:focus, input.rePassR:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  opacity: 1.5;
  width: 482px;
  height: 40px;
  margin: 0 0 50px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.cityR:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  opacity: 1.5;
  width: 482px;
  height: 40px;
  margin: 0 0 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.message  {
  width: 482px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

textarea.boxM  {
  width: 460px;
  height: 124px;
  margin: 0 0 10px 0;
  padding: 8px 10px 10px 10px;
  font-size: 14px;
  font-family: 'Prompt', sans-serif;
  color: #000;
  font-weight: 300;
  border-radius: 0;
  border: 1px solid #00a050;
  resize: none;
}

textarea.boxM:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  width: 482px;
  height: 144px;
  margin: 0 50px 10px 0;
  padding: 8px 10px 10px 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.messageReg  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.noteR  {
  width: 482px;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  color: #00a050;
  text-align: left;
  text-transform: none;
  line-height: 1.0;
	font-weight: 300;
  font-size: 14px;
  position: relative;
  float: left;
}

.submitBtnR  {
  width: auto;
  height: 35px;
  margin: 10px 20px 0 0;
  padding: 10px;
  background: #00a050;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 15px;
  border-radius: 0;
  border: none;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.submitBtnR:hover  {
  width: auto;
  height: 35px;
  margin: 10px 20px 0 0;
  padding: 10px;
  background: #f08643;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 15px;
  border-radius: 0;
  border: none;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}


/*Styles for Delivery*/

input.leftBoxCh  {
  width: 94.75%;
  height: 18px;
  margin: 0 0.5% 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.rightBoxCh  {
  width: 94.75%;
  height: 18px;
  margin: 0 0.5% 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.leftBoxCh:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  width: 482px;
  height: 40px;
  margin: 0 6.5% 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.rightBoxCh:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  width: 482px;
  height: 40px;
  margin: 0 50px 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.submitBtnDel  {
  width: 100px;
  height: 14px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #00a050;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.submitBtnDel:hover  {
  width: 100px;
  height: 14px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #f08643;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}


/*Styles for Summary*/

.summBox {
  width: 92%;
  height: auto;
  margin: 60px 4% 10px 4%;
  padding: 0;
  position: relative;
  float: left;
}

.summCont  {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 2%;
  font-size: 16px;
  font-weight: 400;
  background: #eef0f4;
  position: relative;
  float: left;
}

.summDivLN {
  width: 100%;
  height: 1px;
  margin: 20px 0 20px 0;
  padding: 0;
  background: #adbec7;
  position: relative;
  float: left;
}

.summtBoxTl  {
  width: 98%;
  height: auto;
  margin: 0 1% 20px 1%;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.summtBoxTxt  {
  width: 98%;
  height: auto;
  margin: 0 1% 20px 1%;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  float: left;
}

.checkFldConfirm  {
  width: 50%;
  height: auto;
  margin: 0;
  padding: 10px 2% 20px 48%;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  position: relative;
  float: left;
}

.confBoxPre  {
  width: 98%;
  height: auto;
  margin: 0 1% 0 1%;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 0 10px 0;
  border-top: 1px solid #adbec7;
  border-bottom: 1px solid #adbec7;
  position: relative;
  float: left;
}

.confBox  {
  width: 98%;
  height: auto;
  margin: 0 1% 0 1%;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #adbec7;
  position: relative;
  float: left;
}

.confProdTl  {
  width: 48%;
  height: auto;
  margin: 0 0 10px 1%;
  padding: 0;
  position: relative;
  float: left;
}

.confQuanTl  {
  width: 10%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: left;
}

.confPriceTl  {
  width: 20%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: left;
}

.confTotalTl  {
  width: 20%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: left;
}

.itemTxtConf  {
  width: 49%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}


/*Styles for Confirm*/

.confirmBoxTl {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  font-size: 14px;
  text-align: center;
  position: relative;
  float: left;
}

.thanksTl {
  font-size: 16px;
  font-weight: 500;
}


/*Styles for Contact*/

#about, #contact, #retails {
  width: 92%;
  margin: -240px 4% 0 4%;
  padding: 300px 0 0 0;
}

#map {
  width: 100%;
  height: 400px;
  margin: 0 0 50px 0;
  padding: 0;
  position: relative;
  float: left;
}

.contactFieldC {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  float: left;
}

.checkBoxMC {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  float: left;
}

input.nameC  {
  width: 95.75%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 2%;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 16px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.emailC  {
  width: 95.75%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 2%;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 16px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.nameC:focus, input.emailC:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  width: 100.5%;
  height: 33px;
  margin: 0 0 10px 0;
  padding: 2%;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.messageC  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

textarea.boxC {
  width: 96%;
  height: 124px;
  margin: 0 0 10px 0;
  padding: 2%;
  font-size: 16px;
  font-family: 'Prompt', sans-serif;
  color: #000;
  font-weight: 300;
  border-radius: 0;
  border: 1px solid #00a050;
  resize: none;
}

textarea.boxC:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  width: 100.75%;
  height: 137px;
  margin: 0 50px 10px 0;
  padding: 2%;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.aboutFldCon  {
  width: 100%;
  height: auto;
  margin: 0 0 40px 0;
  padding: 0;
  position: relative;
  float: left;
}

.dataTl {
  font-weight: 500;
  font-size: 20px;
}

.files:hover  {
  color: #00a050;
}

.summFldCon  {
  width: 88%;
  height: auto;
  margin: 0 0 35px 0;
  padding: 6%;
  background: #eef0f4;
  position: relative;
  float: left;
}

.colCon  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.submitBtnCon  {
  width: 110px;
  height: 15px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #00a050;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 15px;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.submitBtnCon:hover  {
  width: 110px;
  height: 15px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #f08643;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 15px;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  float: right;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}


/*Styles for Terms*/

#terms, #policy {
  width: 92%;
  margin: -240px 4% 0 4%;
  padding: 300px 0 0 0;
}

.checkBoxT {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 25px 0;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  float: left;
}

.checkBoxP {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 50px 0;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  float: left;
}


/*Styles for SignIn, Register*/

.colRegister  {
  width: 482px;
  height: auto;
  margin: 0 0 50px 0;
  padding: 0;
  background: #fff;
  position: relative;
  float: left;
}

input.emailS  {
  width: 92.85%;
  height: 18px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.passS  {
  width: 92.85%;
  height: 18px;
  margin: 0 0 20px 0;
  padding: 10px;
  color: #000;
  text-align: left;
  line-height: 1.5;
  font-family: 'Prompt', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

.noteRg  {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  color: #00a050;
  text-align: left;
  text-transform: none;
  line-height: 1.0;
	font-weight: 500;
  font-size: 14px;
  position: relative;
  float: left;
}

.warnIcn  {
  width: 15px;
  height: auto;
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: -2px;
}

.forgPass {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  color: #000;
  position: relative;
  float: left;
}

.forgPass:hover {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  color: #00a050;
  position: relative;
  float: left;
}

.signBox {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0 10px 0;
  border-top: 1px solid #dae2e7;
  position: relative;
  float: left;
}

.submitBtnC  {
  width: auto;
  height: auto;
  margin: 10px 0 0 0;
  padding: 10px 20px 10px 20px;
  background: #00a050;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  border: none;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.submitBtnC:hover  {
  width: auto;
  height: auto;
  margin: 10px 0 0 0;
  padding: 10px 20px 10px 20px;
  background: #f08643;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Prompt', sans-serif;
	font-weight: 500;
  font-size: 14px;
  border-radius: 0;
  border: none;
  cursor: pointer;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}


.animated {
		/*CSS transitions*/

		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;

		/*CSS transforms*/

		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;

		/*CSS animations*/

		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
}


.cardFootField {
  width: 100%;
  height: 65px;
  height: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  float: left;
}

.contSecCard  {
  width: 90%;
  height: auto;
  margin: 20px auto;
  padding: 0;
  position: relative;
  float: none;
}

.cardL  {
  width: 40%;
  height: 30px;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: left;
  position: relative;
  float: left;
}

.cardM  {
  width: 20%;
  height: 30px;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.cardR  {
  width: 40%;
  height: 30px;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: right;
  position: relative;
  float: left;
}

.cardIcn  {
  width: auto;
  height: 18px;
  margin: 0;
  padding: 0;
}

.divFootField {
  width: 100%;
  height: 1px;
  margin: 0;
  padding: 0;
  background: #99acb6;
  position: relative;
  float: left;
}


}