/*CSS Document*/


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


@media only screen and (min-width: 320px) and (max-width: 479px)  {


/*Styles for Home, MKM*/

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

header {
  width: 100%;
  height: 60px;
  margin: 0 auto 0 auto;
  padding: 0;
  position: fixed;
  float: left;
  z-index: 3;
  -webkit-transform: translateZ(0);
}

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

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

footer  {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  background: rgba(0,0,0,0.65);
  position: relative;
  float: left;
}

h1 {
  margin: 0 0 15px 0;
  padding: 0;
	font-size: 14px;
  font-weight: 500;
  line-height: 1.0;
  text-transform: uppercase;
}

h2 {
  margin: 0 0 15px 0;
  padding: 0;
	font-size: 13px;
  font-weight: 500;
  line-height: 1.0;
  text-transform: uppercase;
}

h4 {
  margin: 0 0 15px 0;
  padding: 0;
	font-size: 12px;
  font-weight: 500;
  line-height: 1.0;
  text-transform: uppercase;
}

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

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

.mmBg {
  background-image: url(../images/mmBg.png);
  background-repeat: repeat;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
}

.mkmBg {
  background-image: url(../images/mkmBg.png);
  background-repeat: repeat;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
}

.shpBg {
  background-image: url(../images/shpBg.png);
  background-repeat: repeat;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
}

.dgtBg {
  background-image: url(../images/dgtBg.png);
  background-repeat: repeat;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
}

.jfBg {
  background: url(../images/jfBg.png), linear-gradient(to bottom right, #064f64, #002133);
  background-repeat: repeat;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
}

.redBg {
  display: none;
}

.orangeBg {
  display: none;
}

.orange {
  color: #f26228;
}

.redTxt  {
  display: none;
}

.orangeTxt  {
  display: none;
}

.handImg  {
  display: none;
}

.handImgR  {
  display: inline-block;
  margin: 7px 0 0 5px;
  padding: 0;
  position: absolute;
  float: left;
}

li.orangeBg:hover {
  background: #be1e2d;
}

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

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

#back-top a {
  width: 92%;
	display: block;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
  opacity: 0.5;
}

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

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

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

.strong {
  font-weight: 700;
}

.underLn {
  text-decoration: underline;
}

.ital {
  font-style: italic;
}

.red {
  color: #be1e2d;
}

.grey {
  color: #808080;
}

.light_grey {
  color: #f0f0f0;
}

.midd_grey {
  color: #c2c2c2;
}

.black {
  color: #000000;
}

.white {
  color: #ffffff;
}

.logoMM {
  display: none;
}

.logoMMR {
  display: block;
  width: 122px;
  height: 35px;
  margin: 0;
  padding: 0;
  vertical-align: -12px;
  -webkit-margin-end: 1.5em;
}

.logoMKM {
  display: none;
}

.logoMKMR {
  display: block;
  width: 122px;
  height: 35px;
  margin: 0;
  padding: 0;
  vertical-align: -14px;
  -webkit-margin-end: 1.5em;
}

.searchField {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  z-index: 1;
}

.searchFieldG {
  width: 50%;
  height: auto;
  margin: -50px 0 0 0;
  padding: 0;
  position: relative;
  float: right;
  z-index: 1;
}

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

.searchBoxG {
  width: 150px;
  height: 30px;
  margin: 15px 0 15px 0;
  padding: 0;
  position: relative;
  float: right;
}

#navBar li.socLi  {
  display: none;
}

#navBar li.socLi:hover  {
  display: none;
}

#navBar li.socLiLg  {
  display: none;
}

#navBar li.socLiLg:hover  {
  display: none;
}

#navBar li.socLiB  {
  display: none;
}

#navBar li.socLiB:hover  {
  display: none;
}

#navBarBB li.socLi  {
  display: none;
}

#navBarBB li.socLi:hover  {
  display: none;
}

#navBarBB li.socLiLg  {
  display: none;
}

#navBarBB li.socLiLg:hover  {
  display: none;
}

#navBarBB li.socLiB  {
  display: none;
}

#navBarBB li.socLiB:hover  {
  display: none;
}

.socialIcn  {
  display: none;
}

.socialIcn:hover  {
  display: none;
}

.socLiR  {
  display: block;
  width: 105px;
  margin: -40px 45px 0 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: right;
}

.socialIcnR  {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 13px 0 0 0;
  padding: 0;
  opacity: 0.5;
}

.socialIcnR:hover  {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 13px 0 0 0;
  padding: 0;
  opacity: 1.0;
}

.langR  {
  display: none;
}

.langR:hover  {
  display: none;
}

.signIn {
  width: 100px;
  height: 15px;
  margin: 44px 0 0 0;
  padding: 0;
  color: #000000;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  position: absolute;
  float: right;
  right: 5%;
  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 {
  width: 100px;
  height: 15px;
  margin: 60px 0 0 0;
  padding: 0;
  color: #000000;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  position: absolute;
  float: right;
  right: 5%;
  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 {
  width: 100px;
  height: 15px;
  margin: 44px 0 0 0;
  padding: 0;
  color: #be1e2d;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  position: absolute;
  float: right;
  right: 5%;
  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 {
  width: 100px;
  height: 15px;
  margin: 60px 0 0 0;
  padding: 0;
  color: #be1e2d;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  position: absolute;
  float: right;
  right: 5%;
  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;
}

.profTl {
  width: auto;
  height: 15px;
  margin: 50px 0 0 0;
  padding: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  float: right;
  right: 15%;
  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;
}

.profIcn  {
  margin: 48px 0 0 0;
  padding: 0;
  position: absolute;
  float: right;
  right: 5%;
  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;
}

.profIcn:hover  {
  margin: 48px 0 0 0;
  padding: 0;
  opacity: 0.5;
  position: absolute;
  float: right;
  right: 5%;
  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;
}

#logOut {
  width: 100%;
  height: auto;
  margin: 85px 0 0 0;
  padding: 20px;
  right: 0;
  text-align: center;
  background: rgba(255,255,255,0.75);
  position: absolute;
  float: right;
}

.logOutBtn  {
  width: 120px;
  height: auto;
  margin: 0;
  padding: 10px;
  background: #be1e2d;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  font-weight: 600;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  bottom: 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;
}

.logOutBtn:hover  {
  width: 120px;
  height: auto;
  margin: 0;
  padding: 10px;
  background: #ffffff;
  color: #be1e2d;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  font-weight: 600;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  bottom: 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;
}

.logPass  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #be1e2d;
  text-align: right;
  text-transform: uppercase;
  position: relative;
  float: right;
}

.logPass:hover  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #be1e2d;
  text-align: right;
  text-transform: uppercase;
  text-decoration: underline;
  position: relative;
  float: right;
}

.baskShp  {
  margin: 0;
  padding: 0;
  float: right;
}

.baskShpBB  {
  margin: 0;
  padding: 0;
  float: right;
}

.baskShpBB:hover  {
  margin: 0;
  padding: 0;
  float: right;
  vertical-align: 50px;
}

.baskIcn  {
  width: auto;
  height: 25px;
  margin: 20px 0 0 0;
  padding: 0;
  opacity: 0.75;
  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;
}

.baskIcn:hover  {
  width: auto;
  height: 25px;
  margin: 20px 0 0 0;
  padding: 0;
  opacity: 1.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;
}

.baskIcnBB  {
  width: auto;
  height: 25px;
  margin: 14px 0 0 0;
  padding: 0;
  opacity: 0.75;
  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;
}

.baskIcnBB:hover  {
  width: auto;
  height: 25px;
  margin: 14px 0 0 0;
  padding: 0;
  opacity: 1.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;
}

.qtyShp {
  width: 20px;
  margin: 12px 0 0 10px;
  text-align: center;
  padding: 0;
  float: right;
}

.qtyShpBB {
  width: 20px;
  margin: 4px 10px 0 10px;
  text-align: center;
  padding: 0;
  float: right;
}

.baskIcnR  {
  display: block;
  width: auto;
  height: 25px;
  margin: 50px 0 0 0;
  padding: 0;
  opacity: 0.75;
  position: absolute;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-margin-start: 0;
}

.baskIcnR:hover  {
  display: block;
  width: auto;
  height: 25px;
  margin: 50px 0 0 0;
  padding: 0;
  opacity: 1.0;
  position: absolute;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-margin-start: 0;
}

.qtyShpR {
  display: block;
  width: 20px;
  margin: 53px 0 0 40px;
  color: #000000;
  font-size: 14px;
  text-align: center;
  padding: 0;
  position: absolute;
  float: left;
}

.search  {
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: 18px;
  position: relative;
  float: left;
}

input.search {
  width: 92.5%;
  margin: 6px 0 0 0;
  padding: 6px 30px 6px 6px;
  color: #000000;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: 2px solid #be1e2d;
  border-radius: 0;
  cursor: pointer;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.search:focus {
  width: 92.5%;
  margin: 6px 0 0 0;
  padding: 6px 30px 6px 6px;
  color: #000000;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border: 2px solid #be1e2d;
  border-radius: 0;
  cursor: pointer;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.srchBtn  {
  margin: 9px 0 0 -35px;
  padding: 5px;
  background: transparent;
  border-radius: 0;
  border: none;
  cursor: pointer;
  position: absolute;
  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;
}

.cancBtn  {
  margin: 14px 0 0 0;
  padding: 0;
  background: transparent;
  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;
}

.searchG  {
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: 18px;
  position: relative;
  float: right;
}

input.searchG {
  width: 150px;
  margin: 0;
  padding: 5px 25px 5px 5px;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border-bottom: 2px solid #be1e2d;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  cursor: pointer;
  opacity: 0.85;
  background: url(../images/searchWh.png) no-repeat;
  background-position: 97.5% 50%;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.searchG:focus {
  width: 150px;
  margin: 0;
  padding: 5px 25px 5px 5px;
  color: #ffffff;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border-bottom: 2px solid #be1e2d;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  cursor: pointer;
  opacity: 1.0;
  background: url(../images/searchWh.png) no-repeat;
  background-position: 97.5% 50%;
  -webkit-padding-before: 0.25em;
  -webkit-padding-after: 0.25em;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.nav  {
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  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;
}

#navBar  {
  display: none;
}

#navBar.sticky  {
  display: none;
}

#navBarBB  {
  display: none;
}

#navBarBB.sticky  {
  display: none;
}

.navBarR  {
  display: block;
  width: 92%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 5px 4% 5px 4%;
  background: rgba(0,0,0,0.85);
  text-align: left;
  text-transform: uppercase;
  position: relative;
  float: none;
  z-index: 3;
}

.navBarR.sticky  {
  display: block;
  width: 92%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 5px 4% 5px 4%;
  background: rgba(0,0,0,1.0);
  text-align: left;
  text-transform: uppercase;
  position: relative;
  float: none;
  z-index: 3;
}

.navBarBBR  {
  display: block;
  width: 92%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 5px 4% 5px 4%;
  background: rgba(31,167,212,0.85);
  text-align: left;
  text-transform: uppercase;
  position: relative;
  float: none;
  z-index: 3;
}

.navBarBBR.sticky  {
  display: block;
  width: 92%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 5px 4% 5px 4%;
  background: rgba(31,167,212,1.0);
  text-align: left;
  text-transform: uppercase;
  position: relative;
  float: none;
  z-index: 3;
}

#navBar ul  {
  display: none;
}

#navBar li {
  display: none;
}

#navBar li:hover {
  display: none;
}

#navBarBB ul  {
  display: none;
}

#navBarBB li {
  display: none;
}

#navBarBB li:hover {
  display: none;
}

.online  {
  border-bottom: 5px solid #be1e2d;
}

#navMenu {
  display: block;
}

#navMenu ul  {
  list-style-type: none;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  color: #ffffff;
  background: rgba(0,0,0,0.85);
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  display: block;
  position: relative;
  float: none;
}

#navMenu li {
  margin: 0;
  padding: 0.25% 0.75% 0.25% 0.75%;
  display: block;
  line-height: 2.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;
  -webkit-padding-start: 0.55%;
  -webkit-padding-end: 0.55%;
}

.menu {
  display: block;
  margin: 9px 4% 0 0;
  padding: 0;
  position: relative;
  float: right;
  z-index: 4;
}

.menuImg {
  display: block;
}

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

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

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

.rslides_container {
  width: 92%;
  height: auto;
	margin: 3.25% 4% 3.25% 4%;
  padding: 0;
	position: relative;
  float: none;
  -webkit-transform: translateZ(0);
}

.rslides_containerMKM {
  width: 92%;
  height: auto;
	margin: 3.25% 4% 3.25% 4%;
  padding: 0;
	position: relative;
  float: none;
  -webkit-transform: translateZ(0);
}

.rslides_containerShp {
  width: 92%;
  height: auto;
	margin: 15% 4% 0 4%;
  padding: 0;
	position: relative;
  float: none;
  -webkit-transform: translateZ(0);
}

.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-btns_nav {
  display:none;
}

.centered-btns_nav:active {
  opacity: 1.0;
  display:none;
}

.centered-btns_nav.next {
  display:none;
}

.centered-btns_tabs {
  margin-top: -0.5%;
  margin-left: -40px;
  text-align: center;
  position: relative;
  float: none;
  z-index: 2;
}

.centered-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin: 0 5px;
}

.centered-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #808080;
  display: inline-block;
  _display: block;
  *display: block;
  width: 5px;
  height: 5px;
  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;
}

.centered-btns_tabs a:hover {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #000;
  opacity: 1.0;
  display: inline-block;
  _display: block;
  *display: block;
  width: 5px;
  height: 5px;
  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;
}

.centered-btns_here a {
  background: #be1e2d;
}

.caption  {
  width: 40%;
  height: 25vw;
  z-index: 2;
  position: absolute;
  margin: 0;
  padding: 5vw 5%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #ffffff;
  background: rgba(0,0,0,0.35);
  text-transform: uppercase;
  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;
}

.caption:hover  {
  width: 40%;
  height: 25vw;
  z-index: 2;
  position: absolute;
  margin: 0;
  padding: 5vw 5%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #ffffff;
  background: rgba(0,0,0,0.5);
  text-transform: uppercase;
  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;
}

.sub-caption  {
  width: 100%;
  height: 50px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.0;
  text-transform: none;
  overflow: hidden;
  position: relative;
  float: left;
}

.hotBox  {
  display: none;
}

.hotBoxBar  {
  display: none;
}

.hotBoxFD  {
  width: 92%;
  height: auto;
  margin: 0 4% 20px 4%;
  padding: 15px 0 0 0;
  color: #ffffff;
  position: relative;
  float: left;
}

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

.box01  {
  display: none;
}

.box02, .box03  {
  display: none;
}

.box04  {
  display: none;
}

.box01FD, .box02FD, .box03FD  {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.box04FD  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.boxImg {
  display: none;
}

.boxIcn {
  display: none;
}

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

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

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

.popup-gallery1, .popup-gallery2  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  z-index: 1;
}

.popup-gallery3  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  z-index: 1;
}

.boxTl  {
  display: none;
}

.boxTl:hover  {
  display: none;
}

.boxTlFD  {
  width: 90%;
  height: 95px;
  margin: 0;
  padding: 25% 5% 5% 5%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  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;
  -webkit-margin-before: -75px;
}

.boxTlFD:hover  {
  width: 90%;
  height: 95px;
  margin: 0;
  padding: 25% 5% 5% 5%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  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;
}

.boxTlFDVid  {
  width: 90%;
  height: 35px;
  margin: 0;
  padding: 25% 5% 5% 5%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  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;
}

.boxTlFDVid:hover  {
  width: 90%;
  height: 35px;
  margin: 0;
  padding: 25% 5% 5% 5%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  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;
}

.boxTlFDBann  {
  width: 90%;
  height: 35px;
  margin: 0;
  padding: 25% 5% 5% 5%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  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;
}

.boxTlFDBann:hover  {
  width: 90%;
  height: 35px;
  margin: 0;
  padding: 25% 5% 5% 5%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.25));
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  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;
}

.hTl  {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
  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;
}

.hTl:hover  {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.4;
  color: #be1e2d;
  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;
}

.hTlR  {
  font-weight: 500;
  line-height: 1.1;
  font-size: 14px;
  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;
}

.hTlR:hover  {
  font-weight: 500;
  line-height: 1.1;
  font-size: 14px;
  color: #be1e2d;
  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;
}

.hTlA  {
  font-weight: 500;
  line-height: 1.0;
  font-size: 14px;
  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;
}

.hTlA:hover  {
  font-weight: 500;
  line-height: 1.0;
  font-size: 14px;
  color: #be1e2d;
  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;
}

.nTl  {
  margin: 0 0 10px 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.2;
  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;
}

.nTxt  {
  margin: 0 0 5px 0;
  padding: 0;
}

.nTl:hover  {
  margin: 0 0 10px 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.2;
  color: #be1e2d;
  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;
}

.sTl  {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.2;
  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;
}

.sTl:hover  {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.2;
  color: #be1e2d;
  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;
}

.pTl, .pCTl  {
  font-weight: 500;
  line-height: 1.2;
  color: #be1e2d;
  font-size: 16px;
  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;
}

.pTl:hover, .pCTl:hover  {
  font-weight: 500;
  line-height: 1.2;
  color: #c1c1c1;
  font-size: 16px;
  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;
}

.h1 {
  margin: 0 0 15px 0;
  padding: 0;
	font-size: 16px;
  font-weight: 500;
  line-height: 1.0;
  text-transform: uppercase;
}

.contSecBann  {
  display: none;
}

.bannImgMain {
  display: none;
}

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

.columnL {
  width: 100%;
  height: auto;
  margin: -20px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.columnR {
  width: 100%;
  height: auto;
  margin: 15px 0 15px 0;
  padding: 0;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.columnM  {
  width: 100%;
  height: auto;
  margin: 15px 0 -10px 0;
  padding: 0;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

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

.columnBoxBrandH {
  display: block;
  width: 98%;
  height: auto;
  margin: 25px 0 15px 0;
  padding: 1%;
  background: #be1e2d;
  position: relative;
  float: left;
}

.columnBoxBrand, .columnBoxBrandN {
  display: none;
}

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

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

.columnBoxFbR {
  display: none;
}

.columnBoxG {
  display: none;
}

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

.brandTl  {
  height: 20px;
  margin: 0;
  padding: 10px 2% 10px 2%;
  width: 96%;
  text-align: center;
}

.brandTlSec  {
  margin: 0;
  padding: 4% 2% 4% 2%;
  width: 96%;
  text-align: center;
  position: relative;
  float: left;
}

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

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

.colList ul  {
  list-style-type: none;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  display: block;
  position: relative;
  float: none;
}

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

.date {
  width: 23%;
  height: 48px;
  margin: 0;
  padding: 12px 1% 12px 1%;
  background: #808080;
  border-bottom: 1px solid #9e9e9e;
  text-decoration: none;
  text-align: center;
	font-weight: 400;
  font-size: 16px;
  line-height: 1.0;
  position: relative;
  float: left;
}

.dateBott {
  width: 23%;
  height: 48px;
  margin: 0;
  padding: 12px 1% 12px 1%;
  background: #808080;
  border-bottom: none;
  text-decoration: none;
  text-align: center;
	font-weight: 400;
  font-size: 16px;
  line-height: 1.0;
  position: relative;
  float: left;
}

.stretch {
  width: 52%;
  margin: 4px 0 0 0;
  padding: 4px 0 0 0;
  text-align: center;
  display:inline-block;
  -webkit-transform:scale(1.125,1);
  -moz-transform:scale(1.125,1);
  -ms-transform:scale(1.125,1);
  -o-transform:scale(1.125,1);
  transform:scale(1.125,1);
  position: relative;
  float: left;
}

.month  {
  width: 52%;
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 13px;
  font-weight: 400;
  border-bottom: none;
  position: relative;
  float: left;
}

.hour  {
  width: 46%;
  height: 22px;
  margin: -24px 0 0 -2%;
  padding: 14px 0 10px 0;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  border-left: 1px solid #ffffff;
  position: relative;
  float: left;
}

.event  {
  width: 67%;
  height: 62px;
  margin: 0;
  padding: 5px 4% 5px 4%;
  background: #000000;
  border-bottom: 1px solid #808080;
  text-decoration: none;
  text-align: left;
	color: #c2c2c2;
  font-size: 13px;
  line-height: 1.0;
  position: relative;
  float: left;
}

.eventBott  {
  width: 67%;
  height: 62px;
  margin: 0;
  padding: 5px 4% 5px 4%;
  background: #000000;
  border-bottom: none;
  text-decoration: none;
  text-align: left;
	color: #c2c2c2;
  font-size: 13px;
  line-height: 1.0;
  position: relative;
  float: left;
}

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

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

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

.specialTxt  {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 4%;
  font-size: 13px;
  color: #000000;
  background: #ffffff;
  bottom: 10px;
  position: absolute;
  float: left;
}

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

.colEdition ul  {
  list-style-type: none;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  display: block;
  position: relative;
  float: none;
}

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

.editThumb {
  width: 22.5%;
  height: 62px;
  margin: 0;
  padding: 0;
  background: #000000;
  border-bottom: 1px solid #808080;
  overflow: hidden;
  position: relative;
  float: left;
}

.editThumbBott {
  width: 22.5%;
  height: 62px;
  margin: 0;
  padding: 0;
  background: #000000;
  border-bottom: none;
  overflow: hidden;
  position: relative;
  float: left;
}

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

.artTl  {
  width: 73.5%;
  height: 57px;
  margin: 0;
  padding: 5px 2% 0 2%;
  background: #000000;
  border-bottom: 1px solid #808080;
  text-decoration: none;
  text-align: left;
	color: #c2c2c2;
  font-size: 13px;
  position: relative;
  float: left;
}

.artTlBott  {
  width: 73.5%;
  height: 57px;
  margin: 0;
  padding: 5px 2% 0 2%;
  background: #000000;
  border-bottom: none;
  text-decoration: none;
  text-align: left;
	color: #c2c2c2;
  font-size: 13px;
  position: relative;
  float: left;
}

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

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

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

.colNews  {
  width: 100%;
  height: auto;
  margin: -5px 0 10px 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
}

.jazzFBann  {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  float: left;
}

.newsBox  {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 16px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.newsBoxB  {
  width: 35%;
  height: auto;
  margin: 0 0 0 65%;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  background: 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;
}

.newsBoxB:hover  {
  width: 35%;
  height: auto;
  margin: 0 0 0 65%;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #be1e2d;
  text-align: right;
  text-transform: uppercase;
  background: 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;
}

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

.arrowBox {
  width: 7px;
  height: 13px;
  margin: 0 0 0 5px;
  padding: 0;
  vertical-align: -2px;
}

.newsBoxTxt  {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 4%;
  font-size: 13px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

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

.bannImg {
  width: 100%;
  height: 320px;
  margin: 0;
  padding: 0;
}

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

.videoThumb {
  width: 100%;
  height: auto;
  margin: 0 0 -2% 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

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

.play  {
  width: 10%;
  height: auto;
  margin: 45% 45% 0 45%;
  padding: 0;
  opacity: 0.65;
  position: absolute;
  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;
}

.play:hover  {
  width: 10%;
  height: auto;
  margin: 45% 45% 0 45%;
  padding: 0;
  opacity: 1.0;
  position: absolute;
  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;
}

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

.playFD  {
  width: 12.5%;
  height: auto;
  margin: 35vw 43.75% 0 43.75%;
  padding: 0;
  opacity: 0.65;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  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;
}

.playFD:hover  {
  width: 12.5%;
  height: auto;
  margin: 35vw 43.75% 0 43.75%;
  padding: 0;
  opacity: 1.0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  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;
}

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

.videoTl  {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 4%;
  background: #ffffff;
  text-align: left;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  line-height: 1.4;
  cursor: pointer;
  position: relative;
  float: left;
}

.videoTl:hover  {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 4%;
  background: #ffffff;
  text-align: left;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: #be1e2d;
  line-height: 1.4;
  cursor: pointer;
  position: relative;
  float: left;
}

.fbFeed {
  display: none;
}

.contSecFoot  {
  width: 100%;
  height: 9.25rem;
  margin: 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: none;
}

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

.footContR  {
  display: none;
}

.footContRRes  {
  display: block;
  width: 94%;
  height: auto;
  margin: 0;
  padding: 3%;
  color: #ffffff;
  background: #be1e2d;
  position: relative;
  float: left;
}

.footContRHMP  {
  display: none;
}

.footContRHMPRes  {
  display: block;
  width: 94%;
  height: auto;
  margin: 0;
  padding: 3%;
  color: #ffffff;
  background: #000;
  position: relative;
  float: left;
}

.footContRShp  {
  display: none;
}

.footContRShpRes  {
  display: block;
  width: 94%;
  height: auto;
  margin: 0;
  padding: 3%;
  color: #ffffff;
  background: #f26228;
  position: relative;
  float: left;
}

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

.logoSignMKM {
  width: 62.5%;
  height: auto;
  margin: 0;
  padding: 0.25rem 0;
  position: relative;
  float: right;
}

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

.footContTxtMMHMP  {
  width: 100%;
  height: auto;
  margin: 20px 0;
  padding: 0;
  font-size: 13px;
  color: #fff;
  position: relative;
  float: left;
}

.footNewsLetter {
  width: 130px;
  height: 40px;
  margin: 10px 0;
  padding: 0;
  position: relative;
  float: left;
  top: 0;
  right: 0;
}

.newsLettIcn  {
  width: 130px;
  height: 40px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.woltIcn  {
  width: 67px;
  height: 67px;
  margin: -10px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.newsLettTxt {
  width: 145px;
  height: 32px;
  margin: 0;
  padding: 4px 0 4px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #be1e2d;
  line-height: 1.0;
  background: #ffffff;
  position: relative;
  float: right;
}

.newsLettTxtShp {
  width: 145px;
  height: 32px;
  margin: 0;
  padding: 4px 0 4px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #f26228;
  line-height: 1.0;
  background: #ffffff;
  position: relative;
  float: right;
}

.footContTxtMKM  {
  width: 35%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 12px;
  border-right: 2px solid #ffffff;
  position: relative;
  float: left;
}

.footContTxtHMPShp  {
  width: 47.25%;
  height: auto;
  margin: 0;
  padding: 0 2% 0 0;
  font-size: 14px;
  text-align: center;
  border-right: 2px solid #ffffff;
  position: relative;
  float: left;
}

.footContTxtHMPRest  {
  width: 47.25%;
  height: auto;
  margin: 0;
  padding: 0 0 0 2%;
  font-size: 14px;
  text-align: center;
  position: relative;
  float: right;
}

.workT  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0.35rem 0;
  font-size: 13px;
  position: relative;
  float: left;
}

.mmFDTlImg {
  width: 80%;
  height: auto;
  margin: 0 10%;
  padding: 0;
}

.footContTxtRes {
  width: 100%;
  height: auto;
  margin: 0.85rem 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  float: left;
}

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

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

.cardL  {
  width: 100%;
  height: 25px;
  margin: 5px 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

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

.cardR  {
  width: 100%;
  height: 25px;
  margin: 5px 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

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

.divFootField {
  width: 100%;
  height: 2px;
  margin: 0;
  padding: 0;
  background: #454545;
  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;
}

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

.copy {
  width: 70%;
  height: auto;
  margin: 15% 15% 0 15%;
  padding: 5px 0 0 0;
  border-top: 1px solid #808080;
  text-align: center;
  position: relative;
  float: left;
}

.terms {
  width: 100%;
  height: auto;
  margin: -20% 0 0 0;
  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 6px 0 3px;
  border-right: 1px solid #808080;
  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 6px 0 3px;
  color: #f0f0f0;
  border-right: 1px solid #808080;
  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 .lineR  {
  margin: 0;
  padding: 0 0 0 3px;
  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 .lineR:hover  {
  margin: 0;
  padding: 0 0 0 3px;
  border-right: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

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

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

.bannBox  {
  width: 92%;
  height: auto;
	margin: 2.5% auto;
  padding: 0;
	position: relative;
  float: none;
}

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

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

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

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

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

span.bannBoxTl  {
  width: 95%;
  height: 15rem;
  margin: 0;
  padding: 5% 0 0 5%;
  background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.5));
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  z-index: 1;
  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;
}

span.bannBoxTl:hover  {
  width: 95%;
  height: 15rem;
  margin: 0;
  padding: 5% 0 0 5%;
  background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.25));
  color: #be1e2d;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  z-index: 1;
  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;
}

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

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

.colListFD {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  background: #be1e2d;
  position: relative;
  float: left;
  -webkit-margin-start: 0.5%;
}

.colListFD ul  {
  list-style-type: none;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  display: inline;
  position: relative;
  float: none;
}

.colListFD li {
  margin: 0;
  padding: 0;
  display: inline;
}

.dateFD {
  width: 25%;
  height: 48px;
  margin: 0 0 0 3%;
  padding: 10px 1% 10px 1%;
  background: #808080;
  border-bottom: none;
  text-decoration: none;
  text-align: center;
	font-weight: 400;
  font-size: 18px;
  line-height: 1.0;
  position: relative;
  float: left;
}

.eventFD  {
  width: 63%;
  height: 48px;
  margin: 0 3% 0 0;
  padding: 10px 2% 10px 2%;
  background: #000000;
  border-bottom: none;
  text-decoration: none;
  text-align: left;
	color: #c2c2c2;
  font-size: 14px;
  line-height: 1.0;
  overflow: hidden;
  position: relative;
  float: left;
}

.gallFDBox  {
  width: 92%;
  height: auto;
  margin: 0 4% 50px 4%;
  padding: 15px 0 0 0;
  color: #ffffff;
  position: relative;
  float: left;
}

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

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

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

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

.boxTlFDGall  {
  width: 90%;
  height: 100px;
  margin: 0;
  padding: 5% 5% 5% 5%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  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;
}

.boxTlFDGall:hover  {
  width: 90%;
  height: 100px;
  margin: 0;
  padding: 5% 5% 5% 5%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.25));
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  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;
}


/*Styles for About, About-Page*/

.columnA  {
  width: 100%;
  height: auto;
  margin: 3.5% 0 7% 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

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

.colTeam ul  {
  list-style-type: none;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  display: block;
  position: relative;
  float: none;
}

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

.teamThumb {
  width: 23.5%;
  height: 64px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #808080;
  overflow: hidden;
  position: relative;
  float: left;
}

.teamThumbBott {
  width: 23.5%;
  height: 70px;
  margin: 0;
  padding: 0;
  border-bottom: none;
  overflow: hidden;
  position: relative;
  float: left;
}

.teamtImg {
  width: 23.5%;
  height: 70px;
  margin: 0;
  padding: 0;
}

.teamTl  {
  width: 265px;
  height: 30px;
  margin: 0 0 20px 0;
  padding: 10px;
  background: #ffffff;
  border-bottom: 1px solid #d7d7d7;
  text-decoration: none;
  text-align: center;
	color: #000000;
  font-size: 14px;
  position: relative;
  float: left;
}

.teamTlBott  {
  width: 265px;
  height: 30px;
  margin: 0;
  padding: 10px;
  background: #ffffff;
  border-bottom: none;
  text-decoration: none;
  text-align: left;
	color: #000000;
  font-size: 14px;
  position: relative;
  float: left;
}

.colAbout  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
}

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

.tabs ul  {
  list-style-type: none;
  height: auto;
  margin: 0;
  padding: 0;
  color: #f0f0f0;
	font-size: 12px;
  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;
}

#aboutBox1, #aboutBox2, #aboutBox3  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  font-size: 13px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.imgJF  {
  display: none;
}

.aboutBox  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  font-size: 13px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

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

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

.actTab {
  width: 30%;
  margin: 0;
  padding: 1.75% 1.625% 1.75% 1.625%;
  text-align: center;
  color: #000000;
  background: #ffffff;
}

.actTab:hover {
  width: 30%;
  margin: 0;
  padding: 1.75% 1.625% 1.75% 1.625%;
  text-align: center;
  color: #f0f0f0;
  background: #be1e2d;
  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: 30%;
  margin: 0;
  padding: 1.75% 1.625% 1.75% 1.625%;
  text-align: center;
  color: #ffffff;
  background: #808080;
}

.liTab:hover {
  width: 30%;
  margin: 0;
  padding: 1.75% 1.625% 1.75% 1.625%;
  text-align: center;
  color: #f0f0f0;
  background: #be1e2d;
  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;
}

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

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

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

.profileImg {
  width: 30%;
  height: auto;
  margin: 0 5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

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

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

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

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

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

.profileTxt {
  width: 65%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: right;
}

.profileTl  {
  text-transform: none;
  color: #be1e2d;
  font-size: 14px;
}

.profileTl:hover  {
  text-transform: none;
  color: #808080;
}

.profileTlT  {
  text-transform: none;
  color: #be1e2d;
}


/*Styles for Discography*/

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

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

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

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

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

.profileIcnD {
  width: 150px;
  height: 150px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

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

.lnkFld  {
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  bottom: 0;
  position: relative;
  float: left;
}

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

.discBtn  {
  width: 170px;
  height: auto;
  margin: 20px 0 0 0;
  padding: 10px;
  background: #be1e2d url(../images/arrowRWh.png) no-repeat;
  background-position: 150px 11px;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  bottom: 0;
  left: 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;
}

.discBtn:hover  {
  width: 170px;
  height: auto;
  margin: 20px 0 0 0;
  padding: 10px;
  background: #ffffff url(../images/arrowR.png) no-repeat;
  background-position: 150px 11px;
  color: #be1e2d;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  bottom: 0;
  left: 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;
}

.lnkBtn  {
  width: 146px;
  height: auto;
  margin: 0;
  padding: 0 10px;
  color: #808080;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  line-height: 2.5;
  border: 2px solid #808080;
  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;
}

.lnkBtn:hover  {
  width: 146px;
  height: auto;
  margin: 0;
  padding: 0 10px;
  color: #be1e2d;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  line-height: 2.5;
  border: 2px solid #be1e2d;
  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;
}

.profileDiscTxt {
  width: 300px;
  height: 300px;
  margin: 0 550px 0 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.discTl  {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.0;
  color: #be1e2d;
  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;
}

.discTl:hover  {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.0;
  color: #c1c1c1;
  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;
}

.discTxt  {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.profileFldDiscRow {
  width: 100%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.profileFldDiscRow1 {
  width: 100%;
  height: auto;
  min-height: 0;
  margin: 0 0 30px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.profileFldDiscRowBott1 {
  width: 100%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

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

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

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

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

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

.profileDiscTxtS {
  width: 90%;
  height: auto;
  min-height: 0;
  margin: 5% 10% 0 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

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

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

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

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

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

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

.addFldLnk  {
  width: 250px;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  background: 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;
}

.addFldLnk:hover  {
  width: 250px;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #be1e2d;
  text-align: left;
  text-transform: uppercase;
  background: 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;
}

.arrowBoxD {
  width: 7px;
  height: 13px;
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: -2px;
}


/*Styles for Platform*/

.blueFilter {
  width: 200%;
  height: 1000%;
  margin: 0;
  padding: 0;
  position: absolute;
  float: left;
  background: rgba(3,55,75,0.75);
  top: -50%;
  left: -50%;
}

.bgImgPFld  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: fixed;
  float: left;
  top: 0;
}

.bgImgPFld img  {
  display: block;
}

.bgImgP  {
  width: 350%;
  height: auto;
  margin: -25% 0 0 -175%;
  padding: 0;
}

#overlay {
  filter: blur(25px);
  -webkit-filter: blur(25px);
  -moz-filter: blur(25px);
  -o-filter: blur(25px);
  -ms-filter: blur(25px);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='svgMask'><feGaussianBlur stdDeviation='10' /></filter></svg>#svgMask");
}

.containerP  {
  width: 80%;
  height: auto;
  margin: 0 10%;
  padding: 0;
  position: relative;
  float: left;
}

.platformFld  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  float: left;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.65);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.65);
  box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.65);
}

.containerLnP {
  width: 95%;
  margin: 5% 0 0 0;
  padding: 0;
  line-height: 1.2;
  position: relative;
  float: right;
  right: 5%;
  bottom: 1.5vw;
}

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

.platAlbFld img  {
  display: block;
}

.platAlbImg  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
}

.playBtnImg  {
  width: 20%;
  height: auto;
  margin: 40%;
  padding: 0;
  position: absolute;
  float: left;
  display: block;
  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;
}

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


.playBtnImg:hover .visible {
  display: 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;
}

.playBtnImg .hidden  {
  display: 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;
}

.playBtnImg:hover .hidden  {
  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;
}

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

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

.platLnTop  {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 1.125rem 0;
  border-top: 1px solid #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;
}

.platLnTop:hover  {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 1.125rem 0;
  border-top: 1px solid #e4ebee;
  background: #e4ebee;
  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;
}

.platLn  {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 1.125rem 0;
  border-top: 1px solid #e4ebee;
  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;
}

.platLn:hover  {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 1.125rem 0;
  border-top: 1px solid #e4ebee;
  background: #e4ebee;
  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;
}

.playerPImg  {
  width: 130px;
  height: 40px;
  margin: 0 0 0 25px;
  padding: 0;
  position: relative;
  float: left;
}

.playerPImg img  {
  display: block;
}

.playerPIcn  {
  width: 130px;
  height: auto;
  margin: 0;
  padding: 0;
}

.playPBtnImg  {
  width: 55px;
  height: 20px;
  margin: 10px 25px 10px 0;
  padding: 0;
  position: relative;
  float: right;
}

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

.playPBtnImg:hover .visible {
  display: none;
}

.playPBtnImg .hidden  {
  display: none;
}

.playPBtnImg:hover .hidden  {
  display: inline-block;
}


/*Styles for News, NewsPage*/

.newsLBox  {
  margin: 5% 0 0 0;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0 0 2% 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    float: left;
    padding: 8px 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: none;
}

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

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

div.center {text-align: center;}

.columnAN  {
  width: 100%;
  height: auto;
  margin: 3.25% 0 2% 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.boxAN  {
  width: 100%;
  height: auto;
  margin: 0 0 2% 0;
  padding: 0;
  font-size: 14px;
  color: #000000;
  position: relative;
  float: left;
}

.newsBoxThumb  {
  width: 100%;
  height: auto;
  margin: 0 0 5% 0;
  padding: 0;
  font-size: 14px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.newsBoxThumbR  {
  width: 100%;
  height: auto;
  margin: 0 0 5% 0;
  padding: 0;
  font-size: 14px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.newsBoxThumbB  {
  width: 100%;
  height: auto;
  margin: 0 0 5% 0;
  padding: 0;
  font-size: 14px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.newsBoxThumbBR  {
  width: 100%;
  height: auto;
  margin: 0 0 5% 0;
  padding: 0;
  font-size: 14px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

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

.newsBoxATxt  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  overflow: hidden;
  font-size: 0.85rem;
  color: #000000;
  position: relative;
  float: left;
}

.newsADate {
  width: 90%;
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: #808080;
  text-align: right;
  right: 5%;
  bottom: 7.5%;
  position: absolute;
  float: right;
}

.newsADateH {
  width: 90%;
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: #808080;
  text-align: right;
  right: 4%;
  bottom: 5%;
  position: absolute;
  float: right;
}

.columnN, .columnNP  {
  width: 100%;
  height: auto;
  margin: 3.5% 0 2% 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.colAllNews  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
}

.allNewsBox  {
  width: 100%;
  height: auto;
  margin: 0 0 2% 0;
  padding: 0;
  font-size: 14px;
  color: #000000;
  position: relative;
  float: left;
}

.newsFld  {
  width: 100%;
  height: auto;
  margin: 0 0 2% 0;
  padding: 0;
  font-size: 14px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

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

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

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

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

.newsImg2L  {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
}

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

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

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

.playImgFld:hover .visible {
  display: none;
}

.playImgFld:hover .hidden  {
  display: inline-block;
}

.playImgFld .hidden {
  display: none;
}

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

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

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

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

.newsFldTxt  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  font-size: 13px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.hTlNews  {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.hSubTlNews  {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}

.newsDate {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: #808080;
  position: relative;
  float: left;
}

.newsFldB  {
  width: 35%;
  height: auto;
  margin: 0 0 0 65%;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  background: 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;
}

.newsFldB:hover  {
  width: 35%;
  height: auto;
  margin: 0 0 0 65%;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #be1e2d;
  text-align: right;
  text-transform: uppercase;
  background: 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;
}

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

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

.shareNewsIcn:hover {
  width: 30px;
  height: 30px;
  margin: 0 5px 0 0;
  padding: 0;
  opacity: 0.75;
  position: relative;
  float: left;
}

.albNFldB  {
  width: 120px;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  background: none;
  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;
}

.albNFldB:hover  {
  width: 120px;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #be1e2d;
  text-align: right;
  text-transform: uppercase;
  background: none;
  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;
}

.colRelNewsBox  {
  display: none;
}

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

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

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

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

.nBoxTl {
  width: 90%;
  height: 7.5rem;
  margin: 0;
  padding: 5%;
  background: #ffffff;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  line-height: 1.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;
}

.nBoxTl:hover  {
  width: 90%;
  height: 7.5rem;
  margin: 0;
  padding: 5%;
  background: #808080;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.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;
}

.quoteNews  {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-style: italic;
  font-weight: 300;
  color: #808080;
  text-align: center;
}

.author  {
  font-size: 14px;
}


/*Styles for Gallery*/

.columnG  {
  width: 100%;
  height: auto;
  margin: 3.5% 0 5% 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.columnGR  {
  width: 100%;
  height: auto;
  margin: 20% 0 5% 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.columnGRLog  {
  width: 100%;
  height: auto;
  margin: 17.5% 0 5% 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.colGallery  {
  width: 100%;
  height: auto;
  margin: 0 0 1% 0;
  padding: 0;
  background: #ffffff;
  position: relative;
  float: left;
}

.allGallBox  {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 4%;
  font-size: 14px;
  color: #000000;
  position: relative;
  float: left;
}

.allGallBoxAlb  {
  width: 87.5%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 4% 0 4% 0;
  font-size: 14px;
  color: #000000;
  text-align: center;
  position: relative;
  float: none;
}

.gallFld  {
  width: 100%;
  height: auto;
  margin: 0 0 1% 0;
  padding: 0;
  font-size: 13px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.gallFldR  {
  width: 100%;
  height: auto;
  margin: 0 0 1% 0;
  padding: 0;
  font-size: 13px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.gallFldB  {
  width: 100%;
  height: auto;
  margin: 0 0 1% 0;
  padding: 0;
  font-size: 13px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.gallFldBR  {
  width: 100%;
  height: auto;
  margin: 0 0 1% 0;
  padding: 0;
  font-size: 13px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.gallFldTxt  {
  width: 100%;
  height: 65px;
  margin: 10px 0 10px 0;
  padding: 0;
  line-height: 1.2;
  overflow: hidden;
  font-size: 13px;
  color: #000000;
  position: relative;
  float: left;
}

.gallFldTxt:hover  {
  width: 100%;
  height: 65px;
  margin: 10px 0 10px 0;
  padding: 0;
  line-height: 1.2;
  overflow: hidden;
  font-size: 13px;
  color: #be1e2d;
  position: relative;
  float: left;
}

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

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


/*Styles for Gallery-Album*/

.columnGAlb  {
  width: 100%;
  height: auto;
  margin: 3% 0 0 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.colGalleryAlb  {
  width: 100%;
  height: auto;
  margin: 0 0 5% 0;
  padding: 0 0 5% 0;
  background: #ffffff;
  position: relative;
  float: left;
}

.gallAlbTl  {
  width: 100%;
  margin: 0 0 5% 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.0;
  text-align: left;
  position: relative;
  float: left;
}

.gallDate {
  width: 100%;
  margin: 5px 3% 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: #808080;
  position: relative;
  float: left;
  -webkit-margin-end: 4%;
}

.albFldB  {
  width: 60%;
  height: auto;
  margin: 0 0 0 40%;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  background: 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;
}

.albFldB:hover  {
  width: 60%;
  height: auto;
  margin: 0 0 0 40%;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #be1e2d;
  text-align: right;
  text-transform: uppercase;
  background: 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;
}


.popup-gallery {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  z-index: 1;
}

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

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


/*Styles for Contact*/

.contBoxL  {
  width: 92%;
  height: auto;
  margin: 4%;
  padding: 0;
  font-size: 14px;
  color: #000000;
  border: 1px solid #000000;
  position: relative;
  float: left;
  -webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,1);
  -moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,1);
  box-shadow: 5px 5px 0px 0px rgba(0,0,0,1);
}

.contBoxR  {
  width: 92%;
  height: auto;
  margin: 4% 4% 0 4%;
  padding: 0;
  font-size: 14px;
  color: #000000;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
  -webkit-box-shadow: 5px 5px 0px 0px rgba(190,30,45,1);
  -moz-box-shadow: 5px 5px 0px 0px rgba(190,30,45,1);
  box-shadow: 5px 5px 0px 0px rgba(190,30,45,1);
}

.contBoxNewsLetter  {
  width: 92%;
  height: auto;
  margin: 4%;
  padding: 0;
  font-size: 14px;
  color: #000000;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
  -webkit-box-shadow: 5px 5px 0px 0px rgba(190,30,45,1);
  -moz-box-shadow: 5px 5px 0px 0px rgba(190,30,45,1);
  box-shadow: 5px 5px 0px 0px rgba(190,30,45,1);
}

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

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

.contBox  {
  width: 380px;
  height: auto;
  margin: 40px 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #000000;
  position: relative;
  float: left;
}

.columnC  {
  width: 100%;
  height: auto;
  margin: 0 0 5% 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.contTl {
  margin: 0 0 20px 0;
  padding: 0;
}

.colCont  {
  width: 100%;
  height: auto;
  margin: -5px 0 0 0;
  padding: 0;
  background: #ffffff;
  position: relative;
  float: left;
}

.colContNewsLetter  {
  width: 100%;
  height: auto;
  margin: -5px 0 0 0;
  padding: 0;
  background: #ffffff;
  position: relative;
  float: left;
}

.contFldTxt  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  font-size: 14px;
  color: #000000;
  position: relative;
  float: left;
}

.hTlCont  {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

.logoCont {
  width: 122px;
  height: 28px;
  margin: 0 0 10px 0;
  padding: 0;
}

#contForm {
  width: 90%;
  height: auto;
  margin: 5%;
  padding: 0;
  position: relative;
  float: right;
}

input.nameCB  {
  width: 91.25%;
  height: 20px;
  margin: 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #000000;
  position: relative;
  float: left;
}

input.emailCB  {
  width: 91.25%;
  height: 20px;
  margin: 5px 0 0 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #000000;
  position: relative;
  float: left;
}

textarea.textMCB  {
  width: 91.25%;
  height: 100px;
  margin: 5px 0 0 0;
  padding: 10px;
  font-size: 14px;
  font-family: 'Ubuntu', sans-serif;
  color: #000000;
  font-weight: 300;
  border-radius: 0;
  border: 1px solid #000000;
  resize: none;
  position: relative;
  float: left;
}

input.nameC  {
  width: 91.25%;
  height: 20px;
  margin: 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.emailC  {
  width: 91.25%;
  height: 20px;
  margin: 5px 0 0 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

textarea.textMC  {
  width: 91.25%;
  height: 100px;
  margin: 5px 0 0 0;
  padding: 10px;
  font-size: 14px;
  font-family: 'Ubuntu', sans-serif;
  color: #000000;
  font-weight: 300;
  border-radius: 0;
  border: 1px solid #be1e2d;
  resize: none;
  position: relative;
  float: left;
}

.submitBtnCB  {
  width: 100px;
  height: 35px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #000000;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  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;
}

.submitBtnCB:hover  {
  width: 100px;
  height: 35px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #be1e2d;
  color: #000000;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  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  {
  width: 100px;
  height: 35px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #be1e2d;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  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: 100px;
  height: 35px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #000000;
  color: #be1e2d;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  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;
}

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


/*Styles for Online-Shop-Home, Online-Shop-Page-Grid/List*/

.columnS  {
  width: 100%;
  height: auto;
  margin: 20px 0 20px 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.colAllShp  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
}

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

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

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

.carousel {
  display: none;
}

.carouselRes {
  display: block;
  width: 100%;
  height: auto;
  margin: -20px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.cIcn {
  width: 285px;
  height: auto;
  margin: 0 0 0 7.5px;
  padding: 0;
}

.cIcnC {
  display: none;
}

.columnBoxShop {
  display: none;
}

.columnBoxShopBB {
  display: none;
}

.columnBoxShopDelivery {
  width: 100%;
  height: 9.35vw;
  margin: 30px 0 -15px 0;
  padding: 0;
  background: #fedb00;
  position: relative;
  float: left;
  -webkit-padding-after: 0.35vw;
}

.columnBoxShopSale {
  width: 100%;
  height: 9.35vw;
  margin: 5rem 0 0 0;
  padding: 0;
  background: #f26228;
  position: relative;
  float: left;
  -webkit-padding-after: 0.35vw;
}

.allSaleIcn  {
  width: 50%;
  height: auto;
  margin: 0 25% 0 25%;
  padding: 0;
}

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

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

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

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

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

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

select.dropDownL, select.dropDownR  {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: none;
  border: 1px solid #be1e2d;
  margin: 0 0 5px 0;
  padding: 1% 4% 1% 4%;
  width: 100%;
  height: 30px;
  color: #454545;
  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 #000000;
  color: #000000;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.colCategory {
  display: none;
}

.colCategory ul  {
  display: none;
}

.colCategory li {
  display: none;
}

li.lineB  {
  display: none;
}

ul.subListCat {
  display: none;
}

ul.subListCat li {
  display: none;
}

.shopBox01  {
  width: 100%;
  height: 150vw;
  margin: 0 0 3% 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.shopBox02, .shopBox03  {
  width: 100%;
  height: 150vw;
  margin: 0 0 3% 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.shopBox04  {
  width: 100%;
  height: 150vw;
  margin: 0 0 3% 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

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

.shopBoxImgC {
  display: none;
}

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

.shopBoxIcnC {
  display: none;
}

.shopBoxTag {
  margin: 15px 0 0 0;
  padding: 6px;
  background: #f26228;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  right: 0;
  top: 0;
  position: absolute;
}

.shopBoxTl {
  width: 92%;
  height: 140px;
  margin: 0;
  padding: 4%;
  background: #ffffff;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  border-top: 5px solid #be1e2d;
  position: relative;
  float: left;
}

.shopBoxTlC {
  display: none;
}

.shopBoxTlAll {
  width: 92%;
  height: 48vw;
  margin: -5px 0 0 0;
  padding: 4%;
  background: #ffffff;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  border-top: 5px solid #be1e2d;
  position: relative;
  float: left;
}

.shopBoxTl p {
  line-height: 1.2;
}

.price {
  width: 83.25%;
  margin: 0;
  padding: 0;
  font-weight: 500;
  bottom: 60px;
  position: absolute;
  float: left;
}

.priceL {
  width: 63.25%;
  margin: 0;
  padding: 0;
  font-weight: 500;
  bottom: 65px;
  position: absolute;
  float: left;
}

.priceG {
  width: 63.25%;
  margin: 0;
  padding: 0;
  font-weight: 500;
  bottom: 26vw;
  position: absolute;
  float: left;
}

.priceList {
  width: 75%;
  margin: 0.75rem 0 0 0;
  padding: 0;
  font-weight: 500;
  bottom: 0;
  position: relative;
  float: left;
}

.year {
  margin: 0 0 0 5px;
  padding: 0;
  font-size: 12px;
  font-weight: 4400;
  color: #808080;
  float: none;
}

.yearR {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #808080;
  position: relative;
  float: left;
}

.sale {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #808080;
  text-decoration: line-through;
  float: right;
}

.realDisc {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  line-height: 2.0;
}

.realDiscP {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  line-height: 2.0;
}

.format {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  color: #808080;
}

.release {
  width: 83.25%;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  bottom: 20px;
  position: absolute;
  float: left;
}

.releaseG {
  width: 92%;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  bottom: 15vw;
  position: absolute;
  float: left;
}

.releaseL {
  width: 83.25%;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  bottom: 15px;
  position: absolute;
  float: left;
}

.releaseList {
  display: none;
}

.releaseListR {
  display: block;
  width: 95%;
  height: auto;
  margin: 9.25vw 0 0 5%;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
  float: left;
}

.shopBtn  {
  width: auto;
  height: 35px;
  margin: 0;
  padding: 5px 4% 5px 4%;
  background: #be1e2d;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: absolute;
  bottom: 2.75vw;
  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: auto;
  height: 35px;
  margin: 0;
  padding: 5px 4% 5px 4%;
  background: #ffffff;
  color: #be1e2d;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: absolute;
  bottom: 2.75vw;
  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;
}

.shopBtnH  {
  width: auto;
  height: 35px;
  margin: 0;
  padding: 5px 4% 5px 4%;
  background: #be1e2d;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  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;
}

.shopBtnH:hover  {
  width: auto;
  height: 35px;
  margin: 0;
  padding: 5px 4% 5px 4%;
  background: #ffffff;
  color: #be1e2d;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  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;
}

.shopBtnLst  {
  width: auto;
  height: auto;
  margin: 0;
  padding: 2.5%;
  background: #be1e2d;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 15px;
  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;
}

.shopBtnLst:hover  {
  width: auto;
  height: auto;
  margin: 0;
  padding: 2.5%;
  background: #ffffff;
  color: #be1e2d;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: absolute;
  bottom: 15px;
  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;
}

.filter {
  width: 97%;
  height: auto;
  margin: 30px 0 10px 0;
  padding: 12px 1.5% 8px 1.5%;
  font-size: 16px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

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

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

.filterTypeTl {
  width: 50%;
  margin: 6px 5% 20px 2%;
  padding: 0;
  vertical-align: 0;
  position: relative;
  float: left;
}

.filterCatTl {
  width: 40%;
  margin: 8px 0 0 0;
  padding: 0;
  vertical-align: 0;
  position: relative;
  float: left;
}

.filterIcn {
  width: 36px;
  height: auto;
  margin: 0 2% 10px 0;
  padding: 0;
  position: relative;
  float: right;
}

.dropDown {
  width: 55.5%;
  height: 36px;
  margin: 0 2% 5px 0;
  padding: 0 0 0 10px;
  border-radius: 0;
  border: 1px solid #c1c1c1;
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a;
  outline: none;
  position: relative;
  float: right;
}

select  {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #be1e2d;
  padding: 0 0 0 10px;
  width: 55.5%;
  height: 36px;
  cursor: pointer;
  background: #ffffff url(../images/dropDownArrow.png) no-repeat right center;
  background-position: 92.5% 15px;
}

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

.searchTabsTxt  {
  width: 100%;
  margin: 3px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.searchTabs  {
  margin: 10px 10px 0 0;
  padding: 5px 10px 5px 10px;
  font-size: 12px;
  color: #ffffff;
  background: #be1e2d;
  position: relative;
  float: left;
}

.clsTab  {
  margin: -2px 0 0 10px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  float: right;
}

.shopList  {
  width: 100%;
  height: auto;
  min-height: 15rem;
  margin: 0 0 10px 0;
  padding: 0;
  background: #ffffff;
  overflow: hidden;
  position: relative;
  float: left;
}

.shopListB  {
  width: 100%;
  height: 255px;
  margin: 0 0 40px 0;
  padding: 0;
  background: #ffffff;
  overflow: hidden;
  position: relative;
  float: left;
}

.basketListB  {
  width: 100%;
  height: 255px;
  margin: 0 0 40px 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  float: left;
}

.shopListImg {
  width: 40%;
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

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

.shopListTag {
  width: 35%;
  margin: 40% 0 0 0;
  padding: 2.5%;
  background: #f26228;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  left: 0;
  top: 0;
  position: absolute;
}

.shopListTl  {
  width: 50%;
  height: 8.25rem;
  margin: 0;
  padding: 5px 5%;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  position: relative;
  float: left;
}

.shopListPr  {
  width: 35%;
  height: 0.35rem;
  margin: 0 60% 0 0;
  padding: 0 2.5%;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  position: relative;
  float: left;
}

.shopListTlE  {
  width: 100%;
  height: auto;
  margin: 116px 0 0 0;
  padding: 0;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  position: relative;
  float: left;
}

.basketListTlE  {
  width: 100%;
  height: auto;
  margin: 136px 0 0 0;
  padding: 0;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  position: relative;
  float: left;
}

.shopListTl p  {
  line-height: 1.2;
}

.shopBoxB  {
  display: block;
  width: 35%;
  height: auto;
  margin: 0 0 0 65%;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  background: 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;
}

.shopBoxB:hover  {
  display: block;
  width: 35%;
  height: auto;
  margin: 0 0 0 65%;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #be1e2d;
  text-align: right;
  text-transform: uppercase;
  background: 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;
}

#shopListAdd, #shopListAdd1, #shopListAdd2   {
  display: block;
  margin: -18px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}


/*Styles for Product*/

.productFld  {
  width: 90%;
  height: auto;
  margin: 20px 0;
  padding: 5%;
  font-size: 16px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

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

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

.productBoxTag, .productBoxTagS {
  width: auto;
  margin: 25px 0 0 0;
  padding: 5px 10px 5px 10px;
  background: #f26228;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  display: block;
  left: 0;
  top: 0;
  position: absolute;
}

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

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

.productBoxTxt  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 5px 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.0;
  border-bottom: 1px solid #f0f0f0;
}

.priceProduct {
  width: 100%;
  margin: 0;
  padding: 15px 0 5px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.0;
}

.saleProduct {
  margin: 6px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #808080;
  text-decoration: line-through;
  float: right;
}

.releaseProduct {
  width: 100%;
  margin: 6px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: #808080;
}

.productBoxSubTxt  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0 15px 0;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  border-bottom: 1px solid #f0f0f0;
}

.productBoxBasket  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 35px 0 50px 0;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
}

.productFldBasket  {
  width: 100%;
  height: auto;
  margin: 15px 0 35px 0;
  padding: 0;
  position: relative;
  float: left;
}

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

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

.pChLn  {
  width: 35px;
  height: 35px;
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.circle {
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #cbcbcb;
  display: inline-block;
  position: relative;
  float: left;
}

.circleH {
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 5px 5px 15px 5px;
  background: url(../images/checkS.png) no-repeat;
  background-position: 5px bottom;
  display: block;
  opacity: 0;
  z-index: 1;
  position: absolute;
  float: left;
}

.circleH:hover {
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 5px 5px 15px 5px;
  background: url(../images/checkS.png) no-repeat;
  background-position: 5px bottom;
  display: block;
  opacity: 1;
  z-index: 1;
  position: absolute;
  float: left;
}

.circleS {
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 5px 5px 15px 5px;
  background: url(../images/checkS.png) no-repeat;
  background-position: 5px bottom;
  display: block;
  opacity: 1;
  z-index: 1;
  position: absolute;
  float: left;
}

.size  {
  width: 10px;
  height: 25px;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
  display: inline-block;
  position: relative;
  float: left;
}

.sizeH {
  width: 10px;
  height: 25px;
  margin: 0;
  padding: 5px 5px 10px 5px;
  background: url(../images/checkS.png) no-repeat;
  background-position: 0 bottom;
  display: block;
  opacity: 0;
  z-index: 1;
  position: absolute;
  float: left;
}

.sizeH:hover {
  width: 10px;
  height: 25px;
  margin: 0;
  padding: 5px 5px 10px 5px;
  background: url(../images/checkS.png) no-repeat;
  background-position: 0 bottom;
  display: block;
  opacity: 1;
  z-index: 1;
  position: absolute;
  float: left;
}

.sizeS {
  width: 10px;
  height: 25px;
  margin: 0;
  padding: 5px 5px 10px 5px;
  background: url(../images/checkS.png) no-repeat;
  background-position: 0 bottom;
  display: block;
  opacity: 1;
  z-index: 1;
  position: absolute;
  float: left;
}

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

.productBtn  {
  width: auto;
  height: 32px;
  margin: 4px 0 0 0;
  padding: 2% 5% 2% 5%;
  background: #be1e2d;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  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;
}

.productBtn:hover  {
  width: auto;
  height: 32px;
  margin: 4px 0 0 0;
  padding: 2% 5% 2% 5%;
  background: #ffffff;
  color: #be1e2d;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  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;
}

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

input.quantity {
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  color: #808080;
  font-size: 16px;
  text-align: center;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border-radius: 0;
  border: none;
  background: transparent;
  cursor: text;
  position: relative;
  float: left;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input.quantity:hover {
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  color: #000000;
  border-radius: 0;
  border: none;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.quanBox  {
  width: 106px;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.0;
  text-align: center;
  color: #808080;
  border: 1px solid #cbcbcb;
  position: relative;
  float: right;
}

.quanTl  {
  width: 106px;
  margin: -20px 0 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.0;
  text-align: center;
  color: #808080;
  position: relative;
  float: left;
}

.minus  {
  width: 34px;
  height: 30px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #808080;
  border-right: 1px solid #cbcbcb;
  font-size: 22px;
  text-align: center;
  position: relative;
  float: left;
}

.minus:hover  {
  width: 34px;
  height: 30px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #be1e2d;
  border-right: 1px solid #cbcbcb;
  font-size: 22px;
  text-align: center;
  position: relative;
  float: left;
}

.plus  {
  width: 34px;
  height: 30px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #808080;
  border-left: 1px solid #cbcbcb;
  font-size: 22px;
  text-align: center;
  position: relative;
  float: left;
}

.plus:hover  {
  width: 34px;
  height: 30px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #be1e2d;
  border-left: 1px solid #cbcbcb;
  font-size: 22px;
  text-align: center;
  position: relative;
  float: left;
}

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

.shareIcn {
  width: 35px;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  float: right;
}

.shareIcn:hover {
  width: 35px;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  opacity: 0.75;
  position: relative;
  float: right;
}

.tracks {
  display: none;

}

.trackL  {
  display: none;
}

.trackBtn  {
  display: none;
}

.trackBtn:hover  {
  display: none;
}

#trackList {
  display: none;
}

#trackList ul  {
  display: none;
}

#trackList li {
  display: none;
}

#trackList li.lineB  {
  display: none;
}

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

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

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

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

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

.shopBoxTlCExt {
  width: 90%;
  height: 150px;
  margin: 0;
  padding: 5%;
  background: #ffffff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.0;
  border-top: 5px solid #be1e2d;
  position: relative;
  float: left;
}

.priceExt {
  width: 90%;
  margin: 0;
  padding: 0;
  bottom: 65px;
  position: absolute;
  float: left;
}

.priceExt1 {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #000;
  position: relative;
  float: left;
}

.formatExt {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #808080;
}

.formatExt1 {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color: #6b6b6b;
  position: relative;
  float: right;
}

.releaseExt {
  width: 90%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  bottom: 20px;
  position: absolute;
  float: left;
}

.shopBoxImgCExt {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 0 -5px 0;
  padding: 0;
}

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

.tagExt  {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 2%;
  background: rgba(255, 255, 255, 0.85);
  color: #000;
  bottom: -0.5%;
  position: absolute;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.cIcnCExt1:hover .tagExt  {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 2%;
  background: rgba(255, 255, 255, 1.0);
  color: #000;
  bottom: -0.5%;
  position: absolute;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.cIcnCExtM1:hover .tagExt  {
  width: 96%;
  height: auto;
  margin: 0;
  padding: 2%;
  background: rgba(255, 255, 255, 1.0);
  color: #000;
  bottom: -0.5%;
  position: absolute;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}


/*Styles for Basket*/

.columnB  {
  width: 100%;
  height: auto;
  margin: 20px 0 20px 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
  -webkit-transform: translateZ(0);
}

.colAllB  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  color: #ffffff;
  position: relative;
  float: left;
}

.allBasketBox {
  width: 100%;
  height: auto;
  margin: 40px 0 0 0;
  padding: 0;
  font-size: 16px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.allBasketBoxLog  {
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 16px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

.allBasketFld  {
  width: 92%;
  height: auto;
  margin: 0;
  padding: 4%;
  font-size: 14px;
  color: #000000;
  position: relative;
  float: left;
}

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

.stepPre {
  width: 19%;
  height: 6px;
  margin: 0 0.5% 0 0.5%;
  padding: 0;
  background: #808080;
  position: relative;
  float: left;
}

.stepActiv {
  width: 19%;
  height: 6px;
  margin: 0 0.5% 0 0.5%;
  padding: 0;
  background: #be1e2d;
  position: relative;
  float: left;
}

.stepActivConfirm {
  width: 19%;
  height: 6px;
  margin: 0 0.5% 0 0.5%;
  padding: 0;
  background: #7cbe1e;
  position: relative;
  float: left;
}

.stepNext {
  width: 19%;
  height: 6px;
  margin: 0 0.5% 0 0.5%;
  padding: 0;
  background: #d7d7d7;
  position: relative;
  float: left;
}

.stepImg  {
  width: 100%;
  height: 20px;
  margin: 10px 6px 0 0;
  padding: 0;
  position: relative;
  float: left;
}

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

.stepText {
  display: none;
}

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

.basketBoxTl  {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #000000;
  line-height: 1.0;
}

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

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

.bskPriceTl  {
  width: 23%;
  height: auto;
  margin: 0 0 11px 2%;
  padding: 0;
  text-align: left;
  position: relative;
  float: left;
}

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

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

.basketBoxImgSumm  {
  width: 35%;
  height: auto;
  margin: 0 62.5% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

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

.itemTl  {
  font-weight: 700;
  color: #be1e2d;
}

.itemTl:hover  {
  font-weight: 700;
  color: #808080;
}

.itemTxt  {
  display: none;
}

.itemTxtRes  {
  display: block;
  width: 76%;
  height: auto;
  margin: 0 24% 0 0;
  padding: 0;
  line-height: 1.0;
  position: relative;
  float: left;
}

.edit {
  width: auto;
  height: auto;
  margin: 10px 0 0 0;
  padding: 1% 2% 1% 2%;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #be1e2d;
  background: #ffffff;
  border: 1px solid #be1e2d;
  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: auto;
  height: auto;
  margin: 10px 0 0 0;
  padding: 1% 2% 1% 2%;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: #be1e2d;
  border: 1px solid #be1e2d;
  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: auto;
  height: auto;
  margin: 10px 0 0 5px;
  padding: 1% 2% 1% 2%;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #be1e2d;
  background: #ffffff;
  border: 1px solid #be1e2d;
  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: auto;
  height: auto;
  margin: 10px 0 0 5px;
  padding: 1% 2% 1% 2%;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: #be1e2d;
  border: 1px solid #be1e2d;
  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: 20%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  float: left;
}

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

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

.totalNo  {
  width: 25%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  position: relative;
  float: left;
}

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

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

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

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

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

.checkFld  {
  width: 67.5%;
  height: auto;
  margin: 0 4% 0 0;
  padding: 0 0 20px 0;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  float: right;
}

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

.continueBtn  {
  width: auto;
  height: auto;
  margin: 0 0 0 4%;
  padding: 2%;
  background: #ffffff;
  color: #be1e2d;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: relative;
  float: left;
  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;
}

.continueBtn:hover  {
  width: auto;
  height: auto;
  margin: 0 0 0 4%;
  padding: 2%;
  background: #be1e2d;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: relative;
  float: left;
  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;
}

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

.payBtnP  {
  width: 70%;
  height: auto;
  margin: 10px 12.5%;
  padding: 2.25%;
  background: #fff;
  color: #be1e2d;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: relative;
  float: left;
  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;
}

.payBtnP:hover  {
  width: 70%;
  height: auto;
  margin: 10px 12.5%;
  padding: 2.25%;
  background: #be1e2d;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: relative;
  float: left;
  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;
}

.payBtnC  {
  width: 70%;
  height: auto;
  margin: 10px 12.5%;
  padding: 2.25%;
  background: #fff;
  color: #be1e2d;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: relative;
  float: left;
  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;
}

.payBtnC:hover  {
  width: 70%;
  height: auto;
  margin: 10px 12.5%;
  padding: 2.25%;
  background: #be1e2d;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: relative;
  float: left;
  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;
}

.checkFldCoup  {
  width: 92%;
  height: auto;
  margin: 10px 4% 10px 4%;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #be1e2d;
  position: relative;
  float: left;
}

.couponTl {
  width: auto;
  height: auto;
  margin: 6px 0 10px 0;
  padding: 0;
  color: #be1e2d;
  text-transform: uppercase;
	font-weight: 500;
  font-size: 13px;
  text-align: left;
  position: relative;
  float: left;
}

.coupon {
  width: 65px;
  height: 15px;
  margin: 0 0 10px 0;
  padding: 5px 10px 5px 10px;
  color: #be1e2d;
  text-align: center;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
  font-size: 12px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
  left: 3.5%;
}

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

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

.postFld  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px 0;
  position: relative;
  float: right;
}

.postFldCh  {
  width: 235px;
  height: auto;
  margin: 0 0 0 125px;
  padding: 5px 0;
  position: relative;
  float: left;
}

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

.postArrIcn  {
  width: 6px;
  height: 12px;
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: -1px;
}

.postArrChIcn  {
  width: 6px;
  height: 12px;
  margin: 0 0 0 5px;
  padding: 0;
  vertical-align: -1px;
}

.postBtn  {
  width: 47.5%;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #be1e2d;
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  border:none;
  cursor: pointer;
  position: relative;
  float: left;
  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;
}

.postBtn:hover  {
  width: 47.5%;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #be1e2d;
  text-align: right;
  text-decoration: underline;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  border:none;
  cursor: pointer;
  position: relative;
  float: left;
  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;
}

.postBtnCh  {
  width: 130px;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  background: transparent;
  color: #be1e2d;
  text-align: right;
  text-decoration: none;
  text-transform: normal;
  line-height: 0.25;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 16px;
  border-radius: 0;
  border:none;
  cursor: pointer;
  position: relative;
  float: left;
  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;
}

.postBtnCh:hover  {
  width: 130px;
  height: auto;
  margin: 5px 0 0 0;
  padding: 0;
  background: transparent;
  color: #be1e2d;
  text-align: right;
  text-decoration: underline;
  text-transform: normal;
  line-height: 0.25;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 16px;
  border-radius: 0;
  border:none;
  cursor: pointer;
  position: relative;
  float: left;
  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;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 50vw;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  width: 80%;
  margin: auto;
  padding: 10% 5%;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  background-color: #fff;
  text-transform: none;
}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: 300;
  margin-top: -30px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.processBtn  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 2%;
  background: #be1e2d;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: relative;
  float: left;
  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  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 2%;
  background: #ffffff;
  color: #be1e2d;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 12px;
  border-radius: 0;
  border: 2px solid #be1e2d;
  cursor: pointer;
  position: relative;
  float: left;
  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;
}

.basketFldB  {
  width: 295px;
  height: auto;
  margin: 20px 0 20px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  background: none;
  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;
}

.basketFldB:hover  {
  width: 295px;
  height: auto;
  margin: 20px 0 20px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #be1e2d;
  text-align: right;
  text-transform: uppercase;
  background: none;
  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, Delivery, Summary, Confirm*/

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

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

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

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

.regTl    {
  width: 100%;
  height: 40px;
  margin: 15px 0 0 0;
  padding: 0;
  color: #000000;
  position: relative;
  float: left;
}

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

input.nameCh  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.surnameCh  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.phoneCh  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.emailCh  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.passCh  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.leftBoxCh  {
  width: 90%;
  height: 20px;
  margin: 0 5% 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.rightBoxCh  {
  width: 90%;
  height: 20px;
  margin: 0 5% 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

.submitBtnCheck  {
  width: 120px;
  height: 13px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #be1e2d;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  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;
}

.submitBtnCheck:hover  {
  width: 120px;
  height: 13px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #000000;
  color: #be1e2d;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  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;
}

.colRegisterCheck  {
  width: 1100px;
  height: auto;
  margin: 0;
  padding: 50px;
  background: #ffffff;
  position: relative;
  float: left;
}

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

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

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

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

input[type=checkbox]:checked + label:before {
  border: 1px solid #bf2026;
  background:  url(../images/checkReg.png) no-repeat;
  background-size: 10px 10px;
  background-position: 1px 1px;
  width: 12px;
  height: 12px;
}

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

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

.summFld  {
  display: none;
}

.summFldCh  {
  display: none;
}

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

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

.checkInfo  {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
}

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

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

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

.editCheck {
  width: 90%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 3% 5% 3% 5%;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #be1e2d;
  background: transparent;
  border: 1px solid #be1e2d;
  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;
}

.editCheck:hover {
  width: 90%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 3% 5% 3% 5%;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: #be1e2d;
  border: 1px solid #be1e2d;
  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;
}

.confirmCheck {
  width: 100px;
  height: auto;
  margin: 0 0 0 10px;
  padding: 4px 9px 4px 9px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: #be1e2d;
  border: 1px solid #be1e2d;
  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;
}

.confirmCheck:hover {
  width: 100px;
  height: auto;
  margin: 0 0 0 10px;
  padding: 4px 9px 4px 9px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #be1e2d;
  background: #000000;
  border: 1px solid #000000;
  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;
}

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

.summCont  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  font-size: 13px;
  font-weight: 400;
  background: #f0f0f0;
  position: relative;
  float: left;
}

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

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

.checkFldConfirm  {
  width: 72.5%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000000;
  background: #f0f0f0;
  position: relative;
  float: right;
}

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

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

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

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

.confTotalTl  {
  width: 20%;
  height: auto;
  margin: 0 0 11px 0;
  padding: 0;
  position: relative;
  float: left;
}

.itemTxtConf  {
  display: none;
}

.itemTxtConfRes  {
  display: block;
  width: 74%;
  height: auto;
  margin: 0 26% 10px 0;
  padding: 0;
  position: relative;
  float: left;
}

.quantNoS  {
  width: 20%;
  height: auto;
  margin: 0 0 0 30%;
  padding: 0;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  float: left;
}

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

.totalNoS  {
  width: 20%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  position: relative;
  float: left;
}

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

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


/*Styles for Register, Sign-In*/

.colRegister  {
  width: 90%;
  height: auto;
  margin: 0 0 50px 0;
  padding: 5%;
  background: #ffffff;
  position: relative;
  float: left;
}

#registForm {
  width: 80%;
  height: auto;
  margin: 0 20% 0 0;
  padding: 0;
  position: relative;
  float: left;
}

input.nameR  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.surnameR  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.phoneR  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.emailS  {
  width: 80%;
  height: 20px;
  margin: 0 17.5% 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.passS  {
  width: 80%;
  height: 20px;
  margin: 0 17.5% 20px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.emailR  {
  width: 90%;
  height: 20px;
  margin: 0 0 50px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.passR  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.rePassR  {
  width: 90%;
  height: 20px;
  margin: 0 0 50px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.cityR  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.addressR  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.postR  {
  width: 90%;
  height: 20px;
  margin: 0 0 10px 0;
  padding: 10px;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

select.countryR  {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: none;
  border: 1px solid #be1e2d;
  margin: 0 0 10px 0;
  padding: 10px;
  width: 77vw;
  height: 40px;
  color: #767676;
  text-align: left;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 300;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #ffffff url(../images/dropDownArrow.png) no-repeat;
  background-position: 95% 50%;
  -webkit-padding-before: 0.25em;
}

select.countryD  {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: none;
  border: 1px solid #be1e2d;
  margin: 10px 0;
  padding: 10px;
  width: 78.25vw;
  height: 40px;
  color: #767676;
  text-align: left;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 300;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  background: #ffffff url(../images/dropDownArrow.png) no-repeat;
  background-position: 95% 50%;
  -webkit-padding-before: 0.25em;
}

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

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

.checkHour, .messageDlv  {
  width: 90%;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.checkHourBox {
  display: block;
  width: 55%;
  padding-left: 25px;
  margin: 0 22.5% 10px 22.5%;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
  text-align: left;
  position: relative;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkHourBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  margin-right: 20px;
  border: 1px solid #be1e2d;
  border-radius: 0;
  box-shadow: none;
}

.checkHourBox input:checked ~ .checkmark {
  border: 1px solid #bf2026;
  background:  url(../images/checkReg.png) no-repeat;
  background-position: 1px 1px;
  width: 14px;
  height: 14px;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkHourBox input:checked ~ .checkmark:after {
  display: block;
}

textarea.boxM, textarea.boxD  {
  width: 100%;
  height: 124px;
  margin: 0 0 10px 0;
  padding: 10px;
  font-size: 14px;
  font-family: 'Ubuntu', sans-serif;
  color: #000000;
  font-weight: 300;
  border-radius: 0;
  border: 1px solid #be1e2d;
  resize: none;
}

.noteR  {
  width: 90%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  color: #be1e2d;
  text-align: left;
  text-transform: none;
  line-height: 1.5;
	font-weight: 300;
  font-size: 14px;
  position: relative;
  float: left;
}

.noteRCh  {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  color: #be1e2d;
  text-align: left;
  text-transform: none;
  line-height: 1.0;
	font-weight: 300;
  font-size: 12px;
  position: relative;
  float: left;
}

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

.noteD  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  color: #be1e2d;
  text-align: left;
  text-transform: none;
  line-height: 1.0;
	font-weight: 300;
  font-size: 12px;
  position: relative;
  float: left;
}

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

.noteCont  {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  color: #be1e2d;
  text-align: left;
  text-transform: none;
  line-height: 1.2;
	font-weight: 600;
  font-size: 12px;
  position: relative;
  float: left;
}

.noteP  {
  width: 100%;
  height: auto;
  margin: -3px 0 0 0;
  padding: 0;
  color: #be1e2d;
  text-align: left;
  text-transform: none;
  line-height: 1.0;
	font-weight: 600;
  font-size: 12px;
  position: absolute;
  float: left;
}

.noteS  {
  width: 1100px;
  height: auto;
  margin: 20px 0 0 0;
  padding: 0 0 0 20px;
  color: #be1e2d;
  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 50px 0 0;
  padding: 10px;
  background: #be1e2d;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  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 50px 0 0;
  padding: 10px;
  background: #000000;
  color: #be1e2d;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  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;
}

.submitBtnRCh  {
  width: auto;
  height: 35px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #be1e2d;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  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;
}

.submitBtnRCh:hover  {
  width: auto;
  height: 35px;
  margin: 10px 0 0 0;
  padding: 10px;
  background: #000000;
  color: #be1e2d;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
  font-size: 13px;
  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;
}

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

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

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


/*Styles for Terms*/

.termsBox  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  font-size: 14px;
  color: #000000;
  background: #ffffff;
  position: relative;
  float: left;
}

#termsTl1, #termsTl2, #termsTl3 {
  margin: -60px 0 0 0;
  padding: 60px 0 0 0;
}

.indentLn {
  text-indent: 20px;
}

.termSubTl  {
  text-transform: uppercase;
}


/*Styles for Newsletter*/

.nwsltFldTxt  {
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  font-size: 14px;
  color: #000000;
  position: relative;
  float: left;
}

.nwsltDisc  {
  margin: 0;
  padding: 5%;
  font-size: 12px;
  position: relative;
  float: left;
}

#nwsltForm {
  width: 92%;
  height: auto;
  margin: 10px 4% 10px 4%;
  padding: 0;
  position: relative;
  float: left;
}

input.emailNL  {
  width: 96%;
  height: 20px;
  margin: 0;
  padding: 2%;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}

input.nameNL  {
  width: 96%;
  height: 20px;
  margin: 5px 0 0 0;
  padding: 2%;
  color: #000000;
  text-align: left;
  line-height: 1.0;
  font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #be1e2d;
  position: relative;
  float: left;
}


.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
}


.shopBoxTagS {
  width: 20%;
  margin: 25% 0 0 0;
  padding: 5px 2.5% 5px 2.5%;
  background: #f26228;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  position: absolute;
}


/*Styles for Gramophone, GramophonePage*/

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

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

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

.grLogIcn  {
  width: 40%;
  height: auto;
  margin: 0 60% 25px 0;
  padding: 0;
  position: relative;
  float: left;
}

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

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

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

.grTl  {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.0;
  color: #be1e2d;
  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;
}

.grTl:hover  {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.0;
  color: #c1c1c1;
  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;
}

.grTxt  {
  font-size: 16px;
  font-weight: 500;
  line-height: 2.0;
  margin: 5px 0 0 0;
}

.grTxtD  {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  margin: 10px 0 0 0;
}

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

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

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

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

.gramphBoxTagS {
  width: 20%;
  margin: 5% 0 0 0;
  padding: 5px 2.5% 5px 2.5%;
  background: #f26228;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  position: absolute;
}


/*Styles for GiftPage*/

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

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

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

.gftCond  {
  line-height: 1.1;
	font-weight: 400;
  font-size: 12px;
}


/*Styles for Discography-Digital-Edition*/

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

.profileDgtPlayer  {
  width: 100%;
  height: auto;
  min-height: 0;
  margin: 25px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.platforms {
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.platL  {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.platBtn  {
  margin: 6px 0 0 0;
  padding: 0 5px 5px 5px;
  background: #ffffff;
  color: #808080;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
	font-weight: 400;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #cbcbcb;
  cursor: pointer;
  position: absolute;
  float: left;
  left: -3.5rem;
  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;
}

.platBtn:hover  {
  margin: 6px 0 0 0;
  padding: 0 5px 5px 5px;
  background: #cbcbcb;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.0;
	font-weight: 400;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #cbcbcb;
  cursor: pointer;
  position: absolute;
  float: left;
  left: -3.5rem;
  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;
}

#platList {
  width: 130px;
  height: auto;
  margin: 0 25% 0 0;
  padding: 0;
  background: #ffffff;
  position: relative;
  float: left;
}

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

#platList li {
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}

.playerImg  {
  width: 130px;
  height: 40px;
  margin: 0 25% 0 0;
  padding: 0;
  text-align: center;
  position: relative;
  float: left;
}

.playerIcn  {
  width: 130px;
  height: auto;
  margin: 0;
  padding: 0;
}


/*Styles for B2B*/

.white  {
  color: #fff;
}

.blueTxtB  {
  font-weight: 700;
  color: #1fa7d4;
  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;
}

.blueTxtB:hover  {
  font-weight: 700;
  color: #1fa7d4;
  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;
}

.bbBg {
  background: #f1f4f9;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
}

.columnBoxBBSale {
  width: 100%;
  height: 9.35vw;
  margin: 30px 0 0 0;
  padding: 0;
  background: #f6bb42;
  position: relative;
  float: left;
  -webkit-padding-after: 0.35vw;
}

.baskIcnRB  {
  display: block;
  width: auto;
  height: 25px;
  margin: 50px 0 0 0;
  padding: 0;
  opacity: 0.75;
  position: absolute;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-margin-start: 0;
}

.baskIcnRB:hover  {
  display: block;
  width: auto;
  height: 25px;
  margin: 50px 0 0 0;
  padding: 0;
  opacity: 1.0;
  position: absolute;
  float: left;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-margin-start: 0;
}

.qtyShpRB {
  display: block;
  width: 20px;
  margin: 53px 0 0 40px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 0;
  position: absolute;
  float: left;
}

.qtyShpRBB {
  display: block;
  width: 20px;
  margin: 53px 0 0 40px;
  color: #000;
  font-size: 14px;
  text-align: center;
  padding: 0;
  position: absolute;
  float: left;
}

.filterCatTlB {
  margin: 0;
  padding: 0;
  vertical-align: 12px;
}

.shopListBB  {
  width: 100%;
  height: 20.75rem;
  margin: 0 0 10px 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  position: relative;
  float: left;
}

.shopListBBL  {
  width: 100%;
  height: 20.75rem;
  margin: 0 0 40px 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  position: relative;
  float: left;
}

.shopListBBImg {
  width: 25%;
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.shopListBBIcn {
  width: 90%;
  height: auto;
  margin: 10% 0 0 10%;
  padding: 0;
}

.shopListTlBB  {
  width: 65%;
  height: auto;
  margin: 5%;
  padding: 0;
  line-height: 1.0;
  text-align: left;
  position: relative;
  float: left;
}

.pCTlBB  {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: 500;
  color: #be1e2d;
  font-size: 16px;
  line-height: 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;
}

.pCTlBB:hover  {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: 500;
  color: #c1c1c1;
  font-size: 16px;
  line-height: 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;
}

.pCTxtBB  {
  width: 100%;
  height: auto;
  font-weight: 500;
  color: #000;
  font-size: 15px;
  line-height: 1.0;
  position: relative;
  float: left;
}

.formatBB {
  width: 70%;
  height: 40px;
  margin: 0 0 5px 30%;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #808080;
  background: transparent;
  text-align: left;
  position: relative;
  float: left;
}

.priceVPBB, .priceNTBB  {
  width: 33.333%;
  height: 40px;
  margin: 15px 0;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #808080;
  text-align: center;
  position: relative;
  float: left;
}

.priceRTBB {
  width: 33.333%;
  height: 40px;
  margin: 0;
  padding: 15px 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #808080;
  background: transparent;
  text-align: center;
  position: relative;
  float: left;
}

.prBold  {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
}

.quanBB  {
  width: 112px;
  margin: 25px 5% 0 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.0;
  text-align: center;
  color: #000;
  border: 1px solid #000;
  position: relative;
  float: right;
}

.quanBBTl  {
  width: 112px;
  margin: -22px 0 0 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.0;
  text-align: center;
  color: #808080;
  position: relative;
  float: left;
}

.minusBB  {
  width: 36px;
  height: 32px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #000;
  border-right: 1px solid #000;
  font-size: 24px;
  text-align: center;
  position: relative;
  float: left;
}

.minusBB:hover  {
  width: 36px;
  height: 32px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #be1e2d;
  border-right: 1px solid #000;
  font-size: 24px;
  text-align: center;
  position: relative;
  float: left;
}

.plusBB  {
  width: 36px;
  height: 32px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #000;
  border-left: 1px solid #000;
  font-size: 24px;
  text-align: center;
  position: relative;
  float: left;
}

.plusBB:hover  {
  width: 36px;
  height: 32px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #be1e2d;
  border-left: 1px solid #000;
  font-size: 24px;
  text-align: center;
  position: relative;
  float: left;
}


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

input.quantityBB {
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 16px;
  text-align: center;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
  border-radius: 0;
  border: none;
  background: transparent;
  cursor: text;
  position: relative;
  float: left;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.priceProductBB {
  width: 100%;
  margin: 0;
  padding: 15px 0 5px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.0;
}

.priceBBTl  {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.0;
}

.productBoxTlBB {
  width: 100%;
  height: auto;
  margin: 10px 0;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.0;
}

.productBoxTxtBB  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 10px 0;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 1.0;
  border-bottom: 1px solid #f0f0f0;
}

.productBoxTxtBB1  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1.0;
}

.priceTableBB {
  width: 99%;
  height: 55px;
  margin: 20px 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.0;
  border: 1px solid #000;
}

.tableColL {
  width: 33.065%;
  height: 55px;
  margin: 0;
  padding: 0;
  border-right: 1px solid #000;
  position: relative;
  float: left;
}

.tableColM {
  width: 33.065%;
  height: 55px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

.tableColR {
  width: 33.065%;
  height: 55px;
  margin: 0;
  padding: 0;
  border-left: 1px solid #000;
  position: relative;
  float: left;
}

.tableTl  {
  width: 96%;
  height: 27px;
  margin: 0;
  padding: 0 2%;
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  border-bottom: 1px solid #000;
  position: relative;
  float: left;
}

.tablePrice  {
  width: 96%;
  height: 28px;
  margin: 0;
  padding: 0 2%;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  position: relative;
  float: left;
}

.productBoxSubTxtBB  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 10px 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
  border-bottom: 1px solid #f0f0f0;
}

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

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

.codeNo  {
  width: 120px;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  float: left;
}

.tracksBB {
  display: none;
}

.trackLBB  {
  display: none;
}

.trackBtnBB  {
  display: none;
}

.trackBtnBB:hover  {
  display: none;
}

#trackListBB {
  display: none;
}

#trackListBB ul  {
  display: none;
}

#trackListBB li {
  display: none;
}

#trackListBB li.lineB  {
  display: none;
}

.quanBoxBB  {
  width: 112px;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.0;
  text-align: center;
  color: #000;
  border: 1px solid #000;
  position: relative;
  float: right;
}

.quanTlBB  {
  width: 112px;
  margin: -20px 0 0 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.0;
  text-align: center;
  color: #000;
  position: relative;
  float: left;
}

.minusBB  {
  width: 36px;
  height: 32px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #000;
  border-right: 1px solid #000;
  font-size: 24px;
  text-align: center;
  position: relative;
  float: left;
}

.minusBB:hover  {
  width: 36px;
  height: 32px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #be1e2d;
  border-right: 1px solid #000;
  font-size: 24px;
  text-align: center;
  position: relative;
  float: left;
}

.plusBB  {
  width: 36px;
  height: 32px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #000;
  border-left: 1px solid #000;
  font-size: 24px;
  text-align: center;
  position: relative;
  float: left;
}

.plusBB:hover  {
  width: 36px;
  height: 32px;
  margin: 0;
  padding: 4px 0 0 0;
  color: #be1e2d;
  border-left: 1px solid #000;
  font-size: 24px;
  text-align: center;
  position: relative;
  float: left;
}


/*Styles for Gift-Card*/

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

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

.productGiftTxt  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 5px 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.0;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  float: left;
}

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

.noGft  {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 14px;
  color: #808080;
}

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

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

.pointG  {
  width: 1%;
  height: 2px;
  margin: 34px 0 0 0;
  padding: 0;
  position: relative;
  float: left;
}

.dropDownGL, .dropDownGR {
  width: 100%;
  height: 30px;
  margin: 5px 0 0 0;
  padding: 0;
  border-radius: none;
  font-size: 14px;
  font-weight: 400;
  color: #454545;
  outline: none;
  position: relative;
  float: left;
}

select.dropDownGL  {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: none;
  border: 1px solid #000;
  margin: 0 0 5px 0;
  padding: 1% 18% 1% 4%;
  width: 100%;
  height: 30px;
  color: #454545;
  text-align: right;
  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.dropDownGL { text-align-last: right; } option.dropDownGL { direction: rtl; }

select.dropDownGR  {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: none;
  border: 1px solid #000;
  margin: 0 0 5px 0;
  padding: 1% 4% 1% 4%;
  width: 100%;
  height: 30px;
  color: #454545;
  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;
}

.productBoxGift  {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px 0 5px 0;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  position: relative;
  float: left;
}

.txtGift  {
  width: 100%;
  height: auto;
  margin: 5px 0 10px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
  color: #000;
  line-height: 1.0;
  position: relative;
  float: left;
}

.txtGiftSum  {
  width: 100%;
  height: auto;
  margin: 5px 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 1.0;
  position: relative;
  float: left;
}


/*Styles for CouponPage*/

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

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

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

.onlineShpLnk {
  margin: 10px 0;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background: #f26228;
  text-transform: uppercase;
  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;
}

.onlineShpLnk:hover {
  margin: 10px 0;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background: #be1e2d;
  text-transform: uppercase;
  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;
}

}