.popup{
	background-color:rgba(47,62,70, 0.9);
	transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;
	-webkit-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;
	-o-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;
	-moz-transition:opacity .4s cubic-bezier(.23,1,.32,1) 0s;
	will-change:opacity,transform;
}
.popup__container {
	width: calc(100vw - 50px); max-width: 1364px;
	padding: 50px 50px; margin: 50px auto;
	text-align:left; font-size:14px;
	background-color:#fff; 
	box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;
	-webkit-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;
	-moz-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;
	border-radius:0;
	transition:opacity .2s ease,visibility 0s .1s,transform 450ms cubic-bezier(.23,1,.32,1) 0s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	transform:scale(.8);
	-webkit-transition:opacity .2s ease,visibility 0s .1s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;
	transition:opacity .2s ease,visibility 0s .1s,-webkit-transform 450ms cubic-bezier(.23,1,.32,1) 0s;
	transition:opacity .2s ease,visibility 0s .1s,transform 450ms cubic-bezier(.23,1,.32,1) 0s;
	will-change:transform,opacity;
}

.popup__container.gallery {
	width: auto; max-width: 1326px!important; padding:0!important; background-color: transparent!important;
	box-shadow:rgba(0,0,0,0) 0 14px 45px,rgba(0,0,0,0) 0 10px 18px;
	-webkit-box-shadow:rgba(0,0,0,0) 0 14px 45px,rgba(0,0,0,0) 0 10px 18px;
	-moz-box-shadow:rgba(0,0,0,0) 0 14px 45px,rgba(0,0,0,0) 0 10px 18px;
}
.popup__container.gallery img { 
	width: auto; max-width: calc(100% - 40px); max-height: calc(100vh - 80px); margin-left: 20px;
	box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;
	-webkit-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;
	-moz-box-shadow:rgba(0,0,0,.25) 0 14px 45px,rgba(0,0,0,.22) 0 10px 18px;
}
.popup__close.gallery { width:100%; height:100%; padding: 0; position:absolute; top:0; right:0; cursor:default; background-color:transparent;}
.popup__close.gallery span {
	display:none; visibility: hidden;
	background-color:transparent;
}

.popup__close { width:50px; height:50px; padding: 25px 7px 7px; position:absolute; top:-25px; right:0; cursor:pointer; background-color: #fecb03;}
.popup__close span{
	width:100%; height:1px; display:block;
	background-color: #6626a9;
}

.popup__close:hover span:first-of-type {
	transform: rotate(135deg)
}
.popup__close:hover span:last-of-type {
	transform: rotate(-135deg)
}
.popup__close span:first-of-type {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);transform:rotate(45deg);
}
.popup__close span:last-of-type {
	-webkit-transform:rotate(-45deg) translateY(-1px);
	-moz-transform:rotate(-45deg) translateY(-1px);
	-ms-transform:rotate(-45deg) translateY(-1px);
	-o-transform:rotate(-45deg) translateY(-1px);
	transform:rotate(-45deg) translateY(-1px);
}

.popup.opened .popup__container {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}
#main_photo img~img { position: absolute; top: 0; left: 0;}
@media (max-width:1023px) {
	.popup__container {width: calc(100vw - 40px); padding: 20px 20px; margin: 45px auto;}
}

@media (max-width:767px) {
	.popup__container {width: calc(100vw - 40px); max-width: 1364px; padding: 40px 20px 20px 20px; margin: 45px auto 20px;}
	/*.popup__container{ width:80%; margin:10px auto; padding:20px 18px;}
	.popup__close{ top:10px; right:10px;}*/
	h4.inside-page.orchid-detail-popup  { font-size: 30px; line-height: 32px; }
}

@media (max-width:575px) {
	.popup__container {width: calc(100vw - 40px); max-width: 1364px; padding: 40px 0 0 0; margin: 45px auto 20px;}
	h4.orchid-detail-popup p { padding: 0 20px;}
}


@media (max-width:414px) {
	h4.inside-page.orchid-detail-popup  { font-size: 26px; line-height: 28px; }
}