/* ФОТОГАЛЕРЕЯ */
section#bottom-long-4 {
	background: #fff;
	padding: 150px 0px 140px 0px;
}
.fotogallery_new ul.uk-subnav{
    margin: 0 auto;
}
.fotogallery_new .uk-subnav>li {
	border: 0;
	margin: 0;
	width: 33.3%;
	text-align: center;
    height: 41px;
	transition:all 0.5s;
	padding: 0;
}
.fotogallery_new .uk-subnav>li a{
	font-family: Days;
	font-size: 34px!important;
	text-transform: uppercase!important;
	color: #4ab1fa;
    padding: 0!important;
    line-height: 40px;
	transition:all 0.5s!important;
	display:block!important;
}
.fotogallery_new .uk-subnav>li.uk-active a{
	color: #152738;
	background: unset;
	font-size: 40px!important;
    padding: 0;
    line-height: 40px!important;
}
.fotogallery_new .uk-subnav>li a:hover{
	background: unset;
	box-shadow: none;
	/*border-bottom: 1px solid #4ab1fa !important;*/
}
.fotogallery_new .uk-subnav>li.uk-active a:hover{
	border-bottom: none !important;
}
.fotogallery_new .row-fluid .span8 {
	height: 370px;
    overflow: hidden;
    margin: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    width: calc(66.6666666666% - 10px + 10px/2 + 1.6px );
}
.fotogallery_new .row-fluid .span4 {
    width: calc(33.333333333333% - 10px + 10px/3 );
    overflow: hidden;
    height: 370px;
    margin-bottom: 10px;
    margin-left: 10px;
}
.fotogallery_new .row-fluid [class*="span"]:nth-child(1), .fotogallery_new .row-fluid [class*="span"]:nth-child(3), .fotogallery_new .row-fluid [class*="span"]:nth-child(6){
	margin-left: 0;
}
.sert-block .span8, .sert-block .span4{
	outline: 1px solid #4ab1fa;
}
.sert-block .more-info{
	background: url(../../images/icons/border-up-corner.png) no-repeat 480px -175px, #0096ff url(../../images/icons/border-down-corner.png) no-repeat -175px 470px;
    width: 100%;
    height: 370px;
    transition: 0.5s;
}
.sert-block a{
	color: #fff;
}
.sert-block a:hover{
	text-decoration: none;
}
.sert-block a:hover .more-info{
	background-position: 280px 25px, 25px 270px;
	background-color:#006fab;
}
.sert-block .more-info .goto{
	padding-top: 125px;
    text-align: center;
    font-size: 20px;
	line-height: 35px;
}
.sert-block .more-info .name-block{
    text-align: center;
    font-size: 38px;
    line-height: 46px;
    text-transform: uppercase;
    font-weight: bold;
}
.sert-block a:hover .more-info{
    color: #fff;
}
.sert-block a:hover .title{
	color: #fff;
}
.sert-block .more-info .goto:before {
    content: "";
    background-image: url(../../images/icons/arrow-icon.png);
    width: 35px;
    height: 28px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}
.sert-block .title{
	margin-top: -90px;
    background: rgba(21, 39, 56,.8);
    position: relative;
    display: block;
    height: 100px;
    overflow: hidden;
    padding: 10px 25px;
    transition:0.5s;
	font-size: 15px;
    line-height: 20px;
}
.sert-block .item img{
	transition:0.3s;
}
.sert-block .item{
	height: 370px;
	overflow: hidden;
	background: #041120;
}
.sert-block .item:hover img{
	opacity: 0.25;

}
.sert-block .item:hover .title {
    background: none;
}
.sert-block .span4 .item:hover:before{
    content: "";
    background-image: url(../../images/icons/lupa.png);
    width: 56px;
    height: 56px;
    position: absolute;
    margin-left: 165px;
    margin-top: 160px;
}
.sert-block .span8 .item:hover:before{
	content: "";
    background-image: url(../../images/icons/lupa.png);
    width: 56px;
    height: 56px;
    position: absolute;
    margin-left: 365px;
    margin-top: 160px;
}
.sert-block .up-text{
    text-align: center;
    font-size: 15px;
    list-height: 24px;
    color: #152738;
    width: 400px;
    margin: 0px auto;
    margin-bottom: 35px;
	margin-top: 10px;
}
.fotogallery_new .uk-subnav li:nth-child(2):before{
    content: "";
    background-image: url(../../images/icons/strelki.png);
	background-position: 0 0;
	background-repeat: no-repeat;
    width: 36px;
    height: 26px;
    position: absolute;
    left: 10px;
    margin-top: 6px;
}
.fotogallery_new .uk-subnav li:nth-child(2):after{
    content: "";
    background-image: url(../../images/icons/strelki.png);
    width: 36px;
    height: 26px;
    right: 10px;
    position: absolute;
    margin-top: -34px;
    background-position-x: -38px;
}
.fotogallery_new .uk-subnav li:nth-child(1){
    width: 370px;
    text-align: right;
}
.fotogallery_new .uk-subnav li:nth-child(2){
    width: 500px;
}
.fotogallery_new .uk-subnav li:nth-child(3){
    width: 300px;
    text-align: left;
}
@media (max-width:1199px){
	section#bottom-long-4 {
		padding: 90px 0px 90px 0px;
	}
	section#bottom-long-4 > container{
		width: 940px;
	}
	.fotogallery_new .uk-subnav>li.uk-active a {
		font-size: 30px!important;
		line-height: 30px!important;
	}
	.fotogallery_new .uk-subnav>li a {
		font-size: 24px!important;
		line-height: 30px!important;
	}
	.fotogallery_new .uk-subnav li:nth-child(1) {
		width: 280px;
	}	
	.fotogallery_new .uk-subnav li:nth-child(3) {
		width: 230px;
	}
	.fotogallery_new .uk-subnav li:nth-child(2) {
		width: 430px;
	}
	.fotogallery_new .uk-subnav li:nth-child(2):before,
	.fotogallery_new .uk-subnav li:nth-child(2):after{
		width: 28px;
		height: 22px;
		margin-top: 3px;
	}
	.fotogallery_new .uk-subnav li:nth-child(2):before {
		background-position: 0px -30px;
		left: 30px;
	}
	.fotogallery_new .uk-subnav li:nth-child(2):after {
		background-position: 100% -30px;
		right: 30px;
		margin-top: -27px;
	}

	.fotogallery_new .row-fluid .span4,
	.fotogallery_new .row-fluid .span8,
	.sert-block .item {
		height: 300px;
	}
	.sert-block .more-info{
		height: 300px;
		background: url(../../images/icons/border-up-corner_992.png) no-repeat 340px -85px, #0096ff url(../../images/icons/border-down-corner_992.png) no-repeat -85px 340px;
	}
	.sert-block a:hover .more-info {
		background-position: 240px 15px, 15px 240px;
	}
	.sert-block .more-info .goto {
		padding-top: 90px;
		font-size: 16px;
	}
	.sert-block .more-info .name-block {
		font-size: 30px;
		line-height: 36px;
	}
	.sert-block .title {
		margin-top: -70px;
		height: 50px;
		font-size: 14px;
		line-height: 18px;
		padding: 10px 20px;
	}
	.sert-block .up-text{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.custom_empty.fotogallery_new ul.uk-subnav.uk-subnav-pill.uk-flex-left{
		margin-bottom: 0px!important;
	}
	.custom_empty.fotogallery_new ul.uk-margin-top {
		margin-top: 10px!important;
	}
	.sert-block .span8 .item:hover:before {
		margin-left: 295px;
		margin-top: 120px;
	}
	.sert-block .span4 .item:hover:before {
		margin-left: 115px;
		margin-top: 120px;
	}
}
@media (max-width:991px){
	#bottom-long-4 .container{
		width: 730px;
	}
	.fotogallery_new .uk-subnav>li a {
		font-size: 20px!important;
		line-height: 30px!important;
		letter-spacing: 1px;
	}
	.fotogallery_new .uk-subnav>li.uk-active a {
		font-size: 22px!important;
		line-height: 30px!important;
	}
	.fotogallery_new .uk-subnav li:nth-child(1) {
		width: 225px;
	}
	.fotogallery_new .uk-subnav li:nth-child(3) {
		width: 170px;
	}
	.fotogallery_new .uk-subnav li:nth-child(2) {
		width: 320px;
	}
	.fotogallery_new .uk-subnav li:nth-child(2):before,
	.fotogallery_new .uk-subnav li:nth-child(2):after{
		width: 20px;
		height: 16px;
		margin-top: 6px;
	}
	.fotogallery_new .uk-subnav li:nth-child(2):before {
		background-position: 0px -60px;
		left: 20px;
	}
	.fotogallery_new .uk-subnav li:nth-child(2):after {
		background-position: 100% -60px;
		right: 20px;
		margin-top: -24px;
	}
	.sert-block .up-text {
		margin-bottom: 30px;
		width: initial;
	}
	.fotogallery_new .row-fluid .span8,
	.fotogallery_new .row-fluid .span4{
		width: calc(48.93617021276595% - 3px + 10px/2 );
		margin-left: 0;
	}
	.fotogallery_new .row-fluid > div:nth-child(2n),
	.fotogallery_new .row-fluid > div:nth-last-child(1){ /* последний нечетный, но предпоследний скрыли, поэтому последнему тоже отступ делаем */
		margin-left: 10px!important;
	}
	.fotogallery_new .row-fluid > div:nth-last-child(2){ /* второй с конца */
		display:none;
	}
	.fotogallery_new .row-fluid .span4, .fotogallery_new .row-fluid .span8, .sert-block .item {
		height: 350px;	
	}
	.sert-block .item img {
		max-width: initial;
	}
	.sert-block .title {
		margin-top: -115px;
		height: 45px;
	}
	.sert-block .more-info .goto {
		padding-top: 110px;
	}
	.sert-block .more-info {
		height: 350px;
	}
	.sert-block a .more-info {
		background-position: 395px -85px, -85px 375px;
	}
	.sert-block a:hover .more-info {
		background-position: 295px 15px, 15px 275px;
	}
	.sert-block .span8 .item:hover:before,
	.sert-block .span4 .item:hover:before{
		margin-left: 150px;
		margin-top: 150px;
	}
}
@media (max-width:767px){
	.fotogallery_new .uk-subnav li {
		width: 100%!important;
		padding: 0;
		margin: 0;
		text-align: center!important;	
	}
	.fotogallery_new .uk-subnav li:before {
		margin-left: calc(50% - 130px);
		content: "-"!important;
		background: none!important;
		font-size: 70px;
		margin-top: -2px!important;
		color: #4ab1fa;
		left: initial!important;
		overflow: hidden;
		display: block;
		float: left;
		position: absolute;
		height: 25px!important;
	}
	.fotogallery_new .uk-subnav li.uk-active:before{
		color: #152738;
	}
	.fotogallery_new .uk-subnav li:nth-child(2):before {
		margin-left: calc(50% - 140px);
	}
	.fotogallery_new .uk-subnav li:nth-child(3):before {
		margin-left: calc(50% - 110px);
	}
	.fotogallery_new .uk-subnav li:after {
		display: none;
	}
	
	.fotogallery_new .row-fluid .span4, .fotogallery_new .row-fluid .span8, .sert-block .item {
		height: 320px;		
		/*background: #041120!important;*/
	}
	.sert-block .item{}
	.fotogallery_new .row-fluid .span4, .fotogallery_new .row-fluid .span8{
		margin: 0 0 10px 0!important;
		padding: 0 10px;
		width: 100%;
		outline: none;
		text-align: center;
	}
	.sert-block .item img {
		max-width: initial;
		padding: 0;
		margin: 0;
	}
	.fotogallery_new .row-fluid > div:nth-child(2n), .fotogallery_new .row-fluid > div:nth-last-child(1) {
		margin-left: 0px!important;
	}
	.sert-block .title {
		margin-top: -160px;
		height: 75px;
		padding: 5px 20px 0px 20px;
	}
	.fotogallery_new .row-fluid > div:nth-child(n+3){
		display:none;
	}
	.fotogallery_new .row-fluid > div:nth-last-child(1){ 
		display:block;
	}
	.sert-block .span4 .item:hover:before,
	.sert-block .span8 .item:hover:before{
		margin-left: 0;
		margin-top: 120px;
		left: calc(50% - 30px);
	}
	.sert-block .more-info .goto {
		padding-top: 100px;
	}
	.sert-block a:hover .more-info {
		background-position: 225px 15px, 15px 245px;
	}
	.sert-block a:hover .more-info {
		background-position: 325px -85px, -85px 345px;
	}

}
/* end ФОТОГАЛЕРЕЯ */