/* Start:/bitrix/components/artismedia/gallery/templates/.default/style.css?14817859973429*/
.artismedia_gallery_box {
    width: 100%;
}

.artismedia_gallery_box a {
    color: #333333 !important;
    text-decoration: none;
}

.artismedia_gallery_box ul {
    width: 100%;
    list-style-type: none !important;
}
.row .image_frame {
	position:relative;
}
.portfolio_title-inside {
	position:absolute;
	width:100%;
	padding:5px;
	bottom:4px;
	color:ffffff;
	background:white;
	opacity:0.6;
	display:none;
	transition: 3s;
}
.image_frame:hover .portfolio_title-inside{
	display:block;
	transition: 3s;
}
.portfolio_title-inside span {
	padding-left:5px;
}
.portfolio_title-inside  {
	font-size:1.2vw;
}
.artismedia_gallery_box ul li {
    float: left;
    list-style: none;
    padding: 5px 10px;
    width: 225px;

    border: 1px solid #dbdbdb;
    margin: 5px !important;
    border-radius: 5px;
    background: #e5e5e5;

    color: #333333;
    border: 1px solid;
    border-color: #AFB3BB #9B9FA7 #7D8087;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod?EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );

}

.artismedia_gallery_box .portofolio_item.one_fourth, .portofolio_item.one_fourth .image_frame {
    width: 225px;
}
.artismedia_gallery_box .portofolio_details {
    text-align: center;
}
.artismedia_gallery_box .image_holder {
    background-color: #f8f8f8;
    background: #f8f8f8;
    position: relative;
    display: block;
    height: 100%;
}

.artismedia_gallery_box img {
    width: 225px;
    height: 140px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.artismedia_gallery_box h4 {
    margin: 0;
    padding: 8px 0px;
    text-transform: capitalize;
}

.artismedia_gallery_box .image_overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.artismedia_gallery_box .overlay_zoom .image_overlay span {
    background: url("/bitrix/components/artismedia/gallery/templates/.default/images/overlay_zoom.png") no-repeat 50% 50%;
}
.artismedia_gallery_box .overlay_play .image_overlay span {
    background: url("/bitrix/components/artismedia/gallery/templates/.default/images/overlay_play.png") no-repeat 50% 50%;
}

.artismedia_gallery_box .portofolio_item.one_fourth.image:hover .image_overlay {
    opacity: 0.5 !important;
}

.artismedia_gallery_box .portofolio_item.one_fourth.image:hover .image_overlay span {
    display: block;
    width: 225px;
    height: 140px;

}
/* End */
/* /bitrix/components/artismedia/gallery/templates/.default/style.css?14817859973429 */