/* Start:/bitrix/templates/cor_new/components/artismedia/section_galery/template/style.css?1584002459697*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}
/* End */


/* Start:/bitrix/templates/cor_new/components/artismedia/section_galery/template/artismedia/section_gallery.section.list/.default/style.css?15979144211235*/
.artismedia_gallery_box ul li {
    list-style: none;
}
.artismedia_gallery_box ul {
    padding: 0px;
}
.artismedia_gallery_box .portofolio_details {
    min-height: 40px;
    margin-bottom: 5px;
}
.artismedia_gallery_box a {
    color: #333333 !important;
    text-decoration: none;
}
#gallery .portfolio_title-inside {
    background: white none repeat scroll 0 0;
    bottom: 10px;
    display: none;
    opacity: 0.6;
    padding: 5px;
    position: absolute;
    transition: all 3s ease 0s;
    width: 98%;
}

#gallery .row .image_frame {
    position: relative;
}
#gallery .image_frame:hover .portfolio_title-inside {
    display: block;
}
#gallery .portfolio_title-inside {
    font-size: 1.2vw;
}

#gallery .portfolio_title-inside span {
    padding-left: 5px;
}
#gallery .col-lg-3 {
    margin-bottom: 15px;
}
#gallery .col-lg-4 {
    margin-bottom: 15px;
}
#gallery .col-lg-4 .portfolio_title-inside {
    width: 92%;
}
@media screen and (max-width: 992px) {
    .artismedia_gallery_box ul {
        margin-top: 15px;
    }
}

.col-lg-3, .col-lg-4 {
    margin-left: 0;
}

body .dropdown-menu  > .active > a, body .dropdown-menu > .active>a:hover, body .dropdown-menu > .active > a:focus {background-color: none !important;}
/* End */


/* Start:/bitrix/templates/cor_new/components/artismedia/section_galery/template/artismedia/section_gallery.section/.default/style.css?15840036886198*/
.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;
}
.gallery-list .portfolio_title-inside{
	width:100%!important;
	bottom:4px!important;
}
.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;
}
@-webkit-keyframes bg{
	0%{ background-size:120% 120%; }
	100%{ background-size:100% 100%; }
}

@font-face {
	font-family:'Romanesco';
	font-style:normal;
	font-weight:400;
	src:local('Romanesco'), local('Romanesco-Regular'), url(http://themes.googleusercontent.com/static/fonts/romanesco/v1/ulV2bu0ivcWDuAzM7oh4XT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
	font-family:'Cuprum';
	font-style:normal;
	font-weight:400;
	src:local('Cuprum'), local('Cuprum-Regular'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v4/sp1_LTSOMWWV0K5VTuZzvQ.woff) format('woff');
}

#gallery{ float:left; width:100%; }
#gallery 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 ); }

#gallery li.video::before{ /*content:'\25BA';*/ color:#FFF; font-size:20px; height:20px; width:20px; line-height:0.9; position:absolute; bottom:3px; left:4px; z-index:1; background:rgba(0,0,0,0.4); box-shadow:0 0 0 3px rgba(0,0,0,0.4); border-radius:0 3px 0 0; pointer-events:none; opacity:0; transition:.5s 0.2s; }
#gallery li.loaded.video::before{ opacity:1; }
#gallery a{ display:block; /*width:75px; height:68px;*/ vertical-align:bottom; overflow:hidden;
transition:.4s ease-out; -webkit-transition:0.4s ease-out; -webkit-transform:rotateX(90deg) translate(-50px,-50%); transform:rotateX(90deg) translate(-50px,-50%); }
#gallery a:active, #gallery a:focus{ outline:none; }
#gallery a img{ /*min-height:100%; width:100%;*/ transition:.3s ease-out; -webkit-transition:0.3s ease-out; }
#gallery .loaded a{ -webkit-transform:rotateX(0deg) translate(0,0); transform:rotateX(0deg) translate(0,0); }
/*#gallery li.loaded:hover{ z-index:2; transform:scale(1.5); -webkit-transform:scale(1.5); }
#gallery li.loaded a:hover{ box-shadow:0 0 0 2px #FFF, 0 0 20px 5px #000; transition:.1s; -webkit-transition:0.1s; }
#gallery li.loaded:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2); }
#gallery li.loaded.video:hover::before{ opacity:0; }*/


.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;
}

.artismedia_gallery_box .portofolio_item.one_fourth, .portofolio_item.one_fourth .image_frame {
    width: 225px;
}

.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/templates/cor_new/components/artismedia/section_galery/template/artismedia/section_gallery.section/.default/images/overlay_zoom.png") no-repeat 50% 50%;
}
.artismedia_gallery_box .overlay_play .image_overlay span {
    background: url("/bitrix/templates/cor_new/components/artismedia/section_galery/template/artismedia/section_gallery.section/.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;

}

/*------- media queries -----------*/
@media all and (max-width:700px){
	body{ background-position:0 0; background-attachment:inherit; box-shadow:none; }
	.main, #gallery{ float:none; width:auto; font-size:0.9em; }
	.main h1{ font-size:5.2em; }
	.main h2{ font-size:1.5em; }
	.btn{ position:absolute; right:10px; top:26px; }
	#gallery li{ margin:0; }
	
	#gallery li.loaded:hover img, #gallery li.loaded:hover{ transform:none; -webkit-transform:none; }
	.main footer{ margin:10px 0; }
}
/* End */
/* /bitrix/templates/cor_new/components/artismedia/section_galery/template/style.css?1584002459697 */
/* /bitrix/templates/cor_new/components/artismedia/section_galery/template/artismedia/section_gallery.section.list/.default/style.css?15979144211235 */
/* /bitrix/templates/cor_new/components/artismedia/section_galery/template/artismedia/section_gallery.section/.default/style.css?15840036886198 */