.astra-portfolio-wrap>h3{
	display:none
}
.et_divi_builder #astra-portfolio .template-meta .item-title, .template-meta .item-title {
  font-family: 'TTNorms', sans-serif; /* добавляем семейство шрифтов TT Norms */
  font-weight: 900;
  padding: 30px 10px 20px 10px;
  display: inline-block;
  color: #434343;
}

.astra-portfolio-wrap .site-single:hover .view-demo-wrap,.et_divi_builder #astra-portfolio.astra-portfolio-wrap .site-single:hover .view-demo-wrap{
	opacity:1;
	visibility:visible;
	border-radius: 10px 10px 0 0; 	/* например, радиус 10 пикселей */
	background:rgba(63, 68, 71,.4) /* цвет затемнения при наведении*/
}
.astra-portfolio-wrap .view-demo-wrap,.et_divi_builder #astra-portfolio.astra-portfolio-wrap .view-demo-wrap{
	opacity:0;
	visibility:hidden;
	position:absolute;
	left:0;
	cursor:pointer;
	top:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,.72);
	transition:all ease .3s

}
.et_divi_builder #astra-portfolio .view-demo,.view-demo{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	position:absolute;
	background:#23282d;
	background:rgba(63, 68, 71,.8) ; /* цвет плашки "быстрый просмотр"*/
	color:#fff;
	text-shadow:0 1px 0 rgba(0,0,0,.6);
	-webkit-font-smoothing:antialiased;
	font-family: 'TTNorms', sans-serif; /* добавляем семейство шрифтов TT Norms */
	font-weight:300;
	padding:.5em 1em;
	text-align:center;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-transition:opacity .1s ease-in-out;
	transition:opacity .1s ease-in-out
}
.site-single .site-preview{
	position:relative;
	display:block;
	cursor:pointer
}
.astra-portfolio-wrap .site-single .inner,.et_divi_builder #astra-portfolio .site-single .inner {
	 display: inline-block;
	 width: 100%;
	 box-shadow: 0 10px 40px 0 rgb(118 127 134 / 19%);
	 border-radius: 10px; 	/* например, радиус 10 пикселей */
}
.astra-portfolio-wrap .inner img{
	 width:100%;
	 height:auto;
}
*,:after,:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}


.filter-links li {
  margin: 0; /* отступы между элементами списка */
  display: inline-block; /* элементы списка располагаются в строку */
}

.et_divi_builder #astra-portfolio .filter-links li a:focus,
.filter-links li a:focus {
  outline: 0; /* убираем контур вокруг активной вкладки */
}


.et_divi_builder #astra-portfolio .filter-links li a,
.filter-links li a {
  margin: 0; /* отступы между элементами списка */
  padding: 10px 20px; /* отступы внутри элементов списка */
  cursor: pointer; /* курсор меняется при наведении на элемент списка */
  display: inline-block; /* элементы списка располагаются в строку */
  transition: color 0.3s ease, background-color 0.3s ease; /* плавное изменение цвета текста и фона при наведении на элемент списка */
  text-decoration: none; /* убираем подчеркивание у текста элементов списка */
  background-color: #E9ECEE; /* желтый фон */
  opacity: 1; /* непрозрачность */
  border-radius: 5px; /* закругление углов */
  margin-left: 0; /* расстояние между вкладками */
  margin-right: 5px; /* расстояние между вкладками */
  margin-top: 5px; /* расстояние между вкладками */
  margin-bottom: 5px; /* расстояние между вкладками */
  color: #434349; /* цвет текста */
  font-family: 'TTNorms', sans-serif; /* добавляем семейство шрифтов TT Norms */
  font-size: 14px; /* размер шрифта */
  font-weight: 300; /* насыщенность шрифта */
}

.et_divi_builder #astra-portfolio .filter-links li a:hover,
.filter-links li a:hover {
  transition: color 0.3s ease, background-color 0.3s ease; /* плавное изменение цвета текста и фона при наведении на элемент списка */
  background-color: #ffc300; /* более яркий желтый цвет фона при наведении */
  color: #434349; /* изменение цвета текста при наведении */
  animation: pulse 2s infinite;
}

.et_divi_builder #astra-portfolio .filter-links li a.active,
.filter-links li a.active{
  color: #434349;
  background-color: #ffc300; /* цвет фона для активного элемента списка */
  transition: color 0.3s ease, background-color 0.3s ease; /* плавное изменение цвета текста и фона при активном состоянии элемента списка */
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 214, 10, 0.4);
  }
  70% {
    box-shadow: 0 0 0 30px rgba(255, 214, 10, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 214, 10, 0);
  }
}



.et_divi_builder #astra-portfolio .site-single,.site-single{
	margin-bottom:50px;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	transition:none!important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	cursor:pointer
}


#astra-portfolio-loadmore .button{
	font-size:14px;
	padding:8px 22px;
	transition:all linear 150ms
}
.site-loading{
	display:none;
	position:absolute;
	left:50%;
	top:40%;
	text-align:center;
	color:#555;
	transform:translate(-50%,-40%)
}
.top .site-loading{
	top:50%;
	transform:translate(-50%,-50%)
}
.site-loading h3{
	font-size:33px;
	font-weight:600;
	margin:0 0 10px 0
}
.site-loading p{
	margin:0
}
.astra-portfolio-thickbox-loading .site-loading{
	display:block
}
.astra-portfolio-thickbox-loading:before{
	content:"";
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}
.loadmore{
	clear:both;
	text-align:center
}
.page-id-11742 .loadmore{
	position:absolute;
	top:92%;
	left:50%;
	transform:translateX(-50%)
}
.loadmore .loadmore-inner{
	display:inline-block
}
.loadmore-inner .button{
	padding:8px 16px;
	border:1px solid #525252;
	background:#525252;
	color:#fff;
	font-family:Raleway;
	font-weight:500;
	font-size:13px;
	border-radius:4px;
	cursor:pointer;
	transition:none!important
}
.loadmore-inner i{
	font-size:20px;
	color:#525252;
	transition:none!important
}
.loadmore-icon{
	opacity:0
}
.loadmore-inner i{
	-webkit-animation:cssAnimation 550ms ease infinite;
	-moz-animation:cssAnimation 550ms ease infinite;
	-o-animation:cssAnimation 550ms ease infinite
}
#astra-portfolio-loadmore .button{
	transition:none!important
}
@-webkit-keyframes cssAnimation{
	from{
		-webkit-transform:rotate(0)
	}
	to{
		-webkit-transform:rotate(360deg)
	}
}
@-moz-keyframes cssAnimation{
	from{
		-moz-transform:rotate(0)
	}
	to{
		-moz-transform:rotate(360deg)
	}
}
@-o-keyframes cssAnimation{
	from{
		-o-transform:rotate(0)
	}
	to{
		-o-transform:rotate(360deg)
	}
}
#TB_window{
	width:100%!important;
	margin:0!important;
	text-align:center!important;
	position:fixed!important;
	top:0!important;
	left:0!important;
	right:0!important;
	bottom:0!important
}
#TB_iframeContent{
	width:100%!important;
	height:100%!important
}
.desktop #TB_iframeContent-wrapper{
	position:fixed;
	right:0;
	bottom:80px;
	left:0;
	top:0
}
@media only screen and (min-device-width :320px) and (max-device-width :1024px){
	#TB_iframeContent-wrapper{
		position:fixed;
		right:0;
		bottom:50px;
		left:0;
		top:0;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch
	}
}
.astra-portfolio-thickbox-loading #TB_iframeContent,.astra-portfolio-thickbox-loading #TB_iframeContent-wrapper{
	display:none
}
#TB_window #TB_ajaxWindowTitle{
	line-height:80px;
	font-size:1.2rem;
	display:inline-block;
	width:auto;
	padding:0 30px
}
#TB_window #TB_closeWindowButton{
	height:80px;
	width:50px;
	position:relative;
	vertical-align:top
}
#TB_window .tb-close-icon{
	line-height:80px;
	height:80px;
	width:50px
}
.tb-close-icon:before{
	vertical-align:middle
}
#TB_window{
	text-align:center
}
#TB_iframeContent.tablet{
	width:788px!important;
	height:1024px!important;
	background:#111;
	padding:40px 10px 70px;
	border-radius:30px
}
#TB_iframeContent.tablet.landscape{
	width:1044px!important
}
#TB_iframeContent.mobile{
	width:360px!important;
	height:640px!important;
	background:#111;
	padding:40px 10px 70px;
	border-radius:30px
}
#TB_iframeContent.mobile.landscape{
	width:360px!important
}
.responsive-view .dashicons.active,.responsive-view .dashicons:hover{
	background:#ccc
}
.astra-portfolio-filters .filter-count{
	background:#fafafa;
	height:2.5em;
	width:2.5em;
	font-weight:700;
	line-height:2.5em;
	margin-right:2em;
	color:#888;
	text-align:center;
	box-shadow:0 0 0 1px #eaeaea
}
.astra-portfolio-filters,.et_divi_builder #astra-portfolio .astra-portfolio-filters{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 auto 3em auto;
	background:#fff;
	box-shadow:0 0 0 0 #f3f3f3;
	padding:1.4em 0em;
	flex-wrap:wrap
}
.astra-portfolio-wrap,.et_divi_builder #astra-portfolio .astra-portfolio-wrap{
	text-align:center
}
.astra-portfolio-wrap:not(.astra-portfolio-show-on-click),.et_divi_builder #astra-portfolio .astra-portfolio-wrap:not(.astra-portfolio-show-on-click){
	min-height:100vh
}
.astra-portfolio-filters .filters-wrap{
	flex:1;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between
}
.astra-portfolio-filters .search-form,.et_divi_builder #astra-portfolio .astra-portfolio-filters .search-form{
	display:inline-block;
	margin-left:1em
}
.astra-portfolio-filters .search-form input{
	font-size:12px
}
.astra-portfolio-filters .search-form input[type=search]::-webkit-search-cancel-button,.astra-portfolio-filters .search-form input[type=search]::-webkit-search-decoration{
	-webkit-appearance:searchfield-cancel-button
}
.et_divi_builder #et_builder_outer_content #astra-portfolio .filter-links,.filter-links{
	margin:0;
	padding:0
}
.astra-portfolio-not-found,.no-more-demos{
	font-size:1.2em;
	padding:4em 0 6em 0;
	position:relative!important
}
.site-type.premium{
	font-size:12px;
	background:#ffc107;
	padding:2px 8px;
	text-transform:capitalize;
	display:inline-block;
	margin-left:.5em
}
.site-type{
	display:none
}
.astra-portfolio-list{
	padding:.6em 1em;
	margin-right:1em;
	border-top:none;
	border-bottom:none;
	border-radius:0
}
html.processing{
	overflow:hidden
}
.responsive-view .actions a:focus,.responsive-view .actions a:hover{
	outline:0
}
.responsive-view .actions a{
	color:#828C94; 	/* цвет иконок устройств на панели быстрого просмотра сайтов */
	cursor:pointer;
	display:inline-block;
	padding:2em 1em;
	vertical-align:middle
}
#TB_closeAjaxWindow{
	float:right;
	padding-right:15px
}
div#TB_window{
	background-color:#4B5154;
	color:#fff
}
#TB_window.mobile #TB_title,#TB_window.tablet #TB_title{
	padding-right:20px
}
#TB_window #TB_title{
	border:none;
	text-align:left;
	height:80px;
	bottom:0;
	left:0;
	right:0;
	box-shadow:none;
	background:#3F4447; 	/* цвет панели быстрого просмотра сайтов */
	position:fixed;
	justify-content:space-between;
	align-items:center
}
@media all and (max-width:768px){
	#TB_window #TB_title{
		display:flex;
		align-items:flex-start
	}
	.astra-call-to-action{
		position:absolute;
		text-align:center;
		width:100%;
		top:80px
	}
}
@media all and (min-width:769px){
	#TB_window #TB_title{
		display:flex
	}
}
#TB_window.mobile,#TB_window.tablet{
	overflow-y:auto
}
#TB_window.mobile,#TB_window.tablet{
	padding-bottom:200px;
	padding-top:100px
}
.responsive-view .dashicons.active,.responsive-view .dashicons:hover{
	background:0 0;
	color:#fff
}
#TB_window #TB_closeWindowButton:focus .tb-close-icon{
	box-shadow:none;
	color:#666
}
#TB_window #TB_closeWindowButton:hover .tb-close-icon{
	color:#fff
}
@media all and (max-width:768px){
	#TB_closeAjaxWindow{
		padding-right:0
	}
	#TB_window #TB_closeWindowButton,#TB_window .tb-close-icon{
		width:80px
	}
	.responsive-view{
		display:none
	}
	.astra-portfolio-filters,.et_divi_builder #astra-portfolio .astra-portfolio-filters{
		flex-direction:column
	}
	.astra-portfolio-filters .filter-count{
		margin:0 0 1em 0
	}
	.astra-portfolio-filters .filters-wrap{
		display:block
	}
	.astra-portfolio .filter-links.astra-portfolio-other-categories{
		margin:0
	}
	.astra-portfolio-other-categories-wrap{
		margin-bottom:.7em
	}
	.search-form{
		margin-top:1em
	}
}
@media all and (max-width:768px){
	.astra-portfolio-filters,.et_divi_builder #astra-portfolio .astra-portfolio-filters{
		display:flex
	}
	.astra-portfolio-filters .filter-count{
		display:inline-block;
		margin:0 0 1em 0
	}
	.astra-portfolio-categories-wrap{
		float:left;
		width:100%;
		clear:both
	}
	.filters-wrap .astra-portfolio-other-categories-wrap{
		margin-bottom:1em
	}
}
.hide-me{
	display:none!important
}
.spinner.is-active{
	display:inline-block
}
.spinner{
	-webkit-background-size:20px 20px;
	background-size:20px 20px;
	vertical-align:middle;
	display:none;
	opacity:.7;
	width:20px;
	height:20px;
	margin:4px 10px 0;
	background-position:center;
	width:100%;
	background-repeat:no-repeat;
	padding:2em
}
.astra-portfolio-loading .astra-portfolio-load-more-sites,.astra-portfolio-not-has-items .astra-portfolio-load-more-sites{
	display:none
}
.top #TB_iframeContent-wrapper{
	bottom:0;
	top:80px
}
#TB_window.top #TB_title{
	top:0
}
.admin-bar .astra-portfolio-popup .mfp-iframe-holder .mfp-close{
	top:-40px!important
}
.et_divi_builder #astra-portfolio .astra-portfolio-search{
	border-width:1px;
	border-style:solid;
	border-color:#eaeaea;
	color:#666;
	padding:.75em
}
.astra-portfolio-style-1 .site-preview{
	content:"";
	display:block;
	padding-top:100%

}
.astra-portfolio-style-1 .site-preview{
	display:block;
	position:relative;
	transition:all ease-in-out 3s;
	background-position:center top;
	background-size:cover;
border-radius: 10px 10px 0 0;
	/* например, радиус 10 пикселей */
	background-repeat:no-repeat

}
.astra-portfolio-style-1 .site-preview:hover{
	background-position:center bottom;
	background-size:cover
}
.astra-portfolio-has-items #elementor-lightbox{
	display:none!important
}
@media all and (max-width:768px){
	.et_divi_builder #astra-portfolio .site-single,.site-single{
		width:100%
	}
}