body { line-height: 1.4;font-weight: 300;}
/*baforms*/
 .ba-forms-modal-wrapper {
    z-index: 10001!important;
} 
.dimmer {
    z-index: 999995;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: black no-repeat scroll center center;
    opacity: 0.5;
}
#ba-forms-notification {
    bottom:auto!important;
    position: absolute!important;
    z-index: 999996!important;
    background: #fff!important;
    box-shadow: 0px 2px 10px rgba(43, 47, 63, 0.3)!important;
    border-radius: 0!important; 
    
    
}

#ba-forms-notification .ba-forms-notification-inner {text-align: center;
    background: #FFFFFF;
    border-radius: 0; padding:60px!important;
}

.zmdi-close {
    color: #B0BAC1!important;right: 20px!important;top: 15px!important;  
}

.zmdi-close:hover {
    color: #222222!important;
}

#ba-forms-notification p {
   color: #222222!important;
   font-weight: 300!important;
}
/*baforms*/


/*custom*/  


.nowrap{white-space: nowrap;}
.pt_lg {padding-top:50px;}
.pb_lg{padding-bottom:50px;}
.menu-with-offcanvas .mainphone a {font-size:18px;font-weight:600;}
.before-after img {max-width:450px;}
ul.marked {
    padding-left: 35px;
}

.bg_grey {background:#f4f4f4;}
.sp-page-title .sp-page-title-sub-heading {
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    margin-top: 20px;
}
.logo-client img {max-height:150px;}
.marked>li:before {
    content: '';
    float: left;
    display: inline-block;
    margin-left: -27px;
    margin-top: 10px;
    width: 17px;
    line-height: inherit;
    background: #222;
    height: 2px;
    margin-right: 10px;
    margin-bottom: 2px;
}

.uk-scope ol.list, .uk-scope ul.list,ul.list {
    padding-left: 20px;
}


.tseli_content ul.list li {margin-bottom:10px;}




.uk-scope .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover{
    
     -webkit-box-shadow: 0px 24px 44px rgb(33 33 33 / 15%);
    -moz-box-shadow: 0px 24px 44px rgba(33,33,33,0.15);
    -ms-box-shadow: 0px 24px 44px rgba(33,33,33,0.15);
    -o-box-shadow: 0px 24px 44px rgba(33,33,33,0.15);
    box-shadow: 0px 24px 44px rgb(33 33 33 / 15%);   
    
}
.uk-scope .uk-card,.uk-scope .uk-panel{
-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}

ul li {
    position: relative;
    list-style: none;
}
#sp-footer, #sp-bottom {
    background: #252937;
}
#sp-bottom .sp-module ul>li {
    display: block;
    margin-bottom: 5px;
}
.position-absolute {
    position: absolute!important;
}

ul.list li::before {
    content: '';
    display: block;
    position: absolute;
    left: -20px;
    width: 8px;
    height: 8px;
    background-color: #ffa20f;
    top: 7px;
}



.ba-forms-modal-backdrop, .uk-modal {
    background: rgb(1, 7, 9, .85)!important;
}
.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn, .ba-form-submit-wrapper .ba-form-submit-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px!important;
    padding: 5px 50px!important;
    font-size: 13px!important;
    text-decoration: none!important;
    text-transform: uppercase;
    border-radius: 3px!important;
    white-space: nowrap;
    width: auto!important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin: 0 auto;
    color: #222;
}
.ba-form-submit-field.calcsitepopup {margin-bottom: 0;}
.ba-form .com-baforms-wrapper {
    background: #E4EBF1!important;
    box-shadow: 0px 2px 10px rgba(43, 47, 63, 0.3)!important;
    border-radius: 6px!important;
    padding: 10px!important;
}

.ba-form-1 .ba-form-page {
    background: #fff!important;
    padding: 0 50px 50px 50px!important;
    border-radius: 0!important;
}
.ba-form-1 .ba-forms-lightbox-row {width:100%;
    transform: none;
}
.ba-icon-close {
    color: #555!important;
    right: 20px!important;
    top: 15px!important;
}
.ba-forms-lightbox-row .ba-icon-close {
    padding: 5px !important;color: #555!important;
    width: 29px;
}
.ba-form-field-item.ba-form-input-field.mbo {
    margin-bottom: 0!important;
}
.ba-form-1 .ba-forms-lightbox-row .ba-icon-close {
    padding: 5px !important;
    color: #222!important;
    right: -40px!important;
    position: relative;
    top: -10px!important;
    font-size: 40px;
}
.uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 {
    font-family: 'Roboto', sans-serif;}
    
.uk-scope .uk-h2{ font-weight:600;}  
    h2 {
    font-size: 45px;
    line-height: 1.2; font-weight:600;
}
.uk-scope .uk-link-toggle:hover .uk-link, .uk-scope .uk-link:hover, .uk-scope a:hover {
    text-decoration: none;
}

.uk-scope .uk-h4, .uk-scope h4 {font-size:20px; font-weight:600;line-height: 1.2;}
.uk-scope .uk-h3, .uk-scope h3 {
    font-size: 22px;
    font-weight:600;line-height: 1.2;
}

 .uk-scope .dop_services .uk-card {box-shadow: none;}

.uk-scope .uk-card-primary {
    background-color: #ffa20f;}
    
    
.main_title,.uk-scope .uk-h1.main_title, .uk-scope h1.main_title {font-weight: 700;font-size:50px;}
.title {
    font-size: 22px;
    line-height: 1.2;
}
.title_big {
    font-size: 32px;
    line-height: 1.2;
}
.price {font-weight:600;font-size:18px;color:#222;}
.uppercase {text-transform:uppercase;}
.lh12,#ba-forms-notification p {line-height:1.2!important;}
.lh2 {line-height:1.6;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f20 {font-size:20px;}
.white {color:#fff!important;}
.mlg {margin-bottom:50px;}
.mbm {margin-bottom:30px;}
.mbs {margin-bottom:15px;}
.mtlg,.uk-scope .uk-grid.mtlg {margin-top:50px;}
.mt30 {margin-top:30px;}
.mt10 {
    margin-top: 10px;
}
/*.mtminus {margin-top:0!important;}*/
.mla {margin-left:auto;}
.ml30 {margin-left:30px;}
.mr30 {margin-right:30px;}
.mrs {margin-right:5px;}
.mra {margin-right:auto;}
.fwb {font-weight:bold;}
.fw400 {font-weight:400!important;}
.f16 {font-size:16px!important;}
.tac {text-align:center;}
.tar {text-align:right;}
.fw600 {
    font-weight: 600!important;
}
.sp-page-title {
    background: #252937;padding: 80px 0 60px 0;background-position: center;
}
.offcanvas-menu {
    background-color: #252937;
    color: #ffffff;
}
.offcanvas-menu .logo-image {display:none;}
.ba-form-headline-field .ba-field-label-wrapper h2.ba-input-label-wrapper {font-size:22px;}


.sp-page-title .sp-page-title-heading {margin-top:20px;
    font-size: 50px;
}
.sp-page-title .breadcrumb {
    justify-content: center;}

.breadcrumb {
    font-size: 14px;}
    
    
.btn_big{
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius:0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    background: #ffa20f;
    color: #252525!important;
    padding: 10px 30px;
    box-shadow: none;
    min-width: 200px;}

.btn_big:hover {background:#ffb347;}



.border_btn {background: transparent;
    border: 1px solid #222;}
.border_btn:hover,.uk-panel:hover .border_btn{
    background: #ffa20f; 
    border: 1px solid #ffa20f;
  }
  
   .uk-scope .slider .uk-padding {
    padding: 0;
}

.uk-scope .slider .uk-overlay {
    padding: 0;
    justify-content: left;
}
.uk-scope .slider .uk-slideshow-items {
  min-height:200px!important;
}
.uk-scope .slider .uk-dotnav>*>* {background-color: rgb(255, 255, 255, .3);
}
.uk-scope .slider .uk-dotnav>.uk-active>* {
    background-color: rgb(255, 255, 255, .69);
    border-color: rgb(255, 255, 255, .69);
}
.uk-scope .slider img{
max-width: 500px;
    height: auto!important;}
/**/






/*виды разработки сайтов*/

.dev-price-elements-list-work__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px;
}
.dev-price-elements-list-work__name {
    max-width: calc(100% - 25px);
}
.dev-price-elements-list-work__icon {
    width: 24px;
    height: 24px;
    border: 1px solid #222;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: 7px;
    margin-bottom: -3px;
}
.dev-price-elements-list-work__icon {
    cursor: pointer;
}
.dev-price-elements-list-work__icon-describe {
    position: relative;
}
.dev-price-elements-list-work__icon._price-elements-list-work-icon__s {
    display: none;
}
.dev-price-elements-list-work__describe {
    display: none;
    flex-wrap: wrap;
    width: 320px;
    font-size:14px;
    height: auto;
    padding: 14px 16px 14px;
    background-color: #fff;
    border: 1px solid #222222;
    border-radius: 8px;
    position: absolute;
    left: calc(50% + 7px/2);
    transform: translate(-50%,0);
    bottom: 30px;
    z-index: 100;
}

.dev-price-elements-list-work__icon:hover+.dev-price-elements-list-work__describe {
    display: flex;
}






/**/
/*.blur_bg {backdrop-filter: blur(16px); }*/
.uk-scope .preim .uk-panel { 
    color: #555;  
    transition: all 0.2s;
    border-radius: 3px;
    background: #fff;
    border: none;
}
.uk-scope .preim.panel_grey .uk-panel  { 

    background: #f4f4f4;

}

.uk-scope .panel_grey .uk-panel,.uk-scope .panel_grey .uk-card  { 

    background: #f4f4f4;

}

    
.uk-scope .preim .uk-panel .blur_bg   {padding:50px 30px 30px 30px;} 

.ukbody_ptbig .uk-card-body {padding-top:70px;}


    
.uk-scope .preim .uk-panel:hover {
    box-shadow: 0px 25px 30px -10px rgb(0, 0, 0, .15);
    transform: translateY(-8px);
}

.circle_img_yel img {
    
    position: absolute;
    left: 30px;
    top: -40px;
}


/*partners*/

.items-partners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.items-partners .img_wr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 70px;
    margin-bottom: 30px;
}

.items-partners .img_wr img {
    max-height: 70px;
    max-width: 140px;
    margin: 0 20px;
    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
}

.items-partners .img_wr img {
    max-width: 150px;
}
.items-partners .img_wr:after {
    content: '';
    display: block;
    background: #ebecf0;
    height: 66px;
    width: 1px;
}

.clients .uk-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid #e5e5e5; BACKGROUND:#fff;
    border-radius: 3px;
}
.clients .uk-panel img {margin:0 auto;}
/*services*/

.services .uk-panel {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #F4F4F4;
    border: 1px solid #F4F4F4;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.services_info {
    width: 500px;
    padding: 40px 40px 40px 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.services_name {
    color: #212121;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    line-height: 35px;
    padding: 0 0 15px;
}
.services_name span {
    position: relative;
    z-index: 1;
}
.services_name span:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: -10px;
    bottom: 0;
    width: 0;
    height: 15px;
    opacity: 0;
    background: #ffa20f;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.services .uk-panel:hover, .services .uk-panel:focus, .services .uk-panel:active {
    border: 1px solid #ffa20f;
    -webkit-box-shadow: 0px 24px 44px rgb(33 33 33 / 15%);
    -moz-box-shadow: 0px 24px 44px rgba(33,33,33,0.15);
    -ms-box-shadow: 0px 24px 44px rgba(33,33,33,0.15);
    -o-box-shadow: 0px 24px 44px rgba(33,33,33,0.15);
    box-shadow: 0px 24px 44px rgb(33 33 33 / 15%);
}

.services .uk-panel:hover  , .services .uk-panel:focus  , .services .uk-panel:active  {
    background: #Fff;}

.services .uk-panel:hover .services_name span:after{
    opacity: 1;
    width: calc(100% + 20px);
}
.w60 {width: 60%;}
.services_desc {
    color: #757575;
    font-size: 16px;
    line-height: 1.3;
}

.services_img {
    position: relative;
    width: calc(100% - 500px);
    min-height: 320px;
}
.services_img img {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    max-width: 350px;
}
/*tabs*/
.uk-scope .uk-tab-left>*>a {font-weight:500;
    border-right: 2px solid transparent;}
.uk-scope .uk-tab>.uk-active>a {
    color: #000;
    border-color: #ffa20f;
}
.tabs_sites_body .uk-scope  {background: #ffffff; padding:60px 40px; -webkit-box-shadow: 0px 24px 44px rgb(33 33 33 / 15%);
    box-shadow: 0px 2px 20px rgb(43, 47, 63, .06);
}
.uk-scope .tabs_sites .number-nav {
    font-weight: 900;
    position: relative;
    font-size: 20px;
    border: 3px solid #ffa20f;
    color: #222;
    width: 40px;min-width: 40px;
    text-align: center;
    margin-right: 10px;
}
 .uk-scope .tabs_sites .uk-active .number-nav {
    background: #ffa20f;
}


.cifre_left .big_cifre_left {font-size:100px; font-weight:900;margin-right:10px; color:#ffa20f;}
.cifre_left .uk-h4 {display:flex;align-items:center;}



/*faq*/
.uk-scope .uk-accordion-title {display: flex!important;
    font-size: 22px;
     background: #ffffff;
    border-radius: 0;font-weight:600;
    padding: 10px 0;
    padding-left: 0;
  
}
.uk-scope .uk-accordion>:nth-child(n+2) {
    margin-top: 0;}
.uk-scope .uk-accordion-title:hover {color:#000;}
.uk-scope .uk-accordion-content {
    margin-top: 0;
    padding: 0px 50px 20px 50px;
}
.uk-accordion li{

border-bottom: 1px solid #eee; }

.uk-accordion-title::before{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguNTMwMyA5LjQ2OTY3QzE4LjgyMzIgOS43NjI1NiAxOC44MjMyIDEwLjIzNzQgMTguNTMwMyAxMC41MzAzTDEyLjUzMDMgMTYuNTMwM0MxMi4yMzc0IDE2LjgyMzIgMTEuNzYyNiAxNi44MjMyIDExLjQ2OTcgMTYuNTMwM0w1LjQ2OTY3IDEwLjUzMDNDNS4xNzY3OCAxMC4yMzc0IDUuMTc2NzggOS43NjI1NiA1LjQ2OTY3IDkuNDY5NjdDNS43NjI1NiA5LjE3Njc4IDYuMjM3NDQgOS4xNzY3OCA2LjUzMDMzIDkuNDY5NjdMMTIgMTQuOTM5M0wxNy40Njk3IDkuNDY5NjdDMTcuNzYyNiA5LjE3Njc4IDE4LjIzNzQgOS4xNzY3OCAxOC41MzAzIDkuNDY5NjdaIiBmaWxsPSIjMDMwRDQ1Ii8+Cjwvc3ZnPgo=)!important;
}

.uk-open>.uk-accordion-title::before {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguNTMwMyA5LjQ2OTY3QzE4LjgyMzIgOS43NjI1NiAxOC44MjMyIDEwLjIzNzQgMTguNTMwMyAxMC41MzAzTDEyLjUzMDMgMTYuNTMwM0MxMi4yMzc0IDE2LjgyMzIgMTEuNzYyNiAxNi44MjMyIDExLjQ2OTcgMTYuNTMwM0w1LjQ2OTY3IDEwLjUzMDNDNS4xNzY3OCAxMC4yMzc0IDUuMTc2NzggOS43NjI1NiA1LjQ2OTY3IDkuNDY5NjdDNS43NjI1NiA5LjE3Njc4IDYuMjM3NDQgOS4xNzY3OCA2LjUzMDMzIDkuNDY5NjdMMTIgMTQuOTM5M0wxNy40Njk3IDkuNDY5NjdDMTcuNzYyNiA5LjE3Njc4IDE4LjIzNzQgOS4xNzY3OCAxOC41MzAzIDkuNDY5NjdaIiBmaWxsPSIjMDMwRDQ1Ii8+Cjwvc3ZnPgo=)!important;
}
.uk-scope .faq .uk-accordion-title::before {
    margin-right: 1rem;margin-left: 0;
    float: left; min-width:1.4em;
    border-radius: 50%;}
    
.uk-scope .faq .uk-accordion-title::after {
    color: #000000;
    content: "01";
    font-size: 18px;
     min-width: 40px;
    width: 40px;
    height: 40px;
    margin-left: auto;
    background: #ffa20f;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.uk-scope .faq li:nth-child(2) .uk-accordion-title::after {
 content: "02";}

.uk-scope .faq li:nth-child(3) .uk-accordion-title::after {
 content: "03";}
.uk-scope .faq li:nth-child(4) .uk-accordion-title::after {
 content: "04";}
 
 .uk-scope .faq li:nth-child(5) .uk-accordion-title::after {
 content: "05";}
  .uk-scope .faq li:nth-child(6) .uk-accordion-title::after {
 content: "06";}
  .uk-scope .faq li:nth-child(7) .uk-accordion-title::after {
 content: "07";}
 .uk-scope .faq li:nth-child(8) .uk-accordion-title::after {
 content: "08";}





@media (min-width: 640px){
.main_utp::after {
    content: "";
    border: 7.8125em solid rgba(255,255,255,.25);
    padding: 0;
    border-radius: 1000px;
    display: block;
    position: absolute;
    bottom: -4.8125em;
    right: -8.8125em;
}
    
    
}
.tseli_bg {min-height:400px;}
@media (min-width: 992px){
 .tseli_bg {min-height:500px;}   
.full-half-right {
    padding: 70px 15px 60px 60px;
    max-width: 685px;
   
}   

.full-half-left {
    margin-right: 0;
    margin-left: auto;
    padding: 70px 15px 60px 15px;
    max-width: 685px;
}

    
 .com-baforms-wrapper .ba-form-4 .span5 {
        padding: 0 40px 0 40px;
        
    }
.main_utp::after {
    border: 9.375em solid rgba(255,255,255,.25);
    bottom: -5.375em;
    right: -11.375em;
}
    
    
}

@media (min-width: 1200px){
.main_utp::before {
    border: 9.375em solid rgba(255,255,255,.25);
    top: -5.375em;
    left: -11.375em;
    content: "";
    padding: 0;
    border-radius: 1000px;
    display: block;
    position: absolute;
}

.main_utp::after {
    border: 9.375em solid rgba(255,255,255,.25);
    bottom: -5.375em;
    right: -11.375em;
}

}

@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,.sppb-row-container {
    max-width: 1370px;
}}
@media (min-width: 1500px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,.sppb-row-container {
    max-width: 1400px;
}}

@media (max-width: 1399px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,.sppb-row-container {
    max-width: 100%;
}}




/*menu*/
#sp-header-topbar .container-inner {
    border-bottom: none;
}
#sp-header .container-inner {border-top: 1px solid #e5e5e5;}
#sp-header-topbar {
    padding: 10px 0 10px 0;
}

#sp-header-topbar .mainphone a {
    font-weight:600;
    font-size:22px;
    color: #252525;
}
.text-logo {
    text-align: left;
    font-size: 14px;
    margin-left: 40px!important;
    line-height: 1.2;
    max-width: 310px;
    margin-right: auto;
}

@media (min-width:992px){
    .menu-wrapper{width: 100%;}
.sp-megamenu-wrapper {width: 100%;}
.sp-megamenu-parent {
    display:flex!important;
    justify-content:space-between;
    width: 100%;
    margin:0;
}
.sp-megamenu-wrapper .sp-megamenu-parent>li{
line-height: 50px;}
.sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown-items li.sp-menu-item {line-height: 1;}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 49px;
}
.sp-megamenu-parent>li>a {
    position:relative;font-weight: 500;font-size: 16px;
    padding:0!important; margin:0;
}

.sp-megamenu-parent>li:hover>a,.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #252525;
}

.sp-megamenu-parent>li>a:before {
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 0;
    height: 2px;
    background: #252525;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: -1;
}

.sp-megamenu-parent>li:hover >a:before,.sp-megamenu-parent>li:focus >a:before {
    width: 100%;
    opacity: 1;
}
}


/*cases*/
.project_name {
    color: #212121;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    padding: 0 0 2px;
}
.project_desc {
    color: #6A6A6A;
    font-size: 16px;margin-top:10px;margin-bottom:20px;
    font-weight: 400;
    line-height: 20px;
}

.project_btn {
    padding: 0 0 20px; 
}

.btn-link-svg {
    color: #212121!important;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
    -ms-box-shadow: 0 0 1px transparent;
    -o-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
}
.btn-link-svg span {
    border-bottom: 1px solid #212121;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.projects .uk-panel:hover .btn-link-svg span, .projects .uk-panel:focus .btn-link-svg span, .btn-link-svg:active span {
    border-bottom: 1px solid transparent;
}

.btn-link-svg svg {
    width: 17px;
    height: 100%;
    margin: 0 0 0 16px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: transform 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
}

.projects .uk-panel:hover .btn-link-svg svg, .projects .uk-panel:focus .btn-link-svg svg, .btn-link-svg:active svg {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
}

.btn-link-svg svg path {
    fill: #212121;
}

.on_dark .project_name {
    color: #fff;
}
.on_dark .project_desc {
    color: #b5b5b5;}
.on_dark .btn-link-svg svg path {
    fill: #fff;
}

.on_dark .btn-link-svg span {
    border-bottom: 1px solid #fff;}
    
.on_dark .btn-link-svg {
    color: #fff!important;}    
/*cases*/
@media (min-width:992px) and (max-width:1299px){

.text-logo {
    font-size: 12px;
    max-width: 240px;

    margin-left: 30px!important;}
    
  #sp-header-topbar .mainphone a {
    font-size: 18px;  }
    
}

@media (min-width:992px) and (max-width:1199px){
    .text-logo {display:none;}
 .main_title, .uk-scope .uk-h1.main_title, .uk-scope h1.main_title,.sp-page-title .sp-page-title-heading {
    font-size: 40px;
}  
h2 {
    font-size: 32px;
}      
    
    
.title {
    font-size: 20px;
} } 

@media (max-width:991px){
    
    .full-half-right {
    padding: 50px 15px 50px 15px;
  
}   

.full-half-left {
    padding: 50px 15px 50px 15px;

}
    
    
    #sp-header.lg-header #offcanvas-toggler {
    margin-right: 0;
}
    .ba-form-1 .ba-forms-lightbox-row .ba-icon-close {
    color: #464646!important;
    right: -20px!important;
    top: -10px!important;
}
    #sp-logo {display:flex;}
    .logo-image {
    height: 40px;
}
#sp-header .container-inner {
    border-top: none;
}
.ba-form-1 .ba-form-page {
    padding: 0 30px 30px 30px!important;
}
 .main_title, .uk-scope .uk-h1.main_title, .uk-scope h1.main_title,.sp-page-title .sp-page-title-heading {
    font-size: 36px;
}  
h2 {
    font-size: 30px;
}      
    
    
.title {
    font-size: 18px;
}    
.bg_pos_left {background-position: 67% 0!important;}    
}


@media (max-width:767px){
.reshenie .tseli_bg {order:2;}
.ba-checkbox-image + .ba-checkbox-wrapper .ba-checkbox-title, .ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-title{
    
line-height: 1!important;
    font-size: 16px;    
    
}    
    
    
    .services_info  .border_btn {
    background: #ffa20f;
    border: 1px solid #ffa20f;
}
    .services_img img {

    max-width: 250px;
}
    .uk-scope .uk-tab {flex-direction: column;}
    .uk-scope .uk-accordion-title {
    font-size: 16px;}
    .uk-scope .uk-accordion-content {
    padding: 0px 50px 20px 40px;
}
    
    .ba-form-1 .ba-forms-lightbox-row .ba-icon-close {

    right: -10px!important;

}
    .ba-form-1 .ba-form-page {
    padding: 0 20px 30px 20px!important;
}


.ba-form-1 .ba-form-page .f12 {font-size:10px;}


 .main_title, .uk-scope .uk-h1.main_title, .uk-scope h1.main_title,.sp-page-title .sp-page-title-heading {
    font-size: 32px;
}  
h2 {
    font-size: 28px;
}    
}


@media (max-width:575px){
   
    
}

@media (max-width:480px){
  .menu-with-offcanvas .mainphone a  {white-space:nowrap}
    .logo-image {
    height: auto;
    width: 150px!important;
}
    .services_img img {
    right: -50px;}
    .services_info {
    padding: 20px;}
 .tabs_sites_body .uk-scope {
    padding: 15px;}
    
 .uk-scope .tabs_sites .uk-tab>*>a   {justify-content: start;padding-left:0;border-bottom: none;}
    
    
    
}





.uk-scope .uk-card-primary.uk-card-body .uk-h1, .uk-scope .uk-card-primary.uk-card-body .uk-h2, .uk-scope .uk-card-primary.uk-card-body .uk-h3, .uk-scope .uk-card-primary.uk-card-body .uk-h4, .uk-scope .uk-card-primary.uk-card-body .uk-h5, .uk-scope .uk-card-primary.uk-card-body .uk-h6, .uk-scope .uk-card-primary.uk-card-body .uk-heading-2xlarge, .uk-scope .uk-card-primary.uk-card-body .uk-heading-large, .uk-scope .uk-card-primary.uk-card-body .uk-heading-medium, .uk-scope .uk-card-primary.uk-card-body .uk-heading-small, .uk-scope .uk-card-primary.uk-card-body .uk-heading-xlarge, .uk-scope .uk-card-primary.uk-card-body h1, .uk-scope .uk-card-primary.uk-card-body h2, .uk-scope .uk-card-primary.uk-card-body h3, .uk-scope .uk-card-primary.uk-card-body h4, .uk-scope .uk-card-primary.uk-card-body h5, .uk-scope .uk-card-primary.uk-card-body h6, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h1, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h2, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h3, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h4, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h5, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h6, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h1, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h2, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h3, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h4, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h5, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h6, .uk-scope .uk-card-secondary.uk-card-body .uk-h1, .uk-scope .uk-card-secondary.uk-card-body .uk-h2, .uk-scope .uk-card-secondary.uk-card-body .uk-h3, .uk-scope .uk-card-secondary.uk-card-body .uk-h4, .uk-scope .uk-card-secondary.uk-card-body .uk-h5, .uk-scope .uk-card-secondary.uk-card-body .uk-h6, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-2xlarge, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-large, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-medium, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-small, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-xlarge, .uk-scope .uk-card-secondary.uk-card-body h1, .uk-scope .uk-card-secondary.uk-card-body h2, .uk-scope .uk-card-secondary.uk-card-body h3, .uk-scope .uk-card-secondary.uk-card-body h4, .uk-scope .uk-card-secondary.uk-card-body h5, .uk-scope .uk-card-secondary.uk-card-body h6, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h1, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h2, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h3, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h4, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h5, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h6, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h1, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h2, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h3, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h4, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h5, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h6, .uk-scope .uk-light .uk-h1, .uk-scope .uk-light .uk-h2, .uk-scope .uk-light .uk-h3, .uk-scope .uk-light .uk-h4, .uk-scope .uk-light .uk-h5, .uk-scope .uk-light .uk-h6, .uk-scope .uk-light .uk-heading-2xlarge, .uk-scope .uk-light .uk-heading-large, .uk-scope .uk-light .uk-heading-medium, .uk-scope .uk-light .uk-heading-small, .uk-scope .uk-light .uk-heading-xlarge, .uk-scope .uk-light h1, .uk-scope .uk-light h2, .uk-scope .uk-light h3, .uk-scope .uk-light h4, .uk-scope .uk-light h5, .uk-scope .uk-light h6, .uk-scope .uk-overlay-primary .uk-h1, .uk-scope .uk-overlay-primary .uk-h2, .uk-scope .uk-overlay-primary .uk-h3, .uk-scope .uk-overlay-primary .uk-h4, .uk-scope .uk-overlay-primary .uk-h5, .uk-scope .uk-overlay-primary .uk-h6, .uk-scope .uk-overlay-primary .uk-heading-2xlarge, .uk-scope .uk-overlay-primary .uk-heading-large, .uk-scope .uk-overlay-primary .uk-heading-medium, .uk-scope .uk-overlay-primary .uk-heading-small, .uk-scope .uk-overlay-primary .uk-heading-xlarge, .uk-scope .uk-overlay-primary h1, .uk-scope .uk-overlay-primary h2, .uk-scope .uk-overlay-primary h3, .uk-scope .uk-overlay-primary h4, .uk-scope .uk-overlay-primary h5, .uk-scope .uk-overlay-primary h6 {
    color: #222;
}

.uk-scope .uk-card-primary.uk-card-body, .uk-scope .uk-card-primary>:not([class*=uk-card-media]), .uk-scope .uk-card-secondary.uk-card-body, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]), .uk-scope .uk-light, .uk-scope .uk-overlay-primary {
    color: #222;
}
.ba-forms-modal-wrapper {
    z-index: 99999!important;
}
.offcanvas-menu .offcanvas-inner .social a {
    color: #ffffff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 20px;
    opacity: 1; color:#fff;
}
.offcanvas-menu .mainphone a {font-size:22px;color:#f68e13; font-weight:600;}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}

dt {margin-bottom: 10px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    color: #777;
}


dd {
    font-weight: 700;
}

dd a {    color: #252525!important;}

.footer__social-cont .social__item {
    font-size: 32px;
    margin-right: 10px;
}

.ba-forms-authorize-field-wrapper .ba-alert-tooltip, .ba-form-field-item .ba-alert-tooltip {
    display: none!important;}
    
    
.shadowbig img, .shadowbig-div, .portfolio-page .article-full-image {
    box-shadow: 0px 20px 60px rgb(0, 0, 0, .20) !important;
}
.portfolio-page #sp-main-body> .container{
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.portfolio-page #sp-main-body {padding:0;}
.article-details .article-can-edit {
    margin-bottom: 0;
}

#sp-logo a:hover,#sp-header-topbar .mainphone a:hover {color:#ffa20f;}

#sp-logo .fa.fa-whatsapp {
    color: #00bf00!important;
}

#sp-logo .fa.fa-telegram {
    color: #08c!important;
}
#sp-logo .social__item span {
    font-size: 10px;
    color: #222;
    top: -2px;
    position: relative;
}
#sp-logo .fa.fa-vk {
    color: #4C75A3!important;
}
.phonebtn {
    border-bottom: 1px dashed #222;
    font-size: 14px!important;
    line-height: 1.2;
}