/**********Services*********/

.services-bg{background: url(../images/services-bg.jpg) center no-repeat;}
.selectservice {margin:30px 0 0px 0;}

.page-services .top-bg .title{/*margin-top: 50px;*/}
.page-services .top-bg .inner.mag .title{ /*margin-top:80px;*/}
.izgotovlenie_internet-magazina .top-bg .title {margin-top:35px;}
.small_desc{color:#fff;text-align: left; margin-bottom:25px; line-height:28px;}
.small_desc span{color:#FE6053;}

.index-cats.view2, .portfolio-cats.list{float:left;width: 100%;text-align: center;margin:25px 0;}
.index-cats.view2>li, .portfolio-cats.list li{display: inline-block;margin: 5px;position: relative; list-style:none;}

@media screen and (max-width: 480px) {.index-cats.view2>li, .portfolio-cats.list li{margin: 3px;}}

.index-cats.view2>li>a, .portfolio-cats.list li a, .portfolio-cats.list li.current span{color:#ccc; font-size:12px; padding: 4px 10px; display:block; border: 1px solid #666;}

.index-cats.view2>li>a:hover, .portfolio-cats.list li a:hover, .portfolio-cats.list li.current a, .portfolio-cats.list li.current span{color:#333; background:#FFAF57;}
.portfolio-cats.list li a i {font-size:80%; opacity: 0.8}
.portfolio-cats.list li span i {font-size:80%;}
.portfolio-cats.list li a:hover i, .portfolio-cats.list li.current a i, .portfolio-cats.list li span:hover i, .portfolio-cats.list li.current span i {color:#333;}


.index-cats.view2 li ul{display: none;text-align: left; background:#FE6053; width:110%;}
.index-cats.view2 li:hover ul{display: block;position: absolute;left:0px;list-style: none;z-index: 1;}
.index-cats.view2 li ul li{ border-bottom:1px solid #50CF9C;}
.index-cats.view2 li ul li a {font-size:12px; color:#fff; display:block; padding:7px 3px 7px 10px;}

.services-order, .services-order2{text-align: center; width:100%; margin:0px 0 25px 0;}
.services-order a, .services-order2 a{ background-image: linear-gradient(270deg, #FE6053 0%, #FFAF57 100%); /*border: 1px solid #fff;*/ color: #fff;display: inline-block;font-size: 14px;text-transform: uppercase; border-radius:20px; padding:15px 30px; cursor:pointer;}
.services-order a:hover, .services-order2 a:hover{ background: #fff none repeat scroll 0 0; color: #000; opacity: 1; text-decoration:none;}


.page-services .index-cats.view2 > li > a{position: relative;}
.page-services .index-cats.view2 > li > a.hover-1{ padding-right:30px;}
.page-services .index-cats.view2 > li > a.hover-1:after{content: '\25BC';position: absolute;right:5%;top:50%;font-size:10px;color:#a7a8aa;margin-top: -8px; text-transform:lowercase;}
.page-services .index-cats.view2 > li > a.hover-1:hover:after{color:#fff;}
.page-services .index-cats.view2 > li:hover,.page-services .index-cats.view2 > li.active, .page-services .index-cats.view2 > li.active a {color:#333;background: #FFAF57;}
.page-services .index-cats.view2 > li:hover a{color:#333;}
.page-services .index-cats.view2 > li:hover > a.hover-1:after{color:#fff;}


.swiper-slide {


    display: flex;

}
.index-tabs {
    width:100%;
    background:#ddd;
    padding:40px 0 20px 0;
}
.index-tabs-title {font-size:26px; line-height:26px; font-weight:bold; color:#2a2f36;}
.tabs-bg {
    background:#FFF5EA;
    
}
.services-tabs{
    list-style: none;
    /*float:left;*/
    /*width: 100%;*/
    text-align: center;
    background:#7ae3c7;
    padding-top: 25px;
    border-bottom: solid 3px #FE6053;
    max-width: 1244px;
    margin: 0 auto;
    margin-bottom: -3px;
    display: flex;
    justify-content: space-between;


}
.services-tabs li{
    list-style: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    color:#2a2f36;
    text-align:center;
    display: inline-block;

    padding: 50px 10px 15px 10px;
    vertical-align: top;
    /*border: 2px solid transparent;*/
    min-height:41px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 3px solid #fff;
    margin-bottom: -3px;
    border-bottom: transparent;
    margin-right: 30px;
    position: relative;
    flex: 1 1 auto;
}
.services-tabs li:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: -3px;
    width: calc(100% + 6px);
    height: 3px;
    background: #FE6053;
}
.services-tabs li:last-child {
    margin-right: 0;
}
.services-tabs li span{
    display: inline-block;
    padding-bottom: 7px;
    text-align:center;
    font-size: 14px;
    color: #000000;
}

.services-tabs li.li-icon-1{background: #fff url(../images/priceIco1.png) top 10px center no-repeat;}
.services-tabs li.li-icon-2{background: #fff url(../images/priceIco2.png) top 10px center no-repeat;}
.services-tabs li.li-icon-3{background: #fff url(../images/priceIco3.png) top 10px center no-repeat;}

.services-tabs li.li-icon-4{background: #fff url(../images/priceIco4.png) top 10px center no-repeat;}
.services-tabs li.li-icon-5{background: #fff url(../images/priceIco5.png) top 10px center no-repeat;}
.services-tabs li.li-icon-6{background: #fff url(../images/priceIco6.png) top 10px center no-repeat;}

.services-tabs li.li-icon-11{background: #fff url(../images/priceIco11.png) top 10px center no-repeat;}
.services-tabs li.li-icon-12{background: #fff url(../images/priceIco12.png) top 10px center no-repeat;}
.services-tabs li.li-icon-13{background: #fff url(../images/priceIco13.png) top 10px center no-repeat;}
.services-tabs li.li-icon-14{background: #fff url(../images/priceIco14.png) top 10px center no-repeat;}
.services-tabs li.li-icon-15{background: #fff url(../images/priceIco15.png) top 10px center no-repeat;}

.services-tabs li.current {
    color:#FE6053;
    border: 3px solid #FE6053;
    background-color:#fff;
    border-bottom: 3px solid #fff;
}
.services-tabs li.current:after {
    display: none;
}
.services-tabs li:hover {color:#FE6053 !important;border: 3px solid #FE6053; border-bottom: solid 3px transparent;}
.services-tabs li:hover:after {
    display: none;
}

.services-tabs li.current span{color:#FE6053;}
.block-services-tabs .box{display: block;float:left;width: 100%; padding-top:10px;}

.pagetext.construktor.marg0top .title {font-size:22px; line-height:24px; color:#2a2f36; font-weight:bold; margin-bottom:10px;}
.pagetext.construktor.marg0top .title:after{ display:none;}


@media screen and (max-width: 768px) {
	.services-tabs li {margin-right:5px;}
.services-tabs li span {font-size:11px;line-height: 1.3;}
}