#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	/* max-width: 100%;
	max-height: 100%; */
	z-index: 9999;
	overflow: hidden;
	/* -webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); */
	-webkit-transform: none !important;
   -moz-transform: none !important;
   -ms-transform: none !important;
   -o-transform: none !important;
   transform: none !important; }

#colorbox {
	width: 95% !important;
	height: 95% !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important; }

#cboxLoadedContent {
	/* max-width: 100% !important;
	max-height: 100% !important;
	width: auto !important;
	height: auto !important; */
	width: 95%;
	height: 95%; }

#cboxContent {
	width: 100% !important;
	height: 100% !important;
	overflow: auto; }

#cboxWrapper, #colorbox {
	max-width: none;
	/* width: 100% !important;
	height: 90% !important; */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	/* overflow: hidden; */ }
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	/* opacity: 1; */
	background-color: rgba(235, 237, 240, .8); }

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent {
	position: relative; }

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); }

#cboxTitle{margin:0;}
/* #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing:content-box;}

/* #cboxLoadingGraphic, #cboxLoadingOverlay{display:none !important;visibility: hidden !important} */

#cboxLoadingOverlay,
#cboxOverlay {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-animation: fadein .35s ease-in;
	-moz-animation: fadein .35s ease-in;
	-ms-animation: fadein .35s ease-in;
	-o-animation: fadein .35s ease-in;
	animation: fadein .35s ease-in; }

#colorbox,
#cboxLoadedContent{
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-animation: fadein .35s ease-in;
	-moz-animation: fadein .35s ease-in;
	-ms-animation: fadein .35s ease-in;
	-o-animation: fadein .35s ease-in;
	animation: fadein .35s ease-in; }

#cboxClose{
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	-ms-transition-delay: .25s;
	-o-transition-delay: .25s;
	transition-delay: .25s;
	-webkit-animation: fadein .5s ease-in;
	-moz-animation: fadein .5s ease-in;
	-ms-animation: fadein .5s ease-in;
	-o-animation: fadein .5s ease-in;
	animation: fadein .5s ease-in; }

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
.fadein {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-ms-animation-name: fadein;
	-o-animation-name: fadein;
	animation-name: fadein; }

#colorbox{outline:0;}

#cboxTopCenter{height:0px;}
#cboxBottomCenter{height:0px;}
#cboxContent{background-color:#f9fafc; overflow:hidden;}
.cboxIframe{background-color:#f9fafc;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:0px; width: 100% !important; height: 100% !important;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; display: none !important;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494; display:none !important;}
#cboxLoadingOverlay{background-color:#ebedf0; opacity: 0.8;}
#cboxLoadingGraphic{background:url(../images/colorbox_controls/loading_custom.gif) no-repeat center center;}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); }
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; display: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); }

.clicked {
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
	z-index: 1;	}

#cboxClose,
#cboxClose_izi {
	width: 50px;
	height: 50px;
	position: fixed;
	top:20px;
	right:20px;
	box-sizing: border-box;
	line-height: auto;
	display: inline-block;
	z-index: 99999;
	-webkit-background-image: linear-gradient(to right bottom, rgb(133, 105, 136), rgb(29,119,123));
	-moz-background-image: linear-gradient(to right bottom, rgb(133, 105, 136), rgb(29,119,123));
	-ms-background-image: linear-gradient(to right bottom, rgb(133, 105, 136), rgb(29,119,123));
	-o-background-image: linear-gradient(to right bottom, rgb(133, 105, 136), rgb(29,119,123));
	background-image: linear-gradient(to right bottom, rgb(133, 105, 136), rgb(29,119,123));
	border-radius: 999px;
	padding: 25px;
	overflow: hidden;
	outline: none;
	border-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none; }

#cboxClose,
#cboxClose_izi {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-animation: fadein .5s;
	-moz-animation: fadein .5s;
	-ms-animation: fadein .5s;
	-o-animation: fadein .5s;
	animation: fadein .5s; }

#cboxClose:hover,
#cboxClose_izi:hover {
	cursor:pointer; }


#cboxClose,
#cboxClose:hover {
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	transition-property: all;
	transition-duration: 0.35s;
	transition-delay: 2s; }

#cboxClose::before, #cboxClose::after,
#cboxClose_izi::before, #cboxClose_izi::after {
	content: "'";
	color: transparent;
	position: absolute;
	top: 45%;
	left: 20%;
	display: block;
	height: 5px;
	width: 30px;
	border-radius: 999px;
	z-index: 999999;
	background-color: #F8F8F8;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out; }
#cboxClose::before,
#cboxClose_izi::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg); }
#cboxClose::after,
#cboxClose_izi::after {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg); }
#cboxClose:hover::before,
#cboxClose_izi:hover::before {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	background-color: #F8F8F8; }
#cboxClose:hover::after,
#cboxClose_izi:hover::after {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	background-color: #F8F8F8; }

#cboxClose::-webkit-scrollbar,
#cboxClose::-webkit-scrollbar:before,
#cboxClose::-webkit-scrollbar:after,
#cboxClose_izi::-webkit-scrollbar,
#cboxClose_izi::-webkit-scrollbar:before,
#cboxClose_izi::-webkit-scrollbar:after  { display: none; }
/* #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-overflow-scrolling: touch !important;
} */
/* #cboxWrapper, #colorbox {max-width:none; width: 100%; height: 100%; border-radius:20px; background-color: #f8f8f8;} */
/*#colorbox{left:0px !important; right:0px !important; top: 0px !important; bottom:0px !important;}*/
/* #cboxOverlay{position:fixed; width:100%; height:100%; background-color: #ebedf0;} */
/* #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; } */
@media only screen and (max-width: 760px) {
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; height: 100%; width: 100% !important; /*max-width: 100%;max-height: 100% !important; */ /* position: fixed;left:0px; right:0px; top:0px; bottom:0px; */ }
#cboxWrapper{ width: 100% !important; height: 100% !important; border-radius:20px; /* left: 0px !important; top: 0px !important; bottom: 0px !important; right:0px !important; */ }
}
@media only screen and (max-width: 850px) {
#colorbox {
	width: 90%;
	height: 90% !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important; }
}
@media only screen and (max-width: 480px) {
#colorbox {
	width: 90%;
	height: 93% !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important; }
}

#cboxClose {
  visibility: visible;
  opacity: 0;
	-webkit-transition: opacity 0.25s ease-out, visibility 0s linear 0.25s;
	-moz-transition: opacity 0.25s ease-out, visibility 0s linear 0.25s;
	-ms-transition: opacity 0.25s ease-out, visibility 0s linear 0.25s;
	-o-transition: opacity 0.25s ease-out, visibility 0s linear 0.25s;
	transition: opacity 0.25s ease-out, visibility 0s linear 0.25s; }

/* .show_btn {
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-transition: opacity 0.25s ease-out, visibility 0s linear 0s;
  -moz-transition: opacity 0.25s ease-out, visibility 0s linear 0s;
  -ms-transition: opacity 0.25s ease-out, visibility 0s linear 0s;
  -o-transition: opacity 0.25s ease-out, visibility 0s linear 0s;
  transition: opacity 0.25s ease-out, visibility 0s linear 0s;
} */

#cboxClose.show_btn {
	opacity: 1;
	-webkit-animation: fadein 1s;
	-moz-animation: fadein 1s;
	-ms-animation: fadein 1s;
	-o-animation: fadein 1s;
	animation: fadein 1s; }

/* modal trying */

.click{
	width: 300px;
	border: 1px solid #bbb;
	border-radius:5px;
	display:block;
	padding:9px;
	background-color:rgb(24,167,123);
	color:#ffffff;
	cursor: pointer; }

.box{
	width:550px;
	height:200px;
	background-color: #ffffff;
	border-radius: 10px;
	border: 1px dashed #fff; }

/* Block body scrolling when iframe/modal open */
html.noScrollSimple {
	overflow:hidden !important;
	touch-action: none; }