*{
  outline: none;
}
.products-photo-mobile{
display: none;
}
/* ---------------------- BUY POPUP ----------------------------------- */
.buy-popup ,.thank-you{
  position: fixed;
  display: none;
  background: rgba(0,0,0,.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 50px;
  z-index: 10000;
}
.thank-you .msg-content{
  width: 40%;
  min-height: 200px;
  background: #fff;
  padding: 60px;
  margin-left: 30%;
  margin-top: 150px;
}
.buy-popup .btn-buy-popup-close{
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  right: 28%;
  top: 16%;
  font-size: 40px;
  cursor: pointer;
}
.buy-popup .buy-popup-form{
  width: 40%;
  min-height: 200px;
  background: #fff;
  padding: 60px;
  margin-left: 30%;
  margin-top: 150px;
}
.buy-popup .buy-popup-form form .h2{
  text-align: center;
  text-transform: uppercase;
  color: #f06291;
  font-weight: 100;
  font-size: 50px;
  padding-bottom: 50px;
}
.buy-popup .buy-popup-form form input[type="text"],.buy-popup .buy-popup-form form input[type="tel"],.buy-popup .buy-popup-form form input[type="email"]{
  width: 100%;
  border: 1px solid grey;
  color: grey;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 12px 0 12px 25px;
  margin-bottom: 15px;
}
.buy-popup .buy-popup-form form input::-webkit-input-placeholder {
  color: #ccc;
}
.number-button{
  width: 280px;
  margin:  0 auto 0;
}
.buy-popup .buy-popup-form form input[type="number"]{
  border: 1px solid grey;
  padding: 12px 0 12px 25px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 60px;
  margin-right: 10px;
}
.buy-popup .buy-popup-form form button{
  padding: 12px 0 12px 0;
}

.products-content{
	background: #f6f6f6;
}

.product{
 /* background: #f6f6f6;*/
  padding: 35px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-bottom: 20px !important;
}
.product .products-photo{
  width: 32%;
  float: left;
  border: 2px solid #c1c1c1;
  padding-bottom:19px;
  padding-top:18px;
  padding-left:12px;
  padding-right:12px;

}
.product .products-photo .thumbnails{
  /*width: 110px;*/
  width:33%;
  float: /*left*/right;
}
.thumbnails .thumbnail-img{
  width: 100px;
  margin-bottom: 13px;
  cursor: pointer;
}
.thumbnails .thumbnail-img img{
  width: 100%;
  height: 100px;
}
.product .products-photo .main-picture{
  float: left;
  width: /*325px*/ 62%;
  position: relative;
  /*margin-left: 15px;*/
  cursor: pointer;
  margin-right:2%;
}
.product .products-photo .main-picture .zoom-btn{
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
  background: #f06291;
  width: 35px;
  height: 35px;
  text-align: center;
  padding-top: 7px;
  cursor: pointer;
}
.product .products-photo .main-picture img{
  width: /*325px*/ 100%;
  height: /*325px*/ auto;
}
.products-content{
	width: 66%;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 16px;
	padding-right: 20px;
}

.products-content h3{
  font-weight: 100;
  text-transform: uppercase;
  font-size: 42px;
  padding-top: 0;
  margin-top: 0;
}
.product-price{
  font-size: 24px;
  margin-top: 0;
  font-weight: bolder;
}
.content{
 
  font-size: 16px;
}
.product-button{
  margin-top: 37px;
  border: 1px solid #f06291;
  background: #f06291;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 200px;
  padding: 10px;
}
.product-button:hover{
  background: #fff;
  color: #f06291;
  transition: 1s;
}

.product .product-image-slider{
  position: fixed;
  display: none;
  background: rgba(0,0,0,.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 50px;
  z-index: 10001;
}

.descr-shoop{
	max-width:1170px;
	margin:0 auto;
}

.products-content h3{
	text-transform: capitalize;
}

.content ._ffn_textNode{
	font-size: 15px !important;
}

.shoop h1{
	font-size: 24px !important;
	font-family:"Myriad Set Pro" !important;
}

.shoop .descr-shoop{
	font-size: 16px !important;
	font-family:"Myriad Set Pro" !important;
}

.product-price{
	font-size:20px !important;
}

.product .product-image-slider .btn-popup-close{
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 30px;
  cursor: pointer;
}
.product .product-image-slider .item{
  width: 100%;
}
.product .product-image-slider .item img{
	 width: 800px;
    height: auto;
    display: block;
    margin: 0 auto 0;
}

.products-content h3{
	font-size:23px !important;
	font-family:"Myriad Set Pro" !important;
}

@media screen and (max-width: 1200px) {
	.product .products-photo{width:36.5% !important;}
	.products-content{width:60% !important; padding-left:20px !important;}
	.product-button{margin-top:6px !important;}
	.product .products-photo .thumbnails{width:30% !important;}
	.product .products-photo .main-picture{margin-left:0 !important;}
	.descr-shoop{padding-left:25px; padding-right:25px;}
}

@media screen and (max-width: 991px) {
	.products-content{width:100% !important; margin: 0 auto; order:2;}
	.products-photo-mobile{width:100% !important; margin:0 auto;}
	#page-p .product{flex-wrap: wrap; flex-direction: row; justify-content: space-between; display: flex;}
	.products-photo-mobile{width:100% !important; margin: 0; border: 2px solid #c1c1c1; padding: 19px; margin-bottom: 17px;}
	.thumbnails-mobile{float:right !important;}
	.main-picture-mobile{margin-left:0 !important;}
	.products-photo-mobile .thumbnails-mobile{width:28% !important;}
	.products-photo-mobile .main-picture-mobile{width:70%;}
	.products-photo-mobile .thumbnails-mobile{width:25%;}
	.products-photo-mobile{margin-left: 13px; margin-right: 13px;}

}

@media screen and (max-width: 780px) {
	.products-content{width:96% !important; margin:0 auto;}
	.descr-shoop{max-width:767px; margin:0 auto;}
	#page-p{padding-top:20px !important;}
}

@media screen and (max-width: 750px) {
	.product{padding-top:0 !important;}
}