/*CSS Document*/


/*Styles for Home*/

body {
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
  background: #1f3147;
  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 auto 0 auto;
  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 auto 0 auto;
  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: 0 auto 0 auto;
  padding: 160px 0 20px 0;
  background: #fff;
  position: relative;
  float: left;
}

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

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

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

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

h3 {
  margin: 0 0 10px 0;
  padding: 0;
	font-size: 20px;
  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: 20px;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

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

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

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

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

input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
  box-shadow: none;
  border-color: initial;
  -moz-appearance: none;
  -webkit-appearance: none;
}

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 auto 0 auto;
  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: 70px;
  margin: 0 auto 0 auto;
  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: 1200px;
  height: 110px;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: 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;
}

.topHead.sticky  {
  width: 100%;
  height: 75px;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: 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;
}

.logoField  {
  width: 218px;
  height: 50px;
  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: 148px;
  height: 34px;
  margin: 18px 0 18px 50px;
  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: 218px;
  height: 50px;
  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: 148px;
  height: 34px;
  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: 600px;
  height: 100px;
  margin: 0 0 0 80px;
  padding: 0;
  position: relative;
  float: left;
}

.contFieldNav.sticky {
  width: 63%;
  height: 64px;
  margin: 0 18.5% 0 18.5%;
  padding: 0;
  position: absolute;
  float: left;
}

.contFieldL  {
  width: 264px;
  height: 60px;
  margin: 25px 0 0 30px;
  padding: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.3;
  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: 264px;
  height: 60px;
  margin: 25px 0 0 30px;
  padding: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.3;
  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: 264px;
  height: 60px;
  margin: 25px 0 0 320px;
  padding: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.3;
  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: 264px;
  height: 60px;
  margin: 25px 0 0 320px;
  padding: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.3;
  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: 264px;
  height: 40px;
  margin: 15px 0 0 55%;
  padding: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  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.sticky:hover  {
  width: 264px;
  height: 40px;
  margin: 15px 0 0 55%;
  padding: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  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;
}

.markIcnL {
  width: auto;
  height: 25px;
  margin: 15px 25px 0 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;
}

.markIcnL:hover {
  width: auto;
  height: 25px;
  margin: 15px 25px 0 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;
}

.markIcnR {
  width: auto;
  height: 25px;
  margin: 15px 25px 0 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;
}

.markIcnR:hover {
  width: auto;
  height: 25px;
  margin: 15px 25px 0 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;
}

.markIcnR.sticky {
  width: auto;
  height: 25px;
  margin: 5px 25px 0 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;
}

.markIcnR.sticky:hover {
  width: auto;
  height: 25px;
  margin: 5px 25px 0 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;
}

.socialSearchField {
  width: 300px;
  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: 300px;
  height: 30px;
  margin: 0 50px 5px 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: 300px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}

.profileShopRow {
  width: 300px;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.profileShopRow.sticky {
  width: 300px;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.profileRowRes  {
  display: none;
}

.profileRowRes.sticky  {
  display: none;
}

.lang  {
  width: 50px;
  height: 15px;
  margin: 3px 0 5px 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: 3px 0 5px 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  {
  width: 300px;
  height: 20px;
  margin: 0;
  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;
}

.profile:hover  {
  width: 300px;
  height: 20px;
  margin: 0;
  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;
}

.profileR  {
  width: auto;
  height: 20px;
  margin: 0;
  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;
}

.profileR:hover  {
  width: auto;
  height: 20px;
  margin: 0;
  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;
}

.profile.sticky  {
  width: 300px;
  height: 20px;
  margin: 0;
  padding: 0;
  opacity: 0.75;
  right: -16px;
  transform: scale(0.85,0.85);
  position: absolute;
  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;
}

.profile.sticky:hover  {
  width: 300px;
  height: 20px;
  margin: 0;
  padding: 0;
  opacity: 1.0;
  right: -16px;
  transform: scale(0.85,0.85);
  position: absolute;
  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;
}

.profileR.sticky  {
  width: auto;
  height: 20px;
  margin: 0;
  padding: 0;
  opacity: 0.75;
  right: -16px;
  transform: scale(0.85,0.85);
  position: absolute;
  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;
}

.profileR.sticky:hover  {
  width: auto;
  height: 20px;
  margin: 0;
  padding: 0;
  opacity: 1.0;
  right: -16px;
  transform: scale(0.85,0.85);
  position: absolute;
  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, .profileRRes   {
  display: none;
}

.profileRes:hover, .profileRRes:hover  {
  display: none;
}

.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: auto;
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: right;
  overflow: hidden;
  position: relative;
  float: right;
  right: 25px;
}

.signIn {
  margin: 0 10px 0 0;
  padding: 0;
  color: #fff;
  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: #fff;
  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;
  right: 0;
}

#logOut {
  width: 230px;
  height: auto;
  margin: 0;
  padding: 55px 35px 15px 35px;
  bottom: -15px;
  text-align: center;
  background: rgba(153,172,182,0.9);
  position: absolute;
  float: right;
}

#logOut.sticky {
  width: 230px;
  height: auto;
  margin: 0 0 0 60px;
  padding: 35px 15px 5px 15px;
  bottom: -50px;
  text-align: center;
  background: rgba(153,172,182,0.9);
  position: absolute;
  float: right;
}

#logOutRes {
  display: none;
}

#logOutRes.sticky {
  display: none;
}

.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, .iconsLn2   {
  width: 105px;
  height: auto;
  margin: -5px 0 0 125px;
  padding: 0;
  position: relative;
  float: left;
}

.iconsBox, .iconsBox2  {
  width: 30px;
  height: auto;
  margin: 0 5px 0 0;
  padding: 0;
  opacity: 0.75;
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  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, .iconsBox2:hover  {
  width: 30px;
  height: auto;
  margin: 0 5px 0 0;
  padding: 0;
  opacity: 1.0;
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  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  {
  width: 30px;
  height: auto;
  margin: 5px 5px 0 0;
  padding: 0;
  opacity: 0.75;
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 500;
  color: #fff;
  transform: scale(0.85,0.85);
  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:hover  {
  width: 30px;
  height: auto;
  margin: 5px 5px 0 0;
  padding: 0;
  opacity: 1.0;
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 500;
  color: #fff;
  transform: scale(0.85,0.85);
  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 img, .iconsBox2 img  {
  display: block;
  outline: none;
  border: none;
}

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

.basketShop  {
  width: 50px;
  height: 20px;
  margin: 0 0 5px 0;
  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: 20px;
  margin: 0 0 5px 0;
  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: 20px;
  margin: 10px 0 0 0;
  padding: 0;
  opacity: 0.75;
  transform: scale(0.85,0.85);
  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:hover  {
  width: 50px;
  height: 20px;
  margin: 10px 0 0 0;
  padding: 0;
  opacity: 1.0;
  transform: scale(0.85,0.85);
  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;
}

.basketIcnH {
  width: 20px;
  height: 20px;
  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  {
  width: 300px;
  height: 48px;
  text-align: left;
  margin: 0;
  padding: 0 900px 0 0;
  background: #fff;
  position: absolute;
  float: left;
}

#inputLine.sticky  {
  width: 300px;
  height: auto;
  text-align: left;
  margin: 0 0 0 25%;
  padding: 0;
  background: transparent;
  position: absolute;
  float: left;
}

#inputLineRes  {
  display: none;
}

#inputLineRes.sticky  {
  display: none;
}

.search  {
  width: 300px;
  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;
}

.search.sticky  {
  width: 300px;
  height: 25px;
  text-align: left;
  margin: 0;
  padding: 0;
  bottom: 95px;
  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: 300px;
  margin: 12px 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 278px 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;
}

input.search.sticky {
  width: 300px;
  margin: 5px 0 0 0;
  padding: 0 5px 0 5px;
  color: #fff;
  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/searchW.png) no-repeat 278px 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.sticky: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;
}

input::-webkit-input-placeholder {
    color: inherit;
}
input:focus::-webkit-input-placeholder {
    color: #999;
}

textarea::-webkit-input-placeholder {
    color: inherit;
}
textarea:focus::-webkit-input-placeholder {
    color: #999;
}

/* Firefox < 19 */

input:-moz-placeholder {
    color: inherit;
}
input:focus:-moz-placeholder {
    color: #999;
}

textarea:-moz-placeholder {
    color: inherit;
}
textarea:focus:-moz-placeholder {
    color: #999;
}

/* Firefox > 19 */

input::-moz-placeholder {
    color: inherit;
    opacity: 1.0;
}
input:focus::-moz-placeholder {
    color: #999;
}

textarea::-moz-placeholder {
    color: inherit;
    opacity: 1.0;
}

textarea:focus::-moz-placeholder {
    color: #999;
}

/* Internet Explorer 10 */

input:-ms-input-placeholder {
    color: inherit;
    opacity: 1.0;
}
input:focus:-ms-input-placeholder {
    color: #999;
}

textarea:-ms-input-placeholder {
    color: inherit;
    opacity: 1.0;
}
textarea:focus:-ms-input-placeholder {
    color: #999;
}

#nav  {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: absolute;
  float: left;
  z-index: 4;
}

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

ul.navList  {
  list-style-type: none;
  margin: -0.035vw 0 0 0;
  padding: 0;
  text-align: center;
  display: flex;
}

.navList li {
  width: 299px;
  margin: 0;
  padding: 5px 0 5px 0;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background: #adbec7;
  text-align: center;
  text-transform: uppercase;
  border-right: 1px solid #c3d6e0;
  display: inline-block;
  float: left;
  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;
}

.navList li:hover {
  width: 299px;
  margin: 0;
  padding: 5px 0 5px 0;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background: #00a050;
  text-align: center;
  text-transform: uppercase;
  border-right: 1px solid #00a050;
  display: inline-block;
  float: left;
  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;
}

li.lineR  {
  width: 300px;
  margin: 0;
  padding: 5px 0 5px 0;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background: #adbec7;
  text-align: center;
  text-transform: uppercase;
  border-right: none;
  display: inline-block;
  float: left;
  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;
}

li.lineR:hover  {
  width: 300px;
  margin: 0;
  padding: 5px 0 5px 0;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background: #00a050;
  text-align: center;
  text-transform: uppercase;
  border-right: none;
  display: inline-block;
  float: left;
  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;
}

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

.subList  {
  list-style-type: none;
  text-align: left;
  width: 260px;
  height: auto;
  margin: 0;
  padding: 20px;
  background: #dae2e7;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
  position: relative;
  float: left;
}

.subList li {
  margin: 0;
  padding: 5px 0 5px 0;
  display: 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;
}

.subList li:hover {
  margin: 0;
  padding: 5px 0 5px 0;
  color: #f08643;
  display: 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;
}

.subL2  {
  margin: 0 0 0 300px;
  padding: 20px;
}

#navMenu {
  display: none;
}

#navMenu.sticky {
  display: none;
}

#navMenu li {
  display: none;
}

.subListR {
  display: none;
}

.subListR li {
  display: none;
}

.menu {
  display: none;
}

.menuImg {
  display: none;
}

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

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

.rslides_container {
  width: 900px;
  height: auto;
	margin: 30px 0 30px 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: 56px;
  width: 27px;
  margin: -268px 30px 0 30px;
  background-image: url(../images/arrow.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: 800px;
  height: auto;
  z-index: 3;
  position: absolute;
  margin: 0;
  padding: 15px 50px 15px 50px;
  font-size: 24px;
  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: 260px;
  height: 480px;
	margin: 30px 0 0 0;
  padding: 0;
	position: relative;
  float: right;
}

.bannRow  {
  width: 260px;
  height: 480px;
	margin: 0;
  padding: 0;
	position: relative;
  float: left;
}

.bann1  {
  width: 240px;
  height: 130px;
	margin: 0 0 40px 0;
  padding: 10px;
  color: #fff;
  background: #00a050;
	position: relative;
  float: right;
}

.bann1a  {
  width: 260px;
  height: 145px;
	margin: 5px 0 40px 0;
  padding: 0;
	position: relative;
  float: left;
}

.bannImg1a  {
  width: 260px;
  height: 145px;
  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: 260px;
  height: 290px;
	margin: 0;
  padding: 0;
	position: relative;
  float: right;
}

.bannImg  {
  width: 260px;
  height: 290px;
  overflow: hidden;
	margin: 0;
  padding: 0;
}

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

.contSecC  {
  width: 1200px;
  height: 470px;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.contSecB  {
  width: 1200px;
  height: 120px;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.bgLight  {
  background: #eef0f4;
}

.bgNormal  {
  background: #dae2e7;
}

.bgDark {
  background: #1f3147;
}

.txtLight  {
  color: #fff;
  font-size: 18px;
}

.txtNormal  {
  color: : #000;
  font-size: 18px;
}

.columnL, .columnR {
  width: 250px;
  height: 350px;
  margin: 20px 0 50px 0;
  padding: 20px;
  position: relative;
  float: left;
}

.columnLBann, .columnRBann  {
  width: 290px;
  height: 390px;
  margin: 20px 0 50px 0;
  padding: 0;
  position: relative;
  float: left;
}

.columnRRes  {
  display: none;
}

.columnRBannRes  {
  display: none;
}

.columnM  {
  width: 530px;
  height: 350px;
  margin: 20px 25px 50px 25px;
  padding: 20px;
  position: relative;
  float: left;
}

.columnMBann  {
  width: 570px;
  height: 390px;
  margin: 20px 25px 50px 25px;
  padding: 0;
  position: relative;
  float: left;
}

.columnCL {
  width: 250px;
  height: 350px;
  margin: 20px 0 50px 0;
  padding: 20px;
  position: relative;
  float: left;
}

.columnCLBann  {
  width: 290px;
  height: 390px;
  margin: 20px 0 50px 0;
  padding: 0;
  position: relative;
  float: left;
}

.columnCML {
  width: 250px;
  height: 350px;
  margin: 20px 0 50px 13.333px;
  padding: 20px;
  position: relative;
  float: left;
}

.columnCMLBann {
  width: 290px;
  height: 390px;
  margin: 20px 0 50px 13.333px;
  padding: 0;
  position: relative;
  float: left;
}

.columnCMR {
  width: 250px;
  height: 350px;
  margin: 20px 13.333px 50px 13.333px;
  padding: 20px;
  position: relative;
  float: left;
}

.columnCMRBann {
  width: 290px;
  height: 390px;
  margin: 20px 13.333px 50px 13.333px;
  padding: 0;
  position: relative;
  float: left;
}

.columnCR  {
  width: 250px;
  height: 350px;
  margin: 20px 0 50px 0;
  padding: 20px;
  position: relative;
  float: left;
}

.columnCRBann  {
  width: 290px;
  height: 390px;
  margin: 20px 0 50px 0;
  padding: 0;
  position: relative;
  float: left;
}

.columnCRRes  {
  display: none;
}

.columnCRBannRes  {
  display: none;
}

.colTl  {
  width: 200px;
  height: 50px;
  margin: 0 50px 16px 0;
  padding: 0;
  line-height: 1.4;
  position: relative;
  float: left;
}

.colTlM  {
  width: 480px;
  height: 25px;
  margin: 0 50px 5px 0;
  padding: 0;
  line-height: 1.4;
  color: #00a050;
  position: relative;
  float: left;
}

.colImgL, .colImgR {
  width: 290px;
  height: 240px;
  overflow: hidden;
  margin: 0 0 0 -20px;
  padding: 0;
  bottom: 0;
  position: absolute;
  float: left;
}

.colImgBann, .colImgBannC {
  width: 290px;
  height: 390px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.colImgM, .colImgMBann {
  width: 570px;
  height: 240px;
  overflow: hidden;
  margin: 0 0 0 -20px;
  padding: 0;
  bottom: 0;
  position: absolute;
  float: left;
}

.colImgCL, .colImgCR, .colImgCRB, .colImgCM, .colImgCMB {
  width: 290px;
  height: 240px;
  overflow: hidden;
  margin: 0 0 0 -20px;
  padding: 0;
  bottom: 0;
  position: absolute;
  float: left;
}

.colIcn, .colIcnOL, .colIcnOR, .colIcnCL, .colIcnCR, .colIcnCM {
  width: 290px;
  height: auto;
  margin: 0;
  padding: 0;
}

.colIcnBannL, .colIcnBannR, .colIcnBannC, .colIcnBannCR {
  width: 290px;
  height: auto;
  margin: 0;
  padding: 0;
}

.colIcnBannM {
  width: 570px;
  height: auto;
  margin: 0;
  padding: 0;
}

.colIcnM {
  width: 570px;
  height: auto;
  margin: 0;
  padding: 0;
}

.brandBoxL, .brandBoxR  {
  width: 290px;
  height: 120px;
  margin: 20px 0 55px 0;
  background: #eef0f4;
  position: relative;
  float: left;
}

.brandBoxML  {
  width: 290px;
  height: 120px;
  margin: 20px 0 55px 12.5px;
  background: #eef0f4;
  position: relative;
  float: left;
}

.brandBoxMR  {
  width: 290px;
  height: 120px;
  margin: 20px 12.5px 55px 12.5px;
  background: #eef0f4;
  position: relative;
  float: left;
}

.boxImg {
  width: 250px;
  height: 70px;
  overflow: hidden;
  margin: 25px 20px 25px 20px;
  padding: 0;
  position: relative;
  float: left;
}

.boxIcn {
  width: 250px;
  height: auto;
  margin: 0;
  padding: 0;
}

.contSecFoot  {
  width: 1200px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  color: #000;
  position: relative;
  float: none;
}

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

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

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

.socPage {
  width: 285px;
  height: auto;
  margin: 10px 0 0 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;
}

.socPage:hover {
  width: 285px;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  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: 630px;
  height: auto;
  margin: 30px 0 30px 0;
  padding: 0;
  color: #000;
  position: relative;
  float: left;
}


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

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

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


.contactFieldM {
  width: 590px;
  height: auto;
  margin: 0 20px 0 20px;
  padding: 0;
  position: relative;
  float: left;
}

.contNavTl {
  font-size: 16px;
  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: 16px;
  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: 285px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 14px;
  line-height: 1.2;
  position: relative;
  float: left;
}

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

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

.terms {
  width: 31%;
  height: auto;
  margin: 0 4% 0 4%;
  padding: 0;
  text-align: center;
  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: 27.5%;
  height: auto;
  margin: 0;
  padding: 0 3% 0 0;
  text-align: right;
  position: relative;
  float: right;
}

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


/*Styles for Category*/

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

.breadcrumbs ul  {
  list-style-type: none;
  width: 1160px;
  height: auto;
  margin: 50px 0 0 0;
  padding: 5px 20px 5px 20px;
  font-size: 22px;
  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: 290px;
  height: auto;
  margin: 20px 0 50px 0;
  padding: 0;
  font-size: 16px;
  position: relative;
  float: left;
}

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

.columnCatM2  {
  width: 885px;
  height: auto;
  margin: 15px 0 50px 25px;
  padding: 0;
  font-size: 18px;
  position: relative;
  float: left;
}

.columnFilter {
  width: 290px;
  height: auto;
  margin: 0 0 50px 0;
  padding: 0;
  color: #000;
  position: relative;
  float: left;
}

.columnFilterMenu {
  display: none;
}

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

.colCategory ul  {
  list-style-type: none;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 18px;
  display: block;
  position: relative;
  float: none;
}

.colCategory li {
  margin: 0;
  padding: 5px 0 5px 0;
  line-height: 1.0;
  display: 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;
}

.colCategory a:hover {
  color: #00a050;
}

ul.subListCat {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}

ul.subListCat li {
  margin: 0 0 0 20px;
  padding: 10px 0 10px 0;
  font-size: 16px;
  border-bottom: none;
  display: block;
}

li.lineB  {
  margin: 0;
  padding: 5px 0 5px 0;
  border-bottom: none;
  display: block;
}

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

.colCategoryP ul  {
  list-style-type: none;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 18px;
  display: block;
  position: relative;
  float: none;
}

.colCategoryP li {
  margin: 0;
  padding: 14px 0 14px 0;
  line-height: 1.0;
  display: 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;
}

li.lineBP  {
  margin: 0;
  padding: 14px 0 14px 0;
  border-bottom: none;
  display: block;
}

.checkboxC {
  margin: 0;
  position: absolute;
  float: left;
}

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

.checkboxC 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;
}

.similarP {
  width: 290px;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

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

.simTl {
  width: 180px;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.0;
  position: relative;
  float: left;
}

.simTxt {
  width: 190px;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.0;
  position: relative;
  float: left;
}

.sTl  {
  font-size: 20px;
  color: #000;
}

.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: 210px;
  height: 355px;
  margin: 20px 15px 20px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.shopBoxR  {
  width: 210px;
  height: 355px;
  margin: 20px 0 20px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.shopBoxImg {
  width: 210px;
  height: 240px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.shopBoxIcn {
  width: 210px;
  height: auto;
  margin: 0;
  padding: 0;
}



.shopBoxProdN  {
  width: 165px;
  height: 443px;
  margin: 20px 5px;
  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: 165px;
  height: 443px;
  margin: 20px 5px;
  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: 135px;
  height: auto;
  overflow: hidden;
  margin: 50px 15px 0 15px;
  padding: 0;
  position: relative;
  float: left;
}

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

.shopBoxProdTl  {
  width: 135px;
  height: 85px;
  margin: 0 15px;
  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: 135px;
  height: 85px;
  margin: 0 15px;
  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: 135px;
  height: 30px;
  margin: 25px 15px 0 15px;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: #00a050;
  text-align: center;
  position: relative;
  float: left;
}

.saleProdN {
  width: 135px;
  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: 125px;
  height: auto;
  margin: 15px 10px 0 10px;
  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: 125px;
  height: auto;
  margin: 15px 10px 0 10px;
  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: 18px;
  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: 18px;
  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: 200px;
  height: 55px;
  margin: 0;
  padding: 10px 5px;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  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: 178px;
  height: 30px;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 16px;
  color: #00a050;
  position: relative;
  float: left;
}

.sale {
  width: 178px;
  height: 20px;
  margin: -20px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: #adbec7;
  text-decoration: line-through;
  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: right;
}

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: 1200px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  float: none;
}

.shopBoxPck  {
  width: 228px;
  height: 423px;
  margin: 20px 5px;
  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: 228px;
  height: 423px;
  margin: 20px 5px;
  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: 198px;
  height: auto;
  overflow: hidden;
  margin: 50px 15px 0 15px;
  padding: 0;
  position: relative;
  float: left;
}

.shopBoxPckIcn {
  width: 198px;
  height: auto;
  margin: 0;
  padding: 0;
}

.shopBoxPckTl  {
  width: 198px;
  height: 55px;
  margin: 0 15px;
  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: 198px;
  height: 55px;
  margin: 0 15px;
  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: 198px;
  height: 30px;
  margin: 25px 15px 0 15px;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: #00a050;
  text-align: center;
  position: relative;
  float: left;
}

.salePck {
  width: 198px;
  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: 15px 39px 0 39px;
  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: 15px 39px 0 39px;
  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*/

.productPckFld  {
  width: 1160px;
  height: auto;
  margin: 0 0 30px 0;
  padding: 20px;
  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: 400px;
  height: auto;
  margin: 5px 60px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

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

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

.productBoxPckTxt1  {
  width: 700px;
  height: auto;
  margin: 10px 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: 300px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.priceProductPckTl1 {
  width: 700px;
  height: 30px;
  margin: 70px 0 0 0;
  padding: 0;
  font-size: 22px;
  position: relative;
  float: left;
}

.priceProductPck1 {
  width: 300px;
  height: 60px;
  margin: 30px 0 15px 0;
  padding: 0;
  font-size: 24px;
  color: #00a050;
  position: relative;
  float: left;
}

.saleProductPck {
  width: 300px;
  height: 20px;
  margin: 25px 0 0 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  color: #adbec7;
  text-decoration: line-through;
  position: absolute;
}

.productBoxPckBasket1  {
  width: 400px;
  height: 80px;
  margin: 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: 700px;
  height: 3px;
  margin: 0;
  padding: 0;
  background: #00a050;
  position: relative;
  float: left;
}

.shopBtnProdPck  {
  width: 195px;
  height: 38px;
  margin: 10px 0 0 50px;
  padding: 12px 0 0 15px;
  background: url(../images/basketPckP.png) no-repeat;
  background-position: right 15px top 10px;
  color: #fff;
  font-size: 20px;
  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;
}

.shopBtnProdPck:hover  {
  width: 195px;
  height: 38px;
  margin: 10px 0 0 50px;
  padding: 12px 0 0 15px;
  background: url(../images/basketPckP.png) no-repeat;
  background-position: right 15px top 10px;
  color: #fff;
  font-size: 20px;
  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;
}

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

.presentTxtPck2  {
  width: 1160px;
  height: auto;
  margin: 0 0 25px 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  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: 845px;
  height: auto;
  margin: 0 0 30px 0;
  padding: 20px;
  font-size: 16px;
  color: #000;
  position: relative;
  float: right;
}

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

.productBoxImg  {
  width: 306px;
  height: 350px;
  margin: 5px 55px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.productIcn  {
  width: 306px;
  height: 350px;
  margin: 0;
  padding: 0;
}

.productBoxTag1 {
  width: 120px;
  height: 25px;
  margin: 0;
  padding: 10px 20px;
  background: #e20404;
  text-align: center;
  font-size: 18px;
  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: 120px;
  height: 25px;
  margin: 0;
  padding: 10px 20px;
  background: #00a050;
  text-align: center;
  font-size: 18px;
  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: 120px;
  height: 25px;
  margin: 0;
  padding: 10px 20px;
  background: #006ec3;
  text-align: center;
  font-size: 18px;
  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: 120px;
  height: 25px;
  margin: 0;
  padding: 10px 20px;
  background: yellow;
  text-align: center;
  font-size: 18px;
  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: 140px;
  height: 25px;
  margin: 0;
  padding: 10px 10px;
  background: #000;
  text-align: center;
  font-size: 18px;
  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: 120px;
  height: 25px;
  margin: 0;
  padding: 10px 20px;
  background: #3f454d;
  text-align: center;
  font-size: 18px;
  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: 120px;
  height: 25px;
  margin: 0;
  padding: 10px 20px;
  background: transparent;
  display: block;
  right: 0;
  top: 45px;
  position: absolute;
}

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



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

.productBoxTl  {
  width: 484px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  border-bottom: 3px solid #00a050;
}

.divLinP  {
  height: 3px;
  background: #00a050;
}

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

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

.priceProductTl1 {
  width: 284px;
  height: 30px;
  margin: 70px 0 0 0;
  padding: 0;
  font-size: 22px;
  position: relative;
  float: left;
}

.priceProductTl2 {
  width: 484px;
  height: 30px;
  margin: 70px 0 0 0;
  padding: 0;
  font-size: 22px;
  position: relative;
  float: left;
}

.priceProduct1 {
  width: 284px;
  height: 60px;
  margin: 30px 0 15px 0;
  padding: 0;
  font-size: 24px;
  color: #00a050;
  position: relative;
  float: left;
}

.priceProduct2 {
  width: 484px;
  height: 60px;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 24px;
  color: #00a050;
  position: relative;
  float: left;
}

.saleProduct {
  width: 284px;
  height: 20px;
  margin: 25px 0 0 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  color: #adbec7;
  text-decoration: line-through;
  position: absolute;
}

.saleProduct2 {
  width: 484px;
  height: 20px;
  margin: 25px 0 0 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  color: #adbec7;
  text-decoration: line-through;
  position: absolute;
}

.productBoxBasket1  {
  width: 200px;
  height: 80px;
  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;
}

.productBoxBasket2  {
  width: 350px;
  height: 80px;
  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: 50px;
  height: 50px;
  margin: 10px 0 0 0;
  padding: 0;
  background: url(../images/basketP.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: 50px;
  height: 50px;
  margin: 10px 0 0 0;
  padding: 0;
  background: url(../images/basketHP.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: 180px;
  height: 38px;
  margin: 10px 0 0 0;
  padding: 12px 15px 0 15px;
  background: url(../images/basketPckP.png) no-repeat;
  background-position: right 15px top 10px;
  color: #fff;
  font-size: 20px;
  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: 180px;
  height: 38px;
  margin: 10px 0 0 0;
  padding: 12px 15px 0 15px;
  background: url(../images/basketPckP.png) no-repeat;
  background-position: right 15px top 10px;
  color: #fff;
  font-size: 20px;
  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: 100px;
  height: 50px;
  margin: 6px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

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

input.quantity {
  width: 50px;
  height: 50px;
  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: 50px;
  height: 24px;
  margin: 4px 0 0 0;
  padding: 0;
  color: #fff;
  background: #adbec7;
  font-size: 24px;
  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: 50px;
  height: 24px;
  margin: 4px 0 0 0;
  padding: 0;
  color: #fff;
  background: #00a050;
  font-size: 24px;
  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: 50px;
  height: 25px;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #adbec7;
  font-size: 24px;
  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: 50px;
  height: 25px;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #00a050;
  font-size: 24px;
  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: -1px 0 0 -3px;
  padding: 0;
  font-size: 22px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-margin-before: -2px;
  -webkit-margin-end: -4px;
}

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

.falvSlct  {
  margin: -35px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.dropDownF {
  width: 200px;
  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.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: 200px;
  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;
}

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

.productBoxTable2  {
  width: 845px;
  height: auto;
  margin: 25px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.tabs {
  width: 484px;
  height: auto;
  margin: 15px 361px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

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

.tabs 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;
}

.tabs 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;
}

.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: 845px;
  height: auto;
  margin: 0;
  padding: 25px 0 0 0;
  font-size: 16px;
  color: #000;
  position: relative;
  float: left;
}

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

.actTab:hover {
  width: 200px;
  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;
}

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

.liTab:hover {
  width: 200px;
  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;
}

.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: 484px;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.0;
  position: relative;
  float: left;
}

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

.tableRowTop  {
  width: 484px;
  height: auto;
  margin: 0;
  padding: 10px 0 10px 0;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  float: left;
}

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

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

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

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

.tableColL1  {
  width: 287px;
  height: auto;
  margin: 0;
  padding: 0;
  line-height: 1.0;
  position: relative;
  float: left;
}

.tableColL2  {
  width: 438px;
  height: auto;
  margin: 0;
  padding: 0;
  line-height: 1.0;
  word-wrap: break-word;
  position: relative;
  float: left;
  white-space: pre-wrap;      /* CSS3 */
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -pre-wrap;     /* Opera <7 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  word-wrap: break-word;      /* IE */
}

.tableColM, .tableColR  {
  width: 121px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.tableColM1a, .tableColM1b {
  width: 135px;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.0;
  text-align: center;
  position: relative;
  float: left;
  white-space: pre-wrap;      /* CSS3 */
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -pre-wrap;     /* Opera <7 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  word-wrap: break-word;      /* IE */
}

.tableColR1 {
  width: 137px;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.0;
  text-align: center;
  position: relative;
  float: left;
  white-space: pre-wrap;      /* CSS3 */
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -pre-wrap;     /* Opera <7 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  word-wrap: break-word;      /* IE */
}

.tblSubTxt  {
  width: 484px;
  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: 135px;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
}

.productBoxSharePckRes  {
  display: none;
}

.shareIcn {
  width: 40px;
  height: 40px;
  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: 40px;
  height: 40px;
  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;
}

.presentBox  {
  width: 301px;
  height: auto;
  margin: 50px 0 0 0;
  padding: 0 30px 0 30px;
  text-align: center;
  position: relative;
  float: left;
}

.presentBox2  {
  width: 785px;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0 30px 0 30px;
  text-align: center;
  position: relative;
  float: left;
}

.presentTxt  {
  width: 301px;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.2;
  position: relative;
  float: left;
}

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

.presentRow  {
  width: 281px;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0 10px 0 10px;
  position: relative;
  float: left;
}

.presentRow2  {
  width: 845px;
  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: 190px;
  margin: 0 5px 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  float: left;
}

.presentImgR {
  width: 135px;
  height: 190px;
  margin: 0 0 0 6px;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  float: left;
}

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

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

.productDescript2  {
  width: 845px;
  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: 1200px;
  height: 10px;
  margin: 50px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.stepPre {
  width: 200px;
  height: 6px;
  margin: 0 10px 0 5px;
  padding: 0;
  background: #adbec7;
  position: relative;
  float: left;
}

.stepActiv {
  width: 200px;
  height: 6px;
  margin: 0 10px 0 5px;
  padding: 0;
  background: #f08643;
  position: relative;
  float: left;
}

.stepActivConfirm {
  width: 200px;
  height: 6px;
  margin: 0 10px 0 5px;
  padding: 0;
  background: #00a050;
  position: relative;
  float: left;
}

.stepNext {
  width: 200px;
  height: 6px;
  margin: 0 10px 0 5px;
  padding: 0;
  background: #dae2e7;
  position: relative;
  float: left;
}

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

.stepIcn  {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
}

.stepText {
  margin: -30px 0 0 0;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
}

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

.basketBoxPre  {
  width: 1200px;
  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: 1200px;
  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: 650px;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

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

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

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

.basketBoxImg, .basketBoxImgS  {
  width: 100px;
  height: 114px;
  margin: 0 25px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.basketIcn  {
  width: 100px;
  height: 114px;
  margin: 0;
  padding: 0;
}

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

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

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

.edit {
  width: 50px;
  height: auto;
  margin: 25px 0 0 0;
  padding: 4px 9px 4px 9px;
  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: 25px 0 0 0;
  padding: 4px 9px 4px 9px;
  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: 25px 0 0 10px;
  padding: 4px 9px 4px 9px;
  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: 25px 0 0 10px;
  padding: 4px 9px 4px 9px;
  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: 150px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  float: left;
}

.priceNo, .priceNoT  {
  width: 185px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  float: left;
}

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

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

.totalNo, .totalNoT  {
  width: 205px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  float: left;
}

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

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

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

.checkFldCoup  {
  width: 395px;
  height: auto;
  margin: 10px 0 10px 805px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #00a050;
  position: relative;
  float: left;
}

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

.coupon {
  width: 75px;
  height: 23px;
  margin: 0 0 10px 20px;
  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;
}

.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: 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;
}

.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: 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;
}

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

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

.processBtn  {
  margin: 30px 0 0 0;
  padding: 15px 20px 15px 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: 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: 15px 20px 15px 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: 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: 100px;
  height: auto;
  margin: 30px 0 50px 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;
}

.basketBack:hover  {
  width: 100px;
  height: auto;
  margin: 30px 0 50px 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;
}


/*Styles for Checkout*/

.summFldCh  {
  width: 360px;
  height: auto;
  margin: 0;
  padding: 20px;
  font-size: 16px;
  font-weight: 400;
  background: #eef0f4;
  position: relative;
  float: left;
}

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

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

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

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

.saleCheck {
  width: 235px;
  height: 16px;
  margin: -14px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #adbec7;
  text-decoration: line-through;
  position: absolute;
}

.totalCheckS {
  width: 235px;
  margin: 0 0 0 125px;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}

.totalCheck {
  width: 235px;
  margin: 0 0 0 125px;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
}

.alignR  {
  float: right;
}

.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: 700px;
  height: auto;
  margin: 0 0 0 50px;
  padding: 50px 0 25px 0;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid #dae2e7;
  position: relative;
  float: left;
}

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

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

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

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

.regTl    {
  width: 362px;
  height: 20px;
  margin: 15px 30px 50px 0;
  padding: 0;
  color: #000;
  position: relative;
  float: left;
}

#checkForm {
  width: 700px;
  height: auto;
  margin: 0 0 50px 0;
  padding: 0;
  position: relative;
  float: left;
}

input.emailCh  {
  width: 678px;
  height: 20px;
  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: 16px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.passCh  {
  width: 678px;
  height: 20px;
  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: 16px;
  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: 700px;
  height: 42px;
  margin: 0 0 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.submitBtnCheck  {
  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: 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: 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: 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: 180px;
  height: 15px;
  margin: 10px 10px 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: 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: 180px;
  height: 15px;
  margin: 10px 10px 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: 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 50px;
  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;
  border: 2px solid #00a050;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
}

.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: 2px solid #00a050;
  background:  #fff url(../images/checkReg.png) no-repeat;
  background-position: 1px 1px;
  width: 14px;
  height: 14px;
}

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

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

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

input.nameR  {
  width: 550px;
  height: 20px;
  margin: 0 50px 10px 0;
  padding: 10px;
  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.surnameR  {
  width: 550px;
  height: 20px;
  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: 16px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.phoneR  {
  width: 550px;
  height: 20px;
  margin: 0 50px 10px 0;
  padding: 10px;
  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.emailR  {
  width: 550px;
  height: 20px;
  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: 16px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.passR  {
  width: 550px;
  height: 20px;
  margin: 0 50px 50px 0;
  padding: 10px;
  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.rePassR  {
  width: 550px;
  height: 20px;
  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: 16px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.cityR  {
  width: 550px;
  height: 20px;
  margin: 0 50px 10px 0;
  padding: 10px;
  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.addressR  {
  width: 550px;
  height: 20px;
  margin: 0 50px 10px 0;
  padding: 10px;
  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.postR  {
  width: 550px;
  height: 20px;
  margin: 0 50px 10px 0;
  padding: 10px;
  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.nameR:focus, input.phoneR:focus, input.addressR:focus, input.postR:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  width: 572px;
  height: 42px;
  margin: 0 50px 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.surnameR:focus, input.emailR:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  width: 572px;
  height: 42px;
  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 {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  width: 572px;
  height: 42px;
  margin: 0 50px 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;
  width: 572px;
  height: 42px;
  margin: 0 50px 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

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

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

textarea.boxM  {
  width: 550px;
  height: 124px;
  margin: 0 0 10px 0;
  padding: 10px;
  font-size: 16px;
  font-family: 'Prompt', sans-serif;
  line-height: 1.0;
  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: 572px;
  height: 146px;
  margin: 0 0 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.messageReg  {
  width: 572px;
  height: auto;
  margin: -104px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.noteR  {
  width: 572px;
  height: auto;
  margin: 0 50px 50px 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 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;
  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 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;
  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: 320px;
  height: 20px;
  margin: 0 16px 10px 0;
  padding: 10px;
  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.rightBoxCh  {
  width: 320px;
  height: 20px;
  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: 16px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.leftBoxCh:focus  {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  opacity: 1.5;
  width: 342px;
  height: 42px;
  margin: 0 16px 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;
  opacity: 1.5;
  width: 342px;
  height: 42px;
  margin: 0 0 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.submitBtnDel  {
  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: 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: 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: 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: 1200px;
  height: auto;
  margin: 60px 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

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

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

.summtBoxTl  {
  width: 1140px;
  height: auto;
  margin: 0 10px 20px 10px;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  float: left;
}

.summtBoxTxt  {
  width: 1140px;
  height: auto;
  margin: 0 10px 20px 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  float: left;
}

.checkFldConfirm  {
  width: 390px;
  height: auto;
  margin: 0 0 0 10px;
  padding: 10px 0 20px 735px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  position: relative;
  float: left;
}

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

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

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

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

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

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

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


/*Styles for Confirm*/

.confirmBoxTl {
  width: 1100px;
  height: auto;
  margin: 0;
  padding: 50px;
  font-size: 16px;
  text-align: center;
  position: relative;
  float: left;
}

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


/*Styles for Contact*/

#about, #contact, #retails {
  margin: -270px 0 0 0;
  padding: 300px 0 0 0;
}

#map {
  width: 750px;
  height: 250px;
  margin: 0 0 50px 50px;
  padding: 0;
  position: relative;
  float: left;
}

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

.checkBoxMC {
  width: 700px;
  height: auto;
  margin: 0 0 0 50px;
  padding: 0 0 25px 0;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  float: left;
  z-index: 1;
}

input.nameC  {
  width: 728px;
  height: 20px;
  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: 16px;
  border-radius: 0;
  border: 1px solid #00a050;
  position: relative;
  float: left;
}

input.emailC  {
  width: 728px;
  height: 20px;
  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: 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: 750px;
  height: 42px;
  margin: 0 16px 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

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

textarea.boxC {
  width: 728px;
  height: 124px;
  margin: 0 0 10px 0;
  padding: 10px;
  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: 750px;
  height: 146px;
  margin: 0 50px 10px 0;
  padding: 10px;
  border: 1px solid #00a050;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.aboutFldCon  {
  width: 400px;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  float: left;
}

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

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

.summFldCon  {
  width: 360px;
  height: 210px;
  margin: 0;
  padding: 20px;
  background: #eef0f4;
  position: relative;
  float: left;
}

.colCon  {
  width: 750px;
  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 {
  margin: 0 0 0 0;
  padding: 30px 0 0 0;
}

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

.checkBoxP {
  width: 1200px;
  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: 1200px;
  height: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  float: left;
}

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

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

.noteRg  {
  width: 1200px;
  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: 600px;
  height: auto;
  margin: 10px 600px 0 0;
  padding: 0;
  color: #000;
  position: relative;
  float: left;
}

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

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

.submitBtnC  {
  width: 110px;
  height: 35px;
  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;
  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: 110px;
  height: 35px;
  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;
  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;
}


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

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

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

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

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

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

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