/*--------------GLOBAL ----------*/

/*---------------------------------------------*/

section.MyContainer {
	padding-bottom: 60px;
}
.recomendations {
	display: none;
}
section.MyContainer .jcarousel-wrapper {
	border: 0px solid #fff;
	border-radius: 0px;
	box-shadow: none;
	margin: 0;
	position: relative;
	margin-bottom: 60px;
}
section.MyContainer jcarousel-pagination {
	bottom: -35px;
}

section.MyContainer .MyFloatingBox p  {
	max-width:320px;
}


@media (min-width:1024px) {
section.MyContainer .MyFloatingBox p span {
	display: inline;
}
}

@media (max-width:1023px) {
section.MyContainer .MyFloatingBox p span {
	display: block;
	
}
section.MyContainer .MyFloatingBox p  {
	max-width:761px;
}

}
section.MyContainer .jcarousel-wrapper img {
	/*margin-left: -12%;*/
	width: 100%;
}
section.MyContainer .jcarousel-control-prev {
	box-shadow: none;
	left: -25px;
}
section.MyContainer .jcarousel-control-next {
	box-shadow: none;
	right: -25px;
}
section.MyContainer .products-pagination.jcarousel-control-next, .products-pagination.jcarousel-control-prev {
	margin-top: -35px;
	top: 50%;
}

@media (max-width:1023px) {
section.MyContainer .products-pagination.jcarousel-control-next, .products-pagination.jcarousel-control-prev {
	display: none;
}
}

@media (max-width:761px) {
section.MyContainer .jcarousel-pagination {
	position: relative;
	bottom: auto;
	left: auto;
	width: 100%;
	transform: none;
	text-align: center;
}
}

section .MyHorizontalBlock {
	width: 100%;
	display: block;
	position: relative;
	background-color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
}
section.MyContainer p {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	margin: 10px 0 0;
	padding: 0;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
}

@media (max-width:761px) {
section.MyContainer p {
	font-size: 14px;
}
}
section.MyContainer h1 {
	color: #000;
	font-family: ClarinsRegular;
	font-size: 50px;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

@media (max-width:1023px) {
section.MyContainer h1 {
	font-size: 35px;
	font-weight: 400;
	line-height: 1em;
}
section.MyContainer h1 span {
	display: none;
}
}

@media (max-width:761px) {
section.MyContainer h1 {
	font-size: 35px;
	font-weight: 400;
	line-height: 1em;
}
section.MyContainer h1 span {
	display: block;
}
}
section.MyContainer h2 {
	color: #000;
	font-family: ClarinsRegular;
	font-size: 35px;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

@media (max-width:761px) {
section.MyContainer h2 {
	font-size: 25px;
}
section.MyContainer h2 span {
	display: block;
}
}
section.MyContainer h2[data-overlay-prev="true"] {
	margin-top: -0.5em;
}
section.MyContainer .MyLink a {
	color: #000;
	display: inline-block;
	border-bottom: 1px solid #eaeaea;
	line-height: 14px;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}
section.MyContainer .MyLink a:hover {
	color: #be0f34;
	border-bottom: 1px solid #be0f34;
}
section.MyContainer .MyBtnLink {
	margin: 4px;
	color: #000;
	display: inline-block;
	clear: both;
	text-decoration: none;
	border: 2px solid #eaeaea;
	line-height: 12px;
	font-size: 12px;
	padding: 22px;
	padding-top: 19px;
	padding-bottom: 19px;
	transition: all 0.2s ease-in-out;
	background-color: #FFF;
	text-transform: uppercase;
}
section.MyContainer .MyBtnLink:hover {
	border: 2px solid #eaeaea;
	color: #FFF;
	background-color: #000;
}
section.MyContainer .MyBtnLink.Black {
	border: 2px solid #eaeaea;
	color: #FFF;
	background-color: #000;
}
section.MyContainer .MyBtnLink.Black:hover {
	background-color: rgba(0,0,0,0.5);
}
section.MyContainer .MyVisual {
	margin: 0;
	padding: 0;
}
/*-----MARGIN BLOCKS ---*/

section.MyContainer article[data-m-top="20"] {
	margin-top: 20px;
}
section.MyContainer article[data-m-top="30"] {
	margin-top: 30px;
}
section.MyContainer article[data-m-top="40"] {
	margin-top: 40px;
}
section.MyContainer article[data-m-top="50"] {
	margin-top: 50px;
}
section.MyContainer article[data-m-top="60"] {
	margin-top: 60px;
}
section.MyContainer article[data-m-Bottom="20"] {
	margin-bottom: 20px;
}
section.MyContainer article[data-m-Bottom="30"] {
	margin-bottom: 30px;
}
section.MyContainer article[data-m-Bottom="40"] {
	margin-bottom: 40px;
}
section.MyContainer article[data-m-Bottom="50"] {
	margin-bottom: 50px;
}
section.MyContainer article[data-m-Bottom="60"] {
	margin-bottom: 60px;
}
section.MyContainer article *[data-m-top="20"] {
	margin-top: 20px;
}
section.MyContainer article *[data-m-top="30"] {
	margin-top: 30px;
}
section.MyContainer article *[data-m-top="40"] {
	margin-top: 40px;
}
section.MyContainer article *[data-m-top="50"] {
	margin-top: 50px;
}
section.MyContainer article *[data-m-top="60"] {
	margin-top: 60px;
}
section.MyContainer article *[data-m-Bottom="20"] {
	margin-bottom: 20px;
}
section.MyContainer article *[data-m-Bottom="30"] {
	margin-bottom: 30px;
}
section.MyContainer article *[data-m-Bottom="40"] {
	margin-bottom: 40px;
}
section.MyContainer article *[data-m-Bottom="50"] {
	margin-bottom: 50px;
}
section.MyContainer article *[data-m-Bottom="60"] {
	margin-bottom: 60px;
}
/*--------text alignment--------*/

section.MyContainer *[data-align="center"] {
	text-align: center;
}
section.MyContainer *[data-align="left"] {
	text-align: left;
}
section.MyContainer *[data-align="right"] {
	text-align: right;
}
section.MyContainer *[data-align="justify"] {
	text-align: justify;
}
article {
	width: 100%;
	display: block;
	position: relative;
	background-color: #FFFFFF;
	font-size: 0;
	text-align: center;
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
	
}
article[data-col="1"] .MyCol {
	width: calc(100% - 40px);
	display: inline-block;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	vertical-align: middle;
	max-width: 1210px;
}
article[data-col="2"] .MyCol {
	width: calc(50% - 40px);
	display: inline-block;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	vertical-align: middle;
	max-width: 545px;
}

@media (max-width:761px) {
article[data-col="2"] .MyCol {
	width: calc(100% - 40px);
	margin-top: 20px;
	margin-bottom: 20px;
}
article[data-col="2"] .MyCol:first-child {
	margin-top: 0px;
}
article[data-col="2"] .MyCol:last-child {
	margin-bottom: 0px;
}
}
article[data-col="3"] .MyCol {
	width: calc(33.33% - 40px);
	display: inline-block;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	vertical-align: middle;
	max-width: 376px;
}
article[data-col="3"] .MyCol[data-colspan="2"] {
	width: calc(66.66% - 40px);
	display: inline-block;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	vertical-align: middle;
	max-width: 793px;
	min-height:450px;
}
@media (max-width:1023px) {
article[data-col="3"] .MyCol {
	width: calc(50% - 40px);
	margin-top: 20px;
	margin-bottom: 20px;
}

}
@media (max-width:761px) {
article[data-col="3"] .MyCol {
	width: calc(100% - 40px);
	margin-top: 20px;
	margin-bottom: 20px;
}
article[data-col="3"] .MyCol:first-child {
	margin-top: 0px;
}
article[data-col="3"] .MyCol:last-child {
	margin-bottom: 0px;
}
}
/*--------------- color  ---------------------*/

section.MyContainer *[data-color="red"] {
	color: #be0f34!important;
}
section.MyContainer *[data-color="white"] {
	color: #FFF!important;
}
/*--------------- IMAGE  ---------------------*/
article img.FullWidth {
	width: 100%;
}
section.MyContainer *[data-max-size="1024"] {
	max-width: 1024px!important;
}
section.MyContainer *[data-max-size="1250"] {
	max-width: 1250px!important;
}
section.MyContainer *[data-max-size="1600"] {
	max-width: 1600px!important;
}
section.MyContainer img.FullWidthBanner {
	width: 100%;
}

@media (max-width:761px) {
section.MyContainer img.FullWidthBanner {
	width: 150%;
	margin-left: -25%;
}
}
/*---------------------------------------------*/
article.MyFullWidthBlock {
	display: block;
	position: relative;
	font-size: 0;
	text-align: center;
	width: 2000px;
	max-width: 2000px;
	margin-left: -375px;
}
article.MyFullWidthBlock img.FullWidth {
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width:1249px) {
article.MyFullWidthBlock {
	width: 100%;
	margin-left: 0;
}
article.MyFullWidthBlock img.FullWidth {
	width: 100%;
	display: block;
 min-width
}
}

@media (max-width:761px) {
article.MyFullWidthBlock {
	overflow: hidden;
}
article.MyFullWidthBlock img.FullWidth {
	width: 150%;
	margin-left: -25%;
}
article.MyFullWidthBlock img.StickToLeftForMobile.FullWidth {
	margin-left: 0%;
}
article.MyFullWidthBlock img.StickToRightForMobile.FullWidth {
	margin-left: -50%;
}
}
section.MyContainer .MyFloatingBox {
	padding: 40px;
	width: calc(50% - 80px);
	max-width: 505px;
	display: block;
	right: 50%;
	top: calc(50% - 30px);
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	z-index: 101;
	background-color: #FFF;
}
section.MyContainer article[data-max-size="1024"] .MyFloatingBox {
	max-width: 512px;
}
section.MyContainer .MyFloatingBox[data-position="left"] {
	right: 50%;
}
section.MyContainer .MyFloatingBox[data-position="center"] {
	right: 50%;
	transform: translateX(50%);
}
section.MyContainer .MyFloatingBox[data-position="right"] {
	left: 50%;
}
section.MyContainer *[data-bgcolor="white"] {
	background-color: #FFF;
}
section.MyContainer .MyFloatingBox .wrapper {
	padding: 40px;
}

@media (max-width:1249px) {
section.MyContainer .MyFloatingBox {
	padding: 40px;
	max-width: 761px;
	width: calc(50% - 120px);
}
}

@media (max-width:761px) {
section.MyContainer .MyFloatingBox {
	padding: 40px;
	padding-bottom: 0px;
	max-width: 761px;
	width: calc(100% - 80px);
	right: auto;
	top: auto;
	left: auto;
	transform: none;
	position: relative;
	text-align: center;
}
section.MyContainer .MyFloatingBox .wrapper {
	padding: 0px;
}
}
/*---------------------------------------------*/
p.MyTitle {
	color: #be0f34;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
}
p.MyTextBlock {
	padding-left: 50px;
	padding-right: 50px;
}

@media (max-width:761px) {
p.MyTextBlock {
	padding-left: 0px;
	padding-right: 0px;
}
}
/*---------------------------------------------*/

.MyVideoThumbnail {
	max-width: 326px;
	width: 100%;
}

@media (max-width:761px) {
.MyVideoThumbnail {
	margin-top: -50%;
}
}
.MyVideoBanner {
	width: 100%;
}

@media (max-width:761px) {
.MyVideoBanner {
	width: 1024px;
 margin-left:calc((100% - 512px) * 0.5);
}
}

@media (max-width:512px) {
.MyVideoBanner {
	width: 200%;
	max-width: 6000px;
	margin-left: -10%;
}
}
/*--------------------------*/
.MyContainer article .MyFloatingBox {
	padding: 40px;
	width: calc(50% - 120px);
	max-width: 505px;
	display: block;
	right: 50%;
	top: 50%;
	transform: translateY(-50%);
	background-color: #FFF;
	position: absolute;
	z-index: 10;
	text-align: left;
}

@media (max-width:1249px) {
.MyContainer article .MyFloatingBox {
	background-color: #fff;
	display: block;
	max-width: 465px;
	padding: 40px;
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translateY(-50%);
	width: calc(50% - 120px);
	z-index: 101;
}
}

@media (max-width:761px) {
.MyContainer article .MyFloatingBox {
	padding: 40px;
	width: calc(100% - 80px);
	max-width: 761px;
	right: auto;
	top: auto;
	transform: none;
	position: relative;
}
}
.GrayBorder {
	border: #e5e5e5 2px solid;
	padding-bottom: 40px;
	margin-left: 18px!important;
	margin-right: 18px!important;
}
.wrapper-slider {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0;
}
ul.PDP-slider {
	margin: 0;
	padding: 0;
	width: 100%!important;
	margin-left: 0!important;
	text-align: left;
	transition: margin-left 0.5s;
}
ul.PDP-slider li {
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	display: none;
}
ul.PDP-slider li:first-child {
	display: inline-block;
}
.wrapper-slider ul.PDP-slider li {
	display: inline-block;
}
.nav_bullet {
	display: block;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

@media (min-width:1001px) {
ul.PDP-slider li img {
	width: 100%;
}
}

@media (max-width:1000px) {
ul.PDP-slider {
	font-size: 0;
	transition: margin-left 0.5s;
}
ul.PDP-slider li {
	width: auto;
}
ul.PDP-slider li img {
	width: 130%;
	margin-left: -15%;
}
.nav_bullet_desktop {
/*display:none;*/
}
}

@media (max-width:761px) {
ul.PDP-slider li img {
	width: 150%;
	margin-left: -25%;
}
.nav_bullet_desktop {
/*display:none;*/
}
}
.nav_bullet a, .nav_bullet_desktop a {
	width: 10px;
	height: 10px;
	text-decoration: none;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.5);
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
}
.nav_bullet a.selected, .nav_bullet_desktop a.selected {
	background-color: rgba(0,0,0,1);
}
.MyContainer .jcarouselControlarrows {
	background: #e5e5e5 none repeat scroll 0 0;
	border-radius: 7px;
	display: inline-block;
	height: 70px;
	margin-left: -25px;
	margin-top: -65px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 50px;
}
.MyContainer .jcarouselControlnext {
	margin-right: -25px;
}

@media (max-width:1024px) {
.MyContainer .jcarouselControlarrows {
	display: none;
}
}