/*
---------------------------------------------------
www.pleasemac.com
mac@pleasemac.com
www.facebook.com/pleasemac
077-539-09-28
---------------------------------------------------
*/


/*Gallery Start*/

.art-sheet {
	padding: 0;
	margin: 0;
}

.mac-ramka {
	border-radius: 10px 0 10px 0;
	padding: 6px;
	background:#FFF;
	}
	
.mac-ramka2 {
	border-radius: 0 10px 0 10px;
	padding: 6px;
	background:#FFF;
	}
	
.mac-ramka2:hover, .mac-ramka:hover {
	background:#222222;
	}
	
.mac-ramka3 {
	border-radius: 0 10px 0 10px;
	padding: 6px;
	background: #FFF;
	}
	
.mac-ramka3:hover {
	background: #222222;
	opacity: 0.5; /*Gallery hover effect Mac*/
	transition: opacity 1s linear;
	}
	
	

.art-layout-cell {
	/* width: 900px; */
	/* height: 470px; */
	outline: 0px solid red;
	margin: 0 auto;
	text-align: center;
	font: 14px Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}


.art-layout-cellPhoto {
	width: 700px;
	/* height: 470px; */
	outline: 0px solid red;
	margin: 20px auto 0 auto;
	text-align: center;
	}

.art-layout-cellPhoto2 {
	width: 940px;
	/* height: 470px; */
	text-align: center;
	margin: 0 auto;
	}

@media screen and (max-width: 900px) { 

	.art-layout-cell {
	width: 50%;
	}


}


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

	.art-layout-cell {
	width: auto;
	}
	
	.art-layout-cellPhoto, .art-layout-cellPhoto2 {
	width: auto;
	}


}


@media screen and (max-width: 360px) { 

	.art-layout-cell {
	width: auto;
	}
	
	.art-layout-cellPhoto, .art-layout-cellPhoto2 {
	width: auto;
	}
}

.art-layout-cell img {
	margin: 13px 3px 3px 3px;

	}

.art-layout-cell img:hover {
opacity: 0.5; /*Gallery hover effect Mac*/
transition: opacity 1s linear;
}

.art-lightbox-wrapper 
{
   background: #333;
   background: rgba(0, 0, 0, .8);
   bottom: 0;
   left: 0;
   padding: 0 100px;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   z-index: 1000000;
}

.art-lightbox,
.art-lightbox-wrapper .art-lightbox-image
{
   cursor: pointer;
}

.art-lightbox-wrapper .art-lightbox-image
{
   border: 6px solid #fff;
   border-radius: 3px;
   display: none;
   max-width: 100%;
   vertical-align: middle;
}

.art-lightbox-wrapper .art-lightbox-image.active
{
   display: inline-block;
}

.art-lightbox-wrapper .lightbox-error
{
   background: #fff;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 80px;
   opacity: .95;
   padding: 20px;
   position: fixed;
   width: 300px;
   z-index: 100;
}

.art-lightbox-wrapper .loading
{
   background: #fff url(../images/preloader-01.gif) center center no-repeat;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 32px;
   opacity: .5;
   padding: 10px;
   position: fixed;
   width: 32px;
   z-index: 10100;
}

.art-lightbox-wrapper .arrow
{
   cursor: pointer;
   height: 100px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   width: 82px;
   z-index: 10003;
}

.art-lightbox-wrapper .arrow.left
{
   left: 9px;
}

.art-lightbox-wrapper .arrow.right
{
   right: 9px;
}

.art-lightbox-wrapper .arrow:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.art-lightbox-wrapper .arrow.disabled 
{
   display: none;
}

.art-lightbox-wrapper .arrow-t, 
.art-lightbox-wrapper .arrow-b
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   left: 26px;
   position: relative;
   width: 30px;
}

.art-lightbox-wrapper .arrow-t
{
   top: 38px;
}

.art-lightbox-wrapper .arrow-b
{
   top: 50px;
}

.art-lightbox-wrapper .close
{
   cursor: pointer;
   height: 22px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   right: 39px;
   top: 30px;
   width: 22px;
   z-index: 10003;
}

.art-lightbox-wrapper .close:hover 
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.art-lightbox-wrapper .close .cw, 
.art-lightbox-wrapper .close .ccw
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   position: absolute;
   left: -4px;
   top: 8px;
   width: 30px;
}

.art-lightbox-wrapper .cw
{
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   /* IE 9 */
    -webkit-transform: rotate(45deg);
   /* Safari and Chrome */
    -o-transform: rotate(45deg);
   /* Opera */
    -moz-transform: rotate(45deg);
/* Firefox */}

.art-lightbox-wrapper .ccw
{
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   /* IE 9 */
    -webkit-transform: rotate(-45deg);
   /* Safari and Chrome */
    -o-transform: rotate(-45deg);
   /* Opera */
    -moz-transform: rotate(-45deg);
/* Firefox */}

.art-lightbox-wrapper .close-alt, 
.art-lightbox-wrapper .arrow-right-alt, 
.art-lightbox-wrapper .arrow-left-alt 
{
   color: #fff;
   display: none;
   font-size: 2.5em;
   line-height: 100%;
}

/* Gallery End */