/* Start:/local/templates/cor/components/bitrix/catalog.section.list/corp/style.css?17501572232252*/
.catalog-section-container {
    
    padding: 20px 0;
}


.catalog-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.catalog-section-title {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}

.catalog-section-all {
    color: #0066cc;
    text-decoration: none;
    font-size: 16px;
}

.catalog-slider-arrow {
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    z-index: 2;
}
.catalog-section-container .slick-list .slick-track {
   gap:0
} 

 /* the slides */
.catalog-section-container .slick-slide {
      margin: 0 16px;
}

  /* the parent */
.catalog-section-container .slick-list {
      margin: 0 -16px;
}
  
.catalog-section-link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: #333;
}

.catalog-section-image {
   height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  
}

.catalog-section-container .catalog-section-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
	width: auto;
	margin: 0 auto;
}
.catalog-section-container .slick-initialized .slick-slide {
	height: inherit;
	border-radius: 8px;
}
.catalog-section-name {
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.catalog-section-item.slick-slide  {background-color: #F7F7F7;}


body .slick-next, body .slick-prev { 
	width: 50px; 
	height: 50px;
	border-radius: 25px;
	box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
}


body .slick-prev:before {
    content: '';
	background: url(/local/templates/cor/components/bitrix/catalog.section.list/corp/./img/prev.svg) center center no-repeat;
	width: 50px;
    height: 50px;
    display: block;
	
}

body .slick-next:before {
    content: '';
	background: url(/local/templates/cor/components/bitrix/catalog.section.list/corp/./img/next.svg) center center no-repeat;
	width: 50px;
    height: 50px;
    display: block;
}
body .slick-next {right: -60px}
body .slick-prev {left: -60px}



@media (max-width: 576px) {
    .catalog-section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
 
}
/* End */


/* Start:/local/templates/cor/components/artismedia/section_gallery.section/template1/style.css?17501572236140*/
.artismedia_gallery_box {
    width: 100%;
}

.gallery-thumb-2 {
    grid-column: 2 / 2;
    grid-row: 1 / 3;
  
}

.gallery-thumb-3 {
    grid-column: 3 / 5;
    grid-row: 1 / 3;
  
}

.gallery-thumb-5 {
    grid-column: 1 / 3;
    grid-row: 3 / 3;
  
}

body .thumbnail { 
	border: none;
	padding: 0;
	margin-bottom: 0;
}

.gallery-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 191px 186px 186px;
    gap: 32px;
} 

.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(//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(//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("/local/templates/cor/components/artismedia/section_gallery.section/template1/images/overlay_zoom.png") no-repeat 50% 50%;
}
.artismedia_gallery_box .overlay_play .image_overlay span {
    background: url("/local/templates/cor/components/artismedia/section_gallery.section/template1/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 */
/* /local/templates/cor/components/bitrix/catalog.section.list/corp/style.css?17501572232252 */
/* /local/templates/cor/components/artismedia/section_gallery.section/template1/style.css?17501572236140 */