.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: 120px;
	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/icon6.png);}
.header-dark .icon.i2 {background-image:url(../images/icons/icon3.png);}
.header-dark .icon.i3 {background-image:url(../images/icons/icon4.png);}
.header-dark .icon.i4 {background-image:url(../images/icons/icon5.png);}
.header-dark .icon.i5 {background-image:url(../images/icons/icon5.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;}
	.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;
}
	}




/*-------------------------cases-----------------------------*/
.block-cases { width:100%;float: left; background: url(../images/slide-calc.jpg) center center no-repeat; background-size: cover;
    padding-bottom:30px; color: #2a2f36;background-attachment: fixed;}
.block-cases.wbg { background: #F2F1F0; padding-bottom:0px; max-height:none; }
.block-cases .case-name {font-size: 26px; line-height:1.25em; margin:10px 0}
.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 {width: 100%; max-width:350px;}
.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 {
	background: linear-gradient(to right, #a457db, #02eeb1);
    padding: 7px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;}
.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;
}




.block-cases .imgdiv:hover .portfolio-bg{display: block; cursor: pointer;}
/*.block-cases  .imgdiv:hover .inner-icons{display: block;}*/
.block-cases .txt-container {
    width: 59%;
    /*height: 555px;*/
    /* background: url("../images/cases_txt_bg.jpg") top left no-repeat; */
    box-sizing: border-box;
    float: left;
}
.page-cases .block-cases .txt-container {padding-top:0;}
.block-cases .txt-container .txt {
    text-align: left;
    /* width: 560px; */
	color:#fff;
    margin: 0 auto;
    font-size: 14px;
    line-height:1.5em;

}
.block-cases.wbg .txt-container .txt {
    color: #000;
}
/* .block-cases .txt-container .txt * {

} */
.block-cases .txt-container .txt p {
    margin-bottom: 10px; line-height:1.5em;
}

.block-cases .txt-container .txt h2 {
    font-size: 30px;
    margin: 0;
    font-weight: normal;
}
.block-cases .cases-phone {
    /*height: 555px;*/
    width:39%;
    padding-left:2%;
    /*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;
    padding-top: 30px;
}
.cases-list .imgdiv {
    margin: 0 auto;
    border-bottom: solid 2px #00f0b1;
    padding-bottom: 30px;
}
.cases-list li {
    /*background: url(../images/cases_bg.jpg) top center no-repeat;
	max-height: 615px;*/
    padding: 0px 0 30px;
    box-sizing: border-box;
    /*margin-bottom: 30px;*/

}
.cases-list li:last-child {
    margin-bottom: 0;
}
.container.cases-contaoner {
    margin: 0;
}
@media only screen and (max-width: 768px) {	
.block-cases .cases-phone {
 width:100%;
padding-left:0%;  
}
	
.block-cases .txt-container {width: 94%; margin:0 2% 0 4%;}

.block-cases .case-name {font-size: 18px; margin-top:30px; font-weight:bold;}

.block-cases .txt-container .txt p { font-size:13px; line-height:1.3;}

.block-cases .cases-phone {
	max-height:300px; overflow:hidden;
}

}
/*-------------------------/cases-----------------------------*/





.description-section {float: left;width: 100%;padding: 60px 0;}
.description-section__flex{display: flex;}
.description-section .text{font-size: 18px; line-height:1.5; font-weight: 300;width: 60%;}
.description-section__img img{margin-top: -30px;}
@media only screen and (max-width: 768px) {
  .description-section{padding-bottom: 30px;}
  .description-section .text{width: 100%;font-size: 14px;}
  .description-section__flex{flex-direction: column;}
  .description-section__img img{margin-top: 10px;}
}



.types-services{float: left;width: 100%;padding: 60px 0; line-height:1.4;background: url('../images/web.png') no-repeat center;background-size: cover;}
.types-services .title{margin-bottom: 40px;}
.types-services .description{font-size: 16px;text-align: center;}
.types-services__flex{display: flex;flex-wrap: wrap;}
.types-services__item{width: 33%;text-align: center;margin-top: 60px;}
.types-services__img{margin-bottom: 30px;}
.types-services__title{font-size: 18px;}

@media only screen and (max-width: 992px) {
  .types-services__item{width: 46%; padding:0 2%;}
}
@media only screen and (max-width: 576px) {
  body .types-services, body .how-works, body .exemple-mob-app{padding-top: 30px;}
  .types-services__item{margin-top: 35px;}
  .types-services__title{font-size: 14px;}
  .types-services__img{margin-bottom: 15px;}
}





.how-works{float: left;width: 100%;padding: 60px 0; line-height:1.4;}
.how-works__flex{display: flex;}
.how-works__flex-left{width: 50%;margin: 0;}
.how-works__flex-left li{font-size: 16px;list-style-type: none;position: relative;padding-left: 20px;margin-top: 30px;}
.how-works__flex-left li::before{content:''; display: block;position: absolute;left: 0;background: url('../images/dot.png') no-repeat center;width: 10px;height: 10px;top: 6px;}
.how-works__flex-right{margin-top: 65px;width: 50%;text-align: center;}
@media only screen and (max-width: 992px) {
  .how-works__flex{flex-direction: column;}
  .how-works__flex-left, .how-works__flex-right{width: 100%;}
}
@media only screen and (max-width: 576px) {
  .how-works__flex-left li{font-size: 14px;margin-top: 15px;}
  .how-works__flex-right{margin-top: 30px;}
}