@media all   and (max-width: 1414px) {
    #login, #password {
        width: 120px;
    }
}
@media all   and (max-width: 1300px) {
    #login, #password {
        width: 100px;
    }
    #top_menu li {
        margin-left: 32px;
        margin-right: 25px;
    }
}
@media all   and (max-width: 1200px) {
    #login, #password {
        width: 90px;
    }
    #top_menu li {
        margin-left: 27px;
        margin-right: 20px;
    }
    .langbar {
        margin: 0 30px 0 20px;
    }
}
@media all   and (max-width: 1100px) {
    #login, #password {
        width: 80px;
    }
    #top_menu li {
        margin-left: 22px;
        margin-right: 15px;
    }
    .langbar {
        margin: 0 20px 0 10px;
    }
}
@media all   and (max-width: 1024px) {

    .mobile {
        display: block;
    }

    .main-nav, .auth, .auth-separator {
        display: none;
    }
    .container, .cont, .outer-wrap, .top-header-text, #support .text-support, .process-description .header,
    .steps-bg, .contact-bg .left-part, .contact-bg .line, .contact-bg  .right-part, .bottom-asoup, .cookie-text {
        width: 100%;
    }

    .lang-wrap {
        display: none;
    }
    .mob-langs .langbar {
        margin: 30px auto;
        background: #fff  url('../templates/frontend/images/select.png') no-repeat    60px  13px;
    }
    .mob-langs  {
        text-align: center;
        width: 100%;
    }

    .outer-wrap, #header {
        min-width: initial;
    }
    #cookie-popup {
        width: 100% !important;
    }

    .benefit-item, .benefit-item:first-child {
        display: block;
        margin: 0 auto;
    }
    .benefits-bg {
        height: auto;
        padding: 28px;
        box-sizing: border-box;
    }
    .benefit-item, .benefit-item:first-child    {
        margin-bottom: 58px;
    }
    .benefit-item:last-child {
        margin-bottom: 0;
    }

    .demo-inner, .process-description {
        margin: 0;
    }

    #top-part {
        padding-top: 10px;
    }
    .top-bg {
        padding: 25px;
    }


    .support-bg, .top-bg, #asoup-bottom .outer-wrap {
        background: none !important;
    }
    .demo-bg {
        /*background: linear-gradient(270.49deg, #507DBC -0.11%, #FFFFFF 89.65%);*/
        background: #507DBC url('../templates/frontend/images/ellipse.png') no-repeat left bottom;
        border-radius: 24px;
        width: 100%;
        position: relative;
        padding-bottom: 470px;
        padding-left: 25px;
        padding-right: 25px;
        height: auto;
    }
    .mob-demo-bg {
        background: url('../templates/frontend/images/monitor.png') no-repeat;
        width: 380px;
        height: 448px;
        position: absolute;
        bottom: -30px;

    }
    .demo-inner .white-header {
        font-size: 32px;
        line-height: 42px;
    }
    .demo-inner {
        padding-top: 15px;
    }
    .demo-inner .white-text {
        margin-top: 10px;
    }
    .demo-inner .green-button {
        margin-top: 15px;
    }
    .green-button {
        padding: 10px;
    }
    .accept-cookie  {
        max-width: none;
    }
    .mob-nav, .mob-nav-close {
        position: absolute;
        width: 20px;
        height: 20px;
        background: url('../templates/frontend/images/mob-nav.png') no-repeat;
        cursor: pointer;
        right: 23px;
        top: 15px;

    }
    .mob-nav-close {
        width: 16px;
        display: none;
        background: url('../templates/frontend/images/mob-nav-close.png') no-repeat;
    }
    #cookie-popup-wrap .ib {
        display: block;
        text-align: center;
    }
    #cookie-popup-wrap .cookie-image {
        margin: 0 auto;
    }
    #cookie-popup-wrap .cookie-text  {
        text-align: left;
        margin-bottom: 24px;
        margin-top: 16px;
        font-size: 12px;
        margin-left: 0;
    }
    .cookie-btns {
        margin-left: 0;
    }
    #cookie-popup {
        padding: 16px;
    }
    #cookie-popup-wrap .close-cookie {
        margin-left: 0;
        margin-top: 10px;
    }
    .accept-cookie,  .close-cookie {
        font-size: 14px;
    }
    #footer .vertical-line {
        width: 240px;
        height: 1px;
        margin: 0 auto;
        margin-top: 40px;
    }
    .footer-contact .footer-header {
        margin-top: 43px;
    }
    #footer .ib {
        display: block;
        text-align: center;
    }
    .footer-navigation {
        margin: 0;
        width: auto;
    }
    .footer-left,  .footer-logo {
        margin: 0 auto;
    }
    .footer-left  .ftr-button-1,   .footer-left  .ftr-button-2 {
        display: none;
    }
    .contact-bg .right-part {
        margin-left: 0;
    }
    .contact-bg {
        padding-top: 25px;
        padding-bottom: 18px;
    }
    .contact-bg .subheader {
        margin-top: 17px;
        margin-bottom: 45px;
    }
    .get-demonstration label, .request-demo-inputs label {
        font-size: 14px;
        line-height: 22px;
        margin-top: 15px;
    }
    .get-demonstration .first-row label, .request-demo-inputs .first-row label {
        margin-top: 15px;
    }
    .nav-wrap {
        height: 48px;
    }

    .contact-short a {
        display: block;
        font-size: 12px;

    }
    .contact-short .phone {
        margin-left: 0;
        margin-top: 16px;
    }
    .contact-short {
        margin-top: 40px;
        margin-bottom: 25px;
    }
    .contact-short a, .social a  {
        height: 30px;
        line-height: 30px;
    }
    .contact-bg .line {
        margin-bottom: 25px;
    }
    .contact-short .email,  .contact-short .email:hover, .contact-short .phone, .contact-short .phone:hover,
    .social .whatsapp, .social .whatsapp:hover,
    .social .skype, .social .skype:hover,
    .social .telegram, .social .telegram:hover,
    .social .linkedin, .social .linkedin:hover  {
        background-size: contain;
    }

    .get-demonstration .agree {
        margin-top: 0;
        font-size: 10px;
        line-height:15px;
    }
    #comment, #comment2 {
        height: 40px;
    }
    .logo-wrap {
        margin-top: 10px;
    }
    .mob-computer {
        width: 331px;
        height: 400px;
        margin: 0;
        float: right;
        background: url('../templates/frontend/images/mob_computer.png') no-repeat;
    }

    .mob-computer-wrap {
        height: 400px;
    }
    .top-header-text {
        font-size: 36px;
        line-height: 47px;
    }
    .bottom-links li {
        border-left: 0;
        border-bottom: 1px #D9D9D9 solid;
        display: block;
        text-align: center;
        padding: 16px;
    }

    .copyrights {
        display: none;
    }
    .bottom-asoup {
        font-size: 36px;
        line-height: 47px;
    }
    .top-header-text, .asup-big {
        padding-top: 46px;
        line-height: 47px;
        font-size: 36px;
    }
    .top-items .green-button-wrap, .demo-green-button  {
        height: 50px;
    }
    #services {
        padding-bottom: 73px;
    }
    #mob-nav-popup {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(11.62deg,  rgba(250, 252, 253,1) 0%,rgba(214, 224, 243, 1) 99.39%);
       /* background: linear-gradient(11.62deg, rgba(244, 248, 249, 0.2) 0%, rgba(0, 71, 171, 0.2) 99.39%);*/
        z-index: 999;
    }
    #mob-nav-popup ul {
        margin-top: 132px;
        text-align: center;
        list-style-type: none;
        padding-left: 0;
    }
    #mob-nav-popup ul li {
        margin-bottom: 32px;
    }
    #mob-nav-popup ul li a {
        font-family: 'SF Pro Text',   sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        text-decoration: none;
        color: #262626;
    }
    .mob-separtor {
        width: 256px;
        height: 1px;
        background: #D9D9D9;
        margin: 13px auto;
    }
    .support-bg {
        height: auto;
        padding-top: 0;
        padding-left: 25px;
        padding-right: 25px;
    }
    #support .text-header {
        font-weight: 400;
        font-size: 36px;
        line-height: 47px;
    }
    #support .text-support {
        margin-top: 10px;
    }
    #services {
        padding-left: 25px;
        padding-right: 25px;
    }
    #services .controls {
        text-align: left;
    }

    #process {
        margin-top: 65px;
        margin-bottom: 40px;
    }
    .process-description .header {
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.01em;
    }
    .process-description .text {
        font-size: 12px;
        line-height: 17px;
        margin-top: 10px;
    }
    #process .cont, #steps .steps-bg, .bottom-asoup {
        padding-left: 25px;
        padding-right: 25px;
    }
    #steps .step {
        position: absolute;
    }
    #steps .step1 {
        background: url('../templates/frontend/images/st1.png') no-repeat 15px;
    }
    #steps .step2 {
        background: url('../templates/frontend/images/st2.png') no-repeat 15px;
    }
    #steps .step3 {
        background: url('../templates/frontend/images/st3.png') no-repeat 15px;
    }
    #steps .step4 {
        background: url('../templates/frontend/images/st4.png') no-repeat 15px;
    }
    #steps .step5 {
        background: url('../templates/frontend/images/st5.png') no-repeat 15px;
    }
    #steps .step6 {
        background: url('../templates/frontend/images/st6.png') no-repeat 15px;
    }
    #steps .step7 {
        background: url('../templates/frontend/images/st7.png') no-repeat 15px;
    }
    #steps .step8 {
        background: url('../templates/frontend/images/st8.png') no-repeat 15px;
    }
    #steps .step9 {
         background: url('../templates/frontend/images/st9.png') no-repeat 15px;
     }

    #steps .step4,  #steps .step9 {
        margin-top: 10px;
    }
    #steps .step6,     #steps .step7 {
        margin-top: 5px;
    }
    .steps-bg {
        background: url('../templates/frontend/images/line.png') no-repeat 58px;
      /*  background: url('../templates/frontend/images/mob_steps.png') no-repeat 38px;*/
        height: 752px;
        padding-top: 20px;
    }
    #steps .step {
        padding: 30px 90px;
        position: static;
        width: 100%;
        text-align: left;

        font-family: 'SF Pro Text', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        height: auto;
    }
    .contact-bg {
        margin-top: 80px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .contact-bg .ib {
        display: block;
    }
    .contact-bg input  {
        width: 100%;
    }
    .line-row .lr {
        margin-right: 0;
    }
    .contact-bg .white-header {
        font-size: 32px;
        line-height: 42px;
    }
    .contact-bg .subheader {
        width: 100%;
        font-size: 12px;
        line-height: 17px;
    }
    #asoup-bottom .cont {
        border-bottom: 1px #507DBC solid;
    }
    .bottom-asoup {
        margin-bottom: 80px;
    }
    #asoup-bottom .outer-wrap {
        height: auto;
        padding-top: 80px;
    }
    .footer-logo {
        width: 144px;
        height: 32px;
        background-size: contain;
        margin-top: 40px;
    }
    .footer-header {
        margin-top: 54px;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
    }
    .contact-info a, .footer-navigation li a {
        margin-top: 18px;
        font-size: 14px;
        line-height: 18px;
    }
    .green-button.mobile {
        display: block;
    }
    #footer-links {
        text-align: center;
    }
    #footer {
        padding-bottom: 40px;
    }

    .bottom-links li a {
        font-size: 10px;
        line-height: 14px;
    }
    .copyrights2 {
        font-family: 'SF Pro Text', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        color: rgba(38, 38, 38, 0.5);
        padding-bottom: 8px;
        margin-top: 4px;
    }
    .bottom-links li {
        padding: 13px 16px;
    }
    .request-demo-popup-wrap, #request-demo-popup {
        width: 100% !important;
        height: initial !important;
        border-radius: 25px;
    }
    .request-demo-inputs {
        border-radius: 25px;
    }
    .request-demo-popup-wrap {
        padding: 24px;
    }
    .request-demo-inputs   label, .request-demo-inputs  input {
        display: block;
        width: 100%;

    }
    .request-demo-inputs  input {
        margin-bottom: 23px;
    }
    .request-demo-inputs .first-row label {
        margin-top: 3px;
   }

    .request-demo-popup-close, .unsubscribe-popup-close {
        width: 12px;
        height: 16px;
        background-size: contain;
        right: 15px;
    }
    .request-demo-inputs .line-row .ib {
        width: 100%;
        display: block;
    }
    .demo-hdr {
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
    }
    .agree2 {
        font-size: 10px;
        text-align: left;
        line-height: 14px;
    }
    #success-popup, #error-popup, #success-popup-wrap, #error-popup-wrap,  #success-subscribe-popup-wrap, #unsubscribe-error-popup,  #unsubscribe-success-popup  {
        width: 261px !important;
        height: initial !important;
        border-radius: 24px;
    }
    .success-text {
        font-size: 16px;
        line-height: 32px;
    }
    #success-popup-wrap, #error-popup-wrap,  #success-subscribe-popup-wrap  {
        background: linear-gradient(30.07deg, rgba(244, 248, 249, 0.2) 7.14%, rgba(0, 71, 171, 0.2) 98.19%);
    }
    .news-nav ul, .top-news-common h3   {
        padding-left: 25px;
    }
    .top-news-common {
        background: none;
    }
    .news-nav-wrap {
        min-width: 0;
        width: 100%;
    }
    .large-news-item .news-image, .all-news-small-wrap .news-image, .news-slider .news-image {
        width: 272px;
        height: 216px;
    }
    .large-news-item, .all-news-small-wrap, .news-slider, .all-news-small-wrap a, .news-slider a  {
        text-align: left;
    }
    .large-news-item .news-name, .all-news-small-wrap .news-name, .news-slider .news-name {
        font-size: 20px;
        line-height: 130%;
    }
    .large-news-item .news-intro-mob, .all-news-small-wrap .news-intro, .news-slider .news-intro {
        font-size: 14px;
        line-height: 130%;
        text-align: left;
    }
    .all-news-small-wrap, .latest-news-list {
        text-align: center;
    }

    .large-news-item, .all-news-small-wrap a, .news-slider a {
        width: 304px;
        min-height: 440px;
        display: inline-block;
    }
    .news-intro-mob {
        display: block;
    }
    .large-news-item .news-intro {
        display: none;
    }

    .subscribe {
        width: 100%;
        border-radius: 40px;
        background: #507DBC url('../templates/frontend/images/sky2.png') no-repeat bottom center;
        padding: 24px 29px;
    }
    .subscribe-form-inner {
        width: 100%;
        text-align: left;
        padding: 24px 32px;
    }
    .subscribe-checkboxes {
        text-align: left;

    }
    .all-news-small-wrap a, .news-slider a {
        height: auto;
    }
    .latest-news-list .large-news-item, .latest-news-list .large-news-item:first-child,
    .all-news-small-wrap a, .news-slider a, .all-news-small-wrap a:last-child {
        margin-right: 16px;
        margin-left: 16px;
    }
    .large-news-item {
        margin-bottom: 24px;
    }
    #sub2 {
        background: none;
    }
    .subscribe {
        margin-top: 60px;
    }
    .subscribe form {
        width: auto;
        height: auto;
        background: #6c89c2  url('../templates/frontend/images/sub_mob2.png')  repeat-x;
        border-radius: 32px;

    }
    .check-wrap {
        display: block;
    }
    .news-nav-wrap {
        padding-top: 70px;
    }
    .top-news-common {
        min-height: auto;
        margin-top: 8px;
    }
    .news-nav li a {
        font-size: 14px;
        line-height: 20px;

        font-family: 'Commissioner', serif;
    }
    .news-nav li {
        margin-right: 0;
        padding: 6px 8px;
    }
    .top-news-common h3 {
        font-size: 22px;
    }
    .news-date {
        font-size: 12px;
    }
    .cat-badge {
        font-size: 12px;
        line-height: 20px;
        margin-right: 8px;
        margin-top: 24px;
    }
    .subscribe h2 {
        font-size: 28px;
    }
    .choose_cat_header {
        font-size: 14px;
    }
    .email-wrap label {
        padding-top: 0;
    }
    .email-wrap input {
        margin-top: 10px;
    }
    .subscribe-checkboxes .check-wrap {
        margin-bottom: 24px;
    }
    .email-wrap input {
        margin-bottom: 14px;
    }
    .subscribe-checkboxes label {
        padding-left: 5px;
    }
    .subscribe-form-inner .green-button {
        text-align: center;
    }
    .subscribe .grn-btn-wrap {
        margin-top: 33px;
    }
    .subscribe .green-button {
        font-size: 14px;
    }
    .all-news-block-hdr {
        margin-top: 67px;
    }
    .top-news-common h3 {
        padding-bottom: 15px;
    }
    #footer .outer-wrap .brd {
        margin-top: 45px;
    }

    .no-news {
        background: none;
        min-height: 400px;
        margin-top: 30px;
    }
    .no-news-text h1 {
        font-size: 32px;
    }
    .no_news_sub {
        padding-top: 0;
    }
    .no_news_sub, .no-news  .green-button {
        font-size: 14px;
    }
    .no-news  .green-button {
        min-width: 200px;
        text-align: center;
    }

    .no-news-circle {
        width: 360px;
        height: 360px;
    }

    .news-inner-main, .news-slider-wrap {
        width: 100%;
    }

    .news-full .news-image {
        width: 304px;
        height: 171px;
    }
    .news-full .news-date {
        margin-top: 27px;
        margin-bottom: 3px;

    }
    .news-full .cat-badge {
        margin-bottom: 20px;
    }
    .news-full  .news-intro {
        font-size: 14px;
        line-height: 140%;
    }
    .news-slide-controls {
        display: none;
    }
   /* .slick-list {
        padding-left: 60px;
    }
    .slick-slide {
        margin-left: -20px;
    }*/
    .news-slider-wrap h2 {
        font-size: 20px;
        line-height: 32px;
    }
    .news-slider-wrap {
        margin-top: 65px;
    }
    .main-news-wrap, .go-back {
        padding: 0 35px;
    }

    #unsubscribe-error-popup-wrap, #unsubscribe-success-popup-wrap {
        width: auto !important;
        height: auto !important;
    }
    .unsubscribe-popup {
        width: auto;
    }
}



@media all   and (max-width: 700px) {

}
@media all   and (max-width: 585px) {
    #steps .step4,  #steps .step9 {
        margin-top: 0;
    }
    #steps .step6,     #steps .step7 {
        margin-top: 0;
    }
}
@media all   and (max-width: 420px) {
 .benefit-item {
     /*width: 250px;*/
     width: 100%;
     background-size: contain;
     height: auto;
     border-radius: 24px;
     padding-bottom: 25px;
     background: #f6f8fc url('../templates/frontend/images/corner.png') no-repeat  right top;
 }
    #carousel .service-item {
        width: 100%;
        position: relative;
        height: auto !important;
        border-radius: 25px;
        margin-top: 50px;

    }

    .service-item .icon {
        left: 250px;
        top: -30px;
    }

    #carousel .service-item:nth-child(odd),  #carousel .service-item:nth-child(even){
        background: linear-gradient(321.96deg, rgba(209, 220, 241, 1) 0%, rgba(233, 239, 248,  1) 98.91%);
        padding-bottom: 30px;
    }
    #carousel .service-item .name {
        width: 100%;
    }

    .mob-demo-bg {
        background-size: contain;
        width: 250px;
        height: 295px;
        position: absolute;
        bottom: -30px;

    }

    .demo-bg {
        background: #507DBC url('../templates/frontend/images/ellipse.png') no-repeat left bottom -150px;
        padding-bottom: 320px;
    }

    html, body {
        min-width: 370px;
    }
    #steps .step {
        padding: 28px 90px;
    }
    #steps .step4,  #steps .step9 {
        margin-top: 0px;
    }
    #steps .step6,     #steps .step7 {
        margin-top: 0px;
    }

}

@media all   and (max-width: 386px) {
    .service-item .icon {
        left: 230px;
        top: -30px;
    }
}


@media  only screen and  (max-width: 1024px) and  (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5){

    #steps .step1 {
        background: url('../templates/frontend/images/st12x.png') no-repeat 15px;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size: 40px 40px  !important;
        -moz-background-size:   40px 40px  !important;
        background-size:    40px 40px  !important;
    }
    #steps .step2 {
        background: url('../templates/frontend/images/st22x.png') no-repeat 15px;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size: 40px 40px  !important;
        -moz-background-size:   40px 40px  !important;
        background-size:    40px 40px  !important;
    }
    #steps .step3 {
        background: url('../templates/frontend/images/st32x.png') no-repeat 15px;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size: 40px 40px  !important;
        -moz-background-size:   40px 40px  !important;
        background-size:    40px 40px  !important;
    }
    #steps .step4 {
        background: url('../templates/frontend/images/st42x.png') no-repeat 15px;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size: 40px 40px  !important;
        -moz-background-size:   40px 40px  !important;
        background-size:    40px 40px  !important;
    }
    #steps .step5 {
        background: url('../templates/frontend/images/st52x.png') no-repeat 15px;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size: 40px 40px  !important;
        -moz-background-size:   40px 40px  !important;
        background-size:    40px 40px  !important;
    }
    #steps .step6 {
        background: url('../templates/frontend/images/st62x.png') no-repeat 15px;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size: 40px 40px  !important;
        -moz-background-size:   40px 40px  !important;
        background-size:    40px 40px  !important;
    }
    #steps .step7 {
        background: url('../templates/frontend/images/st72x.png') no-repeat 15px;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size: 40px 40px  !important;
        -moz-background-size:   40px 40px  !important;
        background-size:    40px 40px  !important;
    }
    #steps .step8 {
        background: url('../templates/frontend/images/st82x.png') no-repeat 15px;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size: 40px 40px  !important;
        -moz-background-size:   40px 40px  !important;
        background-size:    40px 40px  !important;
    }
    #steps .step9 {
        background: url('../templates/frontend/images/st92x.png') no-repeat 15px;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size: 40px 40px  !important;
        -moz-background-size:   40px 40px  !important;
        background-size:    40px 40px  !important;
    }
}


@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5) {

    .logo img {
        display: none;

    }

    .logo {
        display: block;
        width: 108px;
        height: 24px;
        background: url('../templates/frontend/images/logo2x.png') no-repeat  ;
        -webkit-background-size: 108px 24px  !important;
        -o-background-size: 108px 24px  !important;
        -moz-background-size: 108px 24px  !important;
        background-size:  108px 24px  !important;
    }

    .mob-nav {
        background: url('../templates/frontend/images/nav2x.png') no-repeat  ;
        -webkit-background-size: 20px 20px  !important;
        -o-background-size: 20px 20px  !important;
        -moz-background-size: 20px 20px  !important;
        background-size:  20px 20px  !important;
    }

    .mob-nav-close{
        background: url('../templates/frontend/images/close2x.png') no-repeat  ;
        -webkit-background-size: 16px 20px  !important;
        -o-background-size: 16px 20px  !important;
        -moz-background-size: 16px 20px  !important;
        background-size:  16px 20px  !important;
    }

    .cookie-image {
        background: url('../templates/frontend/images/cookie2x.png') no-repeat  ;
        -webkit-background-size: 73px 72px  !important;
        -o-background-size:  73px 72px  !important;
        -moz-background-size:  73px 72px  !important;
        background-size:   73px 72px  !important;
    }


    .top-items ul li {
        background: url('../templates/frontend/images/circle2x.png') no-repeat left 3px;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px  !important;
        -moz-background-size:    24px 24px  !important;
        background-size:    24px 24px  !important;
    }
    .prev-slide {
        background: url('../templates/frontend/images/prev2x.png') no-repeat;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size: 40px 40px  !important;
        -moz-background-size:   40px 40px  !important;
        background-size:    40px 40px  !important;
    }
    .next-slide {
        background: url('../templates/frontend/images/next2x.png') no-repeat;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size: 40px 40px  !important;
        -moz-background-size:   40px 40px  !important;
        background-size:    40px 40px  !important;
    }


    .footer-social .whatsapp {
        background: url('../templates/frontend/images/m12x.png') no-repeat;
        -webkit-background-size: 16px 16px  !important;
        -o-background-size: 16px 16px  !important;
        -moz-background-size:   16px 16px  !important;
        background-size:   16px 16px  !important;
    }
    .footer-social .whatsapp:hover {
        background: url('../templates/frontend/images/h12x.png') no-repeat;
        -webkit-background-size: 16px 16px  !important;
        -o-background-size: 16px 16px  !important;
        -moz-background-size:   16px 16px  !important;
        background-size:   16px 16px  !important;
    }

    .footer-social .skype {
        background: url('../templates/frontend/images/m32x.png') no-repeat;
        -webkit-background-size: 16px 16px  !important;
        -o-background-size: 16px 16px  !important;
        -moz-background-size:   16px 16px  !important;
        background-size:   16px 16px  !important;
    }
    .footer-social .skype:hover {
        background: url('../templates/frontend/images/h32x.png') no-repeat;
        -webkit-background-size: 16px 16px  !important;
        -o-background-size: 16px 16px  !important;
        -moz-background-size:   16px 16px  !important;
        background-size:   16px 16px  !important;
    }

    .footer-social .telegram {
        background: url('../templates/frontend/images/m22x.png') no-repeat;
        -webkit-background-size: 16px 16px  !important;
        -o-background-size: 16px 16px  !important;
        -moz-background-size:   16px 16px  !important;
        background-size:   16px 16px  !important;
    }
    .footer-social .telegram:hover {
        background: url('../templates/frontend/images/h22x.png') no-repeat;
        -webkit-background-size: 16px 16px  !important;
        -o-background-size: 16px 16px  !important;
        -moz-background-size:   16px 16px  !important;
        background-size:   16px 16px  !important;
    }

    .footer-social .linkedin {
        background: url('../templates/frontend/images/m42x.png') no-repeat;
        -webkit-background-size: 16px 14px  !important;
        -o-background-size: 16px 14px  !important;
        -moz-background-size:   16px 14px  !important;
        background-size:   16px 14px  !important;
    }
    .footer-social .linkedin:hover {
        background: url('../templates/frontend/images/h42x.png') no-repeat;
        -webkit-background-size: 16px 16px  !important;
        -o-background-size: 16px 16px  !important;
        -moz-background-size:   16px 16px  !important;
        background-size:   16px 16px  !important;
    }

    .contact-short .email {
        background: url('../templates/frontend/images/z2.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }
    .contact-short .email:hover {
        background: url('../templates/frontend/images/zh2.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }

    .contact-short .phone {
        background: url('../templates/frontend/images/z1.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }
    .contact-short .phone:hover {
        background: url('../templates/frontend/images/zh1.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }
    .social .whatsapp {
        background: url('../templates/frontend/images/z3.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }
    .social .whatsapp:hover {
        background: url('../templates/frontend/images/zh3.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }
    .social .telegram {
        background: url('../templates/frontend/images/z6.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }
    .social .telegram:hover {
        background: url('../templates/frontend/images/zh6.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }
    .social .skype {
        background: url('../templates/frontend/images/z4.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }
    .social .skype:hover {
        background: url('../templates/frontend/images/zh4.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }
    .social .linkedin {
        background: url('../templates/frontend/images/z5.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }
    .social .linkedin:hover {
        background: url('../templates/frontend/images/zh5.png') no-repeat;
        -webkit-background-size: 30px 30px  !important;
        -o-background-size: 30px 30px  !important;
        -moz-background-size:  30px 30px  !important;
        background-size:   30px 30px  !important;
    }

    .service-item .icon-s1 {
        background: url('../templates/frontend/images/sl1.png') no-repeat;
        -webkit-background-size: 60px 60px  !important;
        -o-background-size: 60px 60px  !important;
        -moz-background-size:  60px 60px  !important;
        background-size:  60px 60px  !important;
    }
    .service-item .icon-s2 {
        background: url('../templates/frontend/images/sl2.png') no-repeat;
        -webkit-background-size: 60px 60px  !important;
        -o-background-size: 60px 60px  !important;
        -moz-background-size:  60px 60px  !important;
        background-size:  60px 60px  !important;
    }
    .service-item .icon-s3 {
        background: url('../templates/frontend/images/sl3.png') no-repeat;
        -webkit-background-size: 60px 60px  !important;
        -o-background-size: 60px 60px  !important;
        -moz-background-size:  60px 60px  !important;
        background-size:  60px 60px  !important;
    }
    .service-item .icon-s4 {
        background: url('../templates/frontend/images/sl4.png') no-repeat;
        -webkit-background-size: 60px 60px  !important;
        -o-background-size: 60px 60px  !important;
        -moz-background-size:  60px 60px  !important;
        background-size:  60px 60px  !important;
    }

    .benefit-item .icon-spec {
        background: url('../templates/frontend/images/b12.png') no-repeat;
        -webkit-background-size: 60px 60px  !important;
        -o-background-size: 60px 60px  !important;
        -moz-background-size:  60px 60px  !important;
        background-size:  60px 60px  !important;
    }
    .benefit-item .icon-po {
        background: url('../templates/frontend/images/b22.png') no-repeat;
        -webkit-background-size: 60px 60px  !important;
        -o-background-size: 60px 60px  !important;
        -moz-background-size:  60px 60px  !important;
        background-size:  60px 60px  !important;
    }
    .benefit-item .icon-dealer {
        background: url('../templates/frontend/images/b32.png') no-repeat;
        -webkit-background-size: 60px 60px  !important;
        -o-background-size: 60px 60px  !important;
        -moz-background-size:  60px 60px  !important;
        background-size:  60px 60px  !important;
    }

    #langs {

        background: #fff url('../templates/frontend/images/select2x.png') no-repeat    60px  15px  ;
        -webkit-background-size: 11px 8px  !important;
        -o-background-size:  11px 8px  !important;
        -moz-background-size:  11px 8px  !important;
        background-size:   11px 8px  !important;
    }


    .go-back .icon {
        background: #fff url('../templates/frontend/images/back2x.png') no-repeat   ;
        -webkit-background-size: 14px 14px  !important;
        -o-background-size: 14px 14px  !important;
        -moz-background-size:  14px 14px  !important;
        background-size:  14px 14px  !important;
    }

    .prev-slide-news {
        background: url('../templates/frontend/images/up2x.png') no-repeat;
        -webkit-background-size: 33px 33px  !important;
        -o-background-size:  33px 33px  !important;
        -moz-background-size:  33px 33px  !important;
        background-size:   33px 33px  !important;
    }
    .next-slide-news {
        background: url('../templates/frontend/images/down2x.png') no-repeat;
        -webkit-background-size: 33px 33px  !important;
        -o-background-size:  33px 33px  !important;
        -moz-background-size:  33px 33px  !important;
        background-size:   33px 33px  !important;
    }

    .close-subscribe{
        background: url('../templates/frontend/images/close-white2x.png') no-repeat;
        -webkit-background-size: 19px 25px  !important;
        -o-background-size: 19px 25px  !important;
        -moz-background-size:  19px 25px  !important;
        background-size:   19px 25px  !important;
    }

    .error-image {
        background: url('../templates/frontend/images/error2x.png') no-repeat;
        -webkit-background-size: 70px 70px  !important;
        -o-background-size:  70px 70px  !important;
        -moz-background-size:  70px 70px  !important;
        background-size:    70px 70px  !important;
    }

    .success-image {
        background: url('../templates/frontend/images/check-circle2x.png') no-repeat;
        -webkit-background-size: 80px 80px  !important;
        -o-background-size:  80px 80px  !important;
        -moz-background-size:  80px 80px  !important;
        background-size: 80px 80px  !important;
    }
}