
.tema-list {
    clear: both;
}
.tema-list .tags-block {
    margin: 0px;
    padding: 20px 0;
    text-align: center;
}

.nomtop {
    margin-top: 0!important;
}

.header-dark:after {
	display: block;
	clear: both;
	content: '';
}
.header-dark .icon {
    width: 16%;
    float: left;
    color: #fff;
    margin-top: 20px;
    padding: 55px 2% 0 2%;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 12px;
}

.header-dark {
    height: 132px;
	width: 100%;
    background: rgba(0,0,0,0.6);
    
    bottom: 0;
    z-index: 2;
}
.header-dark .icon {
    width: 20%;
    padding: 55px 0px 0 0px;
}




@media only screen and (max-width: 1200px) {
  .header-dark .icon br{display: none;}
}

.header-dark .icon.i1 {background-image:url(../images/icons-smm/1.png);}
.header-dark .icon.i2 {background-image:url(../images/icons-smm/2.png);}
.header-dark .icon.i3 {background-image:url(../images/icons-smm/3.png);}
.header-dark .icon.i4 {background-image:url(../images/icons-smm/4.png);}
.header-dark .icon.i5 {background-image:url(../images/icons-smm/5.png);}



/*.header-dark {width:100%; height:120px; background: rgba(0,0,0,0.6); position:absolute; bottom:0; z-index:2}*/

.header-dark .icon {width: 21%; float:left; color:#fff; margin-top:20px; padding:55px 2% 0 2%; background-position:top center; background-repeat:no-repeat; text-align:center; font-size:12px;}

.header-dark .icon div {font-size:13px; line-height:1.15em; margin-bottom:5px;}
@media screen and (max-width: 768px){.header-dark .icon div {font-size:11px;}}



/*-------------------------module_services-----------------------------*/
.block-service1{float:left;width: 100%; text-align:center; margin-bottom: 25px;line-height:1.6;}
.block-service1 .parent1{display: inline-block;width: 30%;margin: 0px 0px;vertical-align: top; min-width:250px; min-height:150px;  margin:1%; box-sizing: border-box; text-align:left;}
.block-service1 ul{list-style: none;}
.block-service1 .parent1 .parent1-a { box-sizing: border-box; font-size: 18px; font-weight: bold; text-align: left; color:#2a2f36; text-transform: uppercase;}
.block-service1 .parent1 > ul { box-sizing: border-box; float: left; list-style: outside none none; padding-top: 10px; opacity: 1; padding-bottom: 3px; text-align: left; transition: opacity 0.3s ease 0s, visibility 0.1s ease 0s; visibility: visible; width: 100%; position: relative;}
.block-service1 .parent2{float:left;width: 100%;box-sizing: border-box;}
.block-service1 .parent2 a{transition: .2s;}
.block-service1 .parent2 a:hover{color:#FE6053;text-decoration: underline;}
.block-service1 .parent2 i{font-weight: bold;background: rgba(0, 0, 0, 0) url("../../../images/arrow-services.png") no-repeat scroll right center; font-weight: bold; width: 18px;height: 18px;float:right;cursor: pointer;}
.block-service1 .parent2-a.parent{font-weight: bold;}
.block-service1>li>ul{visibility: hidden;opacity: 0;}
.block-service1>li>ul li ul{display: none;opacity: 1;visibility: visible;}
.block-service1>li>ul li{padding:3px 15px;position: relative;}
.block-service1>li>ul>li::before{content:''; position: absolute;left: 0;top: 10px;background: url('../images/rect.png') no-repeat center; background-size: cover;width: 6px;height: 8px;}
.block-service1>li>ul>li a{font-size: 13px;color:#2a2f36;line-height: 16px;}
.block-service1 .parent3-a{font-size:13px; line-height:15px;}

.block-service1 .parent1{position: relative;}
.block-service1 .parent1:last-child .icon-wrap{background-color: #f5f5f5;}
.block-service1 .parent1:last-child{background-color: #f5f5f5;}
.block-service1 .parent1 .parent1-a{margin-left: 85px;margin-bottom: 20px;display: block;}

.block-service1 .parent1 .icon-wrap{padding: 10px 15px;background: #e6e4e3;}
.block-service1 .parent1 .icon-wrap + ul{padding: 10px 15px;background-color: #f5f5f5;}
.block-service1 .parent1 .icon-wrap img{widows: 70px;height: 55px;position: absolute;left: 0;top: 0;}

.block-service1 .parent1 .icon-wrap ul{position: relative;top: 10px;padding-bottom: 10px;}
.block-service1 .parent1 .icon-wrap ul li{list-style-type: disc;margin-left: 13px;padding-left: 2px;}

@media only screen and (max-width: 992px) {
  .block-service1 .parent1 .parent1-a{font-size: 14px;}
  .block-service1 .parent1 .parent1-a{margin-left: 75px;}
}




/*-------------------------strategy-----------------------------*/
.strategy{float: left;width: 100%;background: url('../images/strategy/bg.jpg') no-repeat center; background-size: cover;padding: 50px 0;color: #ffffff;}
.strategy__items{display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;}
.strategy__item{width: calc(33% - 10px);display: flex;align-items: center;margin-bottom: 35px;}
.strategy__title{text-align: left;font-size: 16px;margin-left: 30px;}
.strategy__img img{max-width: 70px;}
@media only screen and (max-width: 992px) {
  .strategy__items{justify-content: center;}
  .strategy__item{width: calc(50% - 10px)};
}
@media only screen and (max-width: 576px) {
  .strategy__item{width: calc(100% - 40px)};
}
/*------------------------- / strategy-----------------------------*/

@media only screen and (max-width: 768px) {	
.header-dark .inner {margin-top: 10px;}
.header-dark .icon {
    margin-top: 10px;
    padding-top:45px;
    font-size: 11px;
}

.block-service1 .parent1 {
    width: 98%;
	margin-bottom:3%;
}

.block-text, .block-blog {
    padding-bottom: 0px;
}
.block-cases .cases-phone {
    display: none;
}
}



/*------------------------- Решаем задачи -----------------------------*/
.strategy.works-purpose{background: none;color: #000000;}
/*------------------------- / Решаем задачи -----------------------------*/



/*-------------------------cases-----------------------------*/

.block-cases { width:100%;float: left;
	background: url(../images/digital-market/digital-market.jpg) center center no-repeat;
	max-height: 650px;
	background-size: cover;
	padding-bottom:30px;
}
.block-cases.wbg {
	background: #F2F1F0;
	padding-bottom:0px;
	max-height:none;
}

.block-cases .case-name {font-size: 26px; line-height:1.25em}

.block-cases .jcarousel-wrapper {width: 93%; padding: 0px 3.5%;}

.block-cases .moreblog {margin:23px auto; margin-bottom:0;}
.block-cases .moreblog a, .block-portfolio .ajaxloadportfolio span {padding-left:0; padding-right:0;}

.block-cases .ulcenter {text-align:center;}

.section .box{display: none;float:left;width: 100%;}
.section .visible.box{display: block;}
.block-cases .jcarousel-wrapper li {text-align: center; padding:7px;}
.block-cases li img{display: inline-block!important;}
.block-cases .imgdiv{
    overflow: hidden;
    margin:0 auto;}

.block-cases li img { max-width:400px;width: 100%;}
.block-cases li .title-label {position: absolute;bottom: 0px;left:0px;width: 100%;height: 55px;    background: rgba(243,242,241,0.9);/*color:#777;*/font-size: 14px;line-height: 55px;}
.block-cases .imgdiv{
	position: relative;
}

.block-cases .text-podrobnee {font-size:18px;}

.jcarousel-pagination-portf{text-align: center;margin-bottom: 20px;}

.jcarousel-wrapper li{float:left;}
.jcarousel-wrapper>div{   overflow: hidden;
    position: relative;}

.jcarousel-wrapper ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20000em;
}
.block-cases .jcarousel-control-prev-portf-all {
	left: 0px; background: url(../../../images/portfolio-left.png) center left no-repeat !important;
}
.block-cases .jcarousel-control-next-portf-all {
	right: 0px; background: url(../../../images/portfolio-right.png) center right no-repeat !important;
}




/*.inner-icons{position: absolute;top:50%; margin-top:-7%;width: 100%;z-index: 2;display: none;}
.inner-icons .icon-1{background: url(../../../images/portfolio-icon-1.png) left 5px center no-repeat #FFECB9;padding: 5px 10px 5px 25px;color:#2a2f36;font-size: 12px;}

.inner-icons .icon-2{background: url(../../../images/portfolio-icon-2.png) left 5px center no-repeat #FFECB9;padding: 5px 10px 5px 32px;color:#2a2f36;font-size: 12px;}

.inner-icons .icon-3{background: url(../../../images/portfolio-icon-3.png) left 5px center no-repeat #FFECB9;padding: 5px 10px 5px 25px;color:#2a2f36;font-size: 12px;}*/





.block-cases .imgdiv:hover .portfolio-bg{display: block; cursor: pointer;}
/*.block-cases  .imgdiv:hover .inner-icons{display: block;}*/
.block-cases .txt-container {
    width: 800px;
	/*height: 555px;*/
	padding: 30px 0;
	background: url("../images/cases_txt_bg.jpg") top left no-repeat;
	box-sizing: border-box;
	float: left;
}
.block-cases .txt-container .txt {
	text-align: left;
	width: 560px;
	margin: 0 auto;
	font-size: 14px;
	line-height:1.5em;
}
.block-cases .txt-container .txt * {

}
.block-cases .txt-container .txt p {
	margin-bottom: 20px; line-height:1.5em;
}
.block-cases .txt-container .txt b, .block-cases .txt-container .txt strong {
	font-size: 24px;
	font-weight: normal;
}
.block-cases .txt-container .txt h2 {
	font-size: 30px;
	margin: 0;
	font-weight: normal;
}
.block-cases .cases-phone {
	/*height: 555px;*/
	width: 282px;
	max-height:400px; 
	overflow:hidden;
	float: right;
	position: relative;
	/*background: url("../images/cases_phone.png") top left no-repeat;*/
}

.block-cases .cases-phone img {
	width: 282px;
	height: auto;
}
.cases-list {
	list-style: none;
	width: 100%;
	margin: 0;
}
.cases-list .imgdiv {
	width: 1140px;
	margin: 0 auto;
}
.cases-list li {
	/*background: url(../images/cases_bg.jpg) top center no-repeat;
	max-height: 615px;*/
	padding: 30px 0;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.cases-list li:last-child {
	margin-bottom: 0;
}
.container.cases-contaoner {
	margin: 0;
}
.text-center {
	text-align: center;
}

.header-dark .inner {
    margin-top: 30px;
}

@media screen and (max-width: 1200px) {
	.cases-list .imgdiv {
		width: 960px;
	}
	.block-cases .txt-container {
        width: calc(100% - 332px);
		background: #fff;
	}
	.block-cases .txt-container .txt {
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}
	.block-cases {
		height: auto;
		max-height: none;
	}
}
@media screen and (max-width: 1024px) {
	.cases-list .imgdiv {
		width: 760px;
	}
	.block-cases .txt-container {
		width: calc(100% - 332px);
	}

}
@media screen and (max-width: 768px) {
	.block-cases .cases-phone {
		float: none;
		margin: 0 auto 20px;
	}
	.block-cases .txt-container {
		float: none;
		width: 100%;
		background: #fff;
		padding-bottom: 10px;
	}
	.block-cases .txt-container .txt {
		margin-left:0;
		padding: 0px 20px;
		width: 100%;
		box-sizing: border-box;
		font-size: 14px;
	}
	.block-cases .txt-container .txt p {
		margin-bottom: 10px;
	}
	.block-cases .txt-container .txt b, .block-cases .txt-container .txt strong {
		font-size: 18px;
	}
	.block-cases .txt-container .txt h2 {
		font-size: 26px;
	}
	.block-cases {
		max-height: none;
	}
	.cases-list .imgdiv {
		width: 98%;
		margin: 0 auto;
	}
}

/*-------------------------/cases-----------------------------*/

