@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-Regular.eot");
  src: url("../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Regular.woff2") format("woff2"), url("../fonts/MyriadPro-Regular.woff") format("woff"), url("../fonts/MyriadPro-Regular.ttf") format("truetype"), url("../fonts/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-Semibold.eot");
  src: url("../fonts/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Semibold.woff2") format("woff2"), url("../fonts/MyriadPro-Semibold.woff") format("woff"), url("../fonts/MyriadPro-Semibold.ttf") format("truetype"), url("../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url("../fonts/MyriadPro-Light.eot");
  src: url("../fonts/MyriadPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Light.woff2") format("woff2"), url("../fonts/MyriadPro-Light.woff") format("woff"), url("../fonts/MyriadPro-Light.ttf") format("truetype"), url("../fonts/MyriadPro-Light.svg#MyriadPro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro Light';
  src: url("../fonts/MyriadPro-Light.eot");
  src: url("../fonts/MyriadPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Light.woff2") format("woff2"), url("../fonts/MyriadPro-Light.woff") format("woff"), url("../fonts/MyriadPro-Light.ttf") format("truetype"), url("../fonts/MyriadPro-Light.svg#MyriadPro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}


html {
    font-size: 16px;
    font-family: "Myriad Pro", sans-serif;
}

body {
    font-family: "Myriad Pro", sans-serif;
}

* {
    outline:none !important;
}

img {
    max-width: 100%;
}



.block_city {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    padding-left: 0;
    padding-right: 0;
    display: none;
}

.block_city.active {
    display: block;
}

.cities {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;

}

.city__group {
    width:20%;
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 2.5rem;
}

.city__liter {
    font-size: 3.125rem;
    line-height: 1;
    color: #44a326;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #5c5c5c;
    display: inline-block;
    min-width: 30%;
    cursor: pointer;
}

.city__item {
    display: block;
    font-size: 1.5625rem;
    color: #5c5c5c;
    margin-bottom: 10px;
    cursor: pointer;
}

a.city__item:hover,
a.city__item:visited,
a.city__item {
    text-decoration: none;
    color: #5c5c5c;
}

.block_city {
    position: relative;
}

.cities__modal-block {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

.cities__modal {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    z-index: 2;
    display: none;
}


.cities__modal.active {
    display: flex;
}

.cities__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
}

.container-fluid {
    overflow: hidden;
}

.cities__overlay:before {
    content: '';
    width: 15px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: -15px;
    top: 0;
}

.cities__overlay:after {
    content: '';
    width: 15px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    right: -15px;
    top: 0;
}

.cities__body {
    width: 700px;
    min-width: 300px;
    max-height: 80%;
    padding: 25px 50px;
    background: #fff;
    position: relative;
    z-index: 3;
}

.cities__close {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 23px;
    height: 31px;
    background: url(../img/ui/close_grey_default.svg) no-repeat center center;
    background-size: cover;
    cursor: pointer;
    z-index: 1;
}

.cities__close:hover {
    background: url(../img/ui/close_green_active.svg) no-repeat center center;
}

.cities__header {
    font-size: 2.0625rem;
    color: #44a326;
    text-align: center;
}

.shops_name {
    font-size: 1.5625rem;
    color: #44a326;
    margin-bottom: 15px;
}

.shops_line {
    font-size: 1.25rem;
    color: #3a3939;
}

.shops__item {
    margin-bottom: 30px;
}
.shops {
    max-height: 50vh;
    overflow: auto;
}

.mCSB_scrollTools {
    width: 3px;
}

.mCSB_draggerContainer {
    position: relative;
}

.mCSB_draggerContainer:before {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    background: #8b8b8a;
    margin-left: 1px;
}

.mCSB_scrollTools .mCSB_dragger {
    width: 3px;
    background: #44a326;
    left: 0px;
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, 
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1 !important;
}

/*buy button*/
#buybutton{top:150px;right:10px;position:fixed;z-index:110;}

.img-circle{
    background-color:#44a326;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
}
.circletext{
    z-index: 12;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    border: 2px solid #44a326;
    width:198px;
    height:198px;
    width:10.3125vw;
    height:10.3125vw;
    /*bottom:-25px;*/
    top:0px;
    right:10px;
    right:0.5208333333333334vw;
    position:absolute;
    -webkit-border-radius:100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
    -moz-animation: circle-anim 2.4s infinite ease-in-out !important;
    -ms-animation: circle-anim 2.4s infinite ease-in-out !important;
    -o-animation: circle-anim 2.4s infinite ease-in-out !important;
    animation: circle-anim 2.4s infinite ease-in-out !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}
.circle-fill{
    z-index: 11;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    background-color:#44a326;
    width:132px;
    height:132px;
    height:6.875vw;
    width:6.875vw;
    /*bottom:0px;*/
    top:33px;
    top:1.71875vw;
    right:43px;
    right:2.2395833333333335vw;
    position:absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: circle-fill-anim 2.3s infinite ease-in-out;
    animation: circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;
}
.img-circle{
    z-index: 10;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    width:102px;
    height:102px;
    width:5.3125vw;
    height:5.3125vw;
    /*bottom: 14px;*/
    top:48px;
    top:2.5vw;
    right: 58px;
    right:3.0208333333333335vw;
    position:absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
}
.img-circleblock{
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    width:102px;
    height:102px;
    width:5.3125vw;
    height:5.3125vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #FFF;
    position: relative;
    z-index: 12;
    font-weight:normal;
    font-size:25px;
    font-size:1.3vw;
    cursor:pointer;
    
}
.img-circle:hover{opacity: 1;}

@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
50% {transform: scale(1); opacity: 1; }   
100% {transform: scale(0.9);opacity: 1;}}
@-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
50% {-webkit-transform: scale(1);opacity: 1;}   
100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
  @-webkit-keyframes tossing {
      0% {-webkit-transform: rotate(-8deg);}
      50% {-webkit-transform: rotate(8deg);}
      100% {-webkit-transform: rotate(-8deg);}}
      @-moz-keyframes circle-anim {
          0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
          30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
          100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
          @-webkit-keyframes circle-anim {
              0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
              30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
              100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
              @-o-keyframes circle-anim {
                  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
                  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
                  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
                  @keyframes circle-anim {
                      0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
                      30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
                      100% {transform: rotate(0deg) scale(1) skew(1deg);
                        opacity: .1;}}
                        @-moz-keyframes circle-fill-anim {
                          0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
                          50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
                          100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
                          @-webkit-keyframes circle-fill-anim {
                              0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
                              50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
                              100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
                              @-o-keyframes circle-fill-anim {
                                  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
                                  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
                                  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
                                  @keyframes circle-fill-anim {
                                      0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
                                      50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
                                      100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
                                      /*/buy button*/

                                      .block-25_line
                                      {
                                        padding-top: 1.125rem;
                                        background-color: #f8f8fa;
                                        background-repeat: no-repeat;
                                        background-position: center 180px;
                                        padding-bottom: 1.875rem;
                                    }

                                    .ribbon_blue {
                                        background-image: url(/local/templates/ballu/images/ik-elektricheskie/lenta.png); 
                                        background-position: center top 32px;
                                    }

                                    .compare__left {
                                        float: left;
                                        width: 25%
                                    }
                                    .compare__right {
                                        float: right;
                                        width: 75%;
                                        position: relative;
                                        z-index: 2;
                                    }

                                    .compare__cell {
                                        padding: 5px 0px;
                                        font-size: 1.1rem;
                                        color: #706f6f;
                                        display: flex;
                                        align-items: center;
                                        position: relative;

                                    }

                                    .compare__cell_same {
                                        overflow: visible !important;
                                    }

                                    .compare__left .compare__cell.hover {
                                        z-index: 2;
                                    }

                                    .compare__left .compare__cell.hover:before {
                                        content: '';
                                        width: 4000px;
                                        height: 100%;
                                        background: #fff;
                                        position: absolute;
                                        top: 0;
                                        left: -1000px;
                                        z-index: -1;
                                    }


                                    .compare__cell_name:before,
                                    .compare__cell_img:before,
                                    .compare__cell_controls:before
                                    {
                                        background:initial !important;
                                        display: none;
                                    }

                                    .compare__right .compare__cell {
                                        justify-content: center;
                                    }

                                    .compare__cell:nth-child(odd) {
                                        /*background-color: #cecece;*/
                                    }

                                    .compare__cell_name {
                                        font-size: 1.5625rem;
                                        color: #706f6f;
                                        padding: 15px 0;
                                    }

                                    .compare__item {
                                        float: left;
                                        display: inline-block;
                                        width:calc(33% - 2px);
                                        box-sizing: border-box;
                                        text-align: center;
                                        border: 1px solid transparent;
                                        margin: 0 20px;
                                    }

                                    .compare__item:hover {
                                        border:  1px solid  #44a326;
                                    }


                                    .compare__cell_img {
                                        display: flex;
                                        height: 130px;
                                        align-items:flex-end;
                                        position: relative;

                                    }

                                    .compare__left .compare__cell_img:after {
                                        content: "";
                                        position: absolute;
                                        width: 4000px;
                                        height: 10px;
                                        background: #edecec;
                                        left: 0;
                                        bottom: -7px;
                                        z-index: 0;
                                        left: -2000px;
                                    }

                                    .compare__cell_img img {
                                        max-height: 100%;
                                        margin: 0 auto;
                                        position: relative;
                                        z-index: 2;
                                    }

                                    .compare__cell_char-main {
                                        font-family: "Myriad Pro Light";
                                        color: #52ae32;
                                        font-size: 1.5625rem;
                                    }

                                    .compare__right .compare__cell_char-main {
                                        font-size: 2.3125rem;
                                    }

                                    .compare__cell_price {
                                        font-family: "Myriad Pro";
                                        color: #52ae32;
                                        font-size: 1.5625rem;
                                    }

                                    .compare__right .compare__cell_price {
                                        font-size:2.3125rem;
                                    }

                                    .control_delete {
                                        font-size:1.4375rem;
                                        color: #706f6f;
                                        cursor: pointer;
                                    }

                                    .show-different {
                                        display: none;
                                    }

                                    .control_delete.active .hide-different {
                                        display: none;
                                    }

                                    .control_delete.active .to-delete {
                                        transform: rotate(0);
                                    }

                                    .control_delete.active .show-different {
                                        display: inline;
                                    }

                                    .to-delete {
                                        display: inline-block;
                                        width: 17px;
                                        height: 17px;
                                        background: url(../img/close2_default.png) no-repeat left center;
                                        margin-right: 10px;
                                        position: relative;
                                        top: 3px;
                                        cursor: pointer;
                                        transform: rotate(45deg);
                                        transition: .5s;
                                    }

                                    .color_green .to-delete{
                                        background: url(../img/close2_green.png) no-repeat left center;
                                    }
                                    .color_light-blue .to-delete{
                                        background: url(../img/close2_light-blue.png) no-repeat left center;
                                    }
                                    .color_blue .to-delete{
                                        background: url(../img/close2_blue.png) no-repeat left center;
                                    }
                                    .color_yellow .to-delete{
                                        background: url(../img/close2_yellow.png) no-repeat left center;
                                    }

                                    .color_blue {
                                        color: #2db8c5 !important;
                                    }

                                    .compare__cell.compare__cell_controls  {
                                        padding-bottom: 0;
                                        padding-top:0;
                                    }

                                    .compare__cell_controls .butn {
                                        width: 100%;
                                        padding: 5px 10px;
                                        font-size: 20px;
                                        margin-bottom: 0;
                                        border-color: transparent;
                                        color: #52ae32;
                                    }

                                    .compare__item:hover .butn {
                                        border-color: #44a326;
                                        border-left-color: transparent !important;
                                        border-right:transparent !important;
                                        border-bottom-color:transparent !important;
                                    }

                                    .compare__item:hover .butn + .butn {
                                        border-bottom-color: transparent;
                                    }

                                    .compare__item .butn:hover,
                                    .compare__item .butn.butn_blue:hover {
                                        color: #fff;
                                    }
                                    .butn:hover{
                                        background: #44a326;
                                    }
                                    .compare__item .butn.butn_blue  {
                                        color: #169fdb;
                                    }

                                    .compare__item:hover .butn.butn_blue {
                                        border-color: #169fdb;
                                    }

                                    .slick-arrow {
                                        transition: .3s;
                                    }

                                    .slick-arrow.slick-disabled {
                                        opacity: 0 !important;
                                    }

                                    .slick-arrow:hover {
                                        opacity: 1;
                                    }

                                    .slick-arrow:before,
                                    .slick-arrow:after {
                                        display: none;
                                    }

                                    .colors {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                    }

                                    .colors__item {
                                        float: left;
                                        width: 30px;
                                        height: 30px;
                                        margin-right: 10px;
                                        margin-bottom: 10px;
                                        border: 3px solid #b8b7b7;
                                        box-sizing: border-box;
                                        cursor: pointer;
                                    }

                                    .colors__item.active,
                                    .colors__item:hover {
                                        border: 3px solid #52ae32;
                                    }

                                    .colors__body {
                                        overflow: hidden;
                                    }


                                    .color_light-blue {
                                        color: #7a7979 !important;
                                    }

                                    .compare__cellcompare__cell_name.color_grey{
                                        color: #7a7979  !important;
                                    }

                                    .color_grey {
                                        color: #7a7979  !important;

                                    }

                                    .color_yellow {
                                        color: #7a7979  !important;
                                    }

                                    .color_white {
                                        color: #fff;
                                    }

                                    .compare__item .butn.butn_grey  {
                                        color:  #7a7979;
                                    }

                                    .compare__item .butn.butn_light-blue  {
                                        color:  #169fdb;
                                    }

                                    .compare__item .butn.butn_blue  {
                                        color: #169fdb;
                                    }

                                    .compare__item .butn.butn_yellow  {
                                        color: #ffcc00;
                                    }

                                    .compare__item .butn.butn_green:hover
                                    {
                                        color:  #fff;
                                        background: #169fdb;
                                    }

                                    .compare__item .butn.butn_light-blue:hover
                                    {
                                        color:  #fff;
                                        background: #169fdb;
                                    }

                                    .compare__item .butn.butn_blue:hover
                                    {
                                        color:  #fff;
                                        background: #169fdb;
                                    }

                                    .compare__item .butn.butn_yellow:hover
                                    {
                                        color:  #fff;
                                        background: #ffcc00;
                                    }

                                    .bg_gray {
                                        background: #edecec;
                                    }

                                    .bg_green {
                                        background: #a2c617;
                                    }

                                    .bg_light-blue {
                                       background:#2db8c5;
                                   }

                                   .bg_blue {
                                       background:#169fdb;
                                   }

                                   .bg_yellow {
                                    background: #ffcc00 ;
                                }


                                .visible_desktop {
                                    display: block;
                                }

                                .visible_mobile {
                                    display: none;
                                }

                                .block__header {
                                    font-size: 50px;
                                    text-align: center;
                                    padding-bottom: 40px;
                                    font-family: Myriad Pro;
                                    text-transform: uppercase;
                                    color: #6d6e71;
                                }

                                .compare__slider .slick-arrow:before,
                                .compare__slider .slick-arrow:after
                                {
                                    display: none;

                                }

                                .compare__slider .slick-prev {
                                    background: url(/local/templates/ballu/images/promyshlennye-ventilyatory/vlevo.png) no-repeat center center;
                                    background-size: contain;
                                    height: 100px !important;
                                    width: 90px;
                                    top: 20%;
                                }

                                .compare__slider .slick-next{
                                    background: url(/local/templates/ballu/images/promyshlennye-ventilyatory/vpravo.png) no-repeat center center;
                                    background-size: contain;
                                    height: 100px !important;
                                    width: 90px;
                                    top: 20%;
                                }


                                .block-banner{
                                    position: relative;

                                }
                                .block-1__text {
                                    text-transform: uppercase;
                                }

                                .block-1__text {
                                    float: left;
                                    display: inline-block;
                                    position: relative;
                                    display: flex;
                                    align-items: stretch;
                                    margin-bottom: 1.4rem;
                                    margin-top: -6px;
                                    width: 100%;
                                    overflow: hidden;
                                }

                                .block-1__text-1 {
                                    font-size: 30px;
                                    line-height: 1;
                                    color: #5c5c5c;
                                    font-family: "Myriad Pro";
                                    align-items: center;
                                    display: flex;
                                    text-align: right;
                                    width: 237px;
                                }
                                .block-1__separator {
                                    width: 1px;
                                    background: #4db848;
                                    margin: 0 20px;
                                    height: 130px;
                                }

                                .block-1__text-2-head {
                                    text-align: left;
                                    font-size: 50px;
                                    line-height: 1;
                                    font-family: "Myriad Pro";
                                    color: #4db848;
                                    width: 60%;
                                }

                                .block-1__text{
                                    position: absolute;
                                    bottom: 19px;
                                    left: 615px;
                                }

                                .block-1__text-2{
                                    align-self: center;
                                }



                            }
                            .container_1 {
                              position: absolute;
                              top: 50%;
                              left: 50%;
                              transform: translate(-50%, -50%);
                          }
                          .container_1 .item {
                              position: relative;
                              height: 20px;
                              width: 20px;
                              background: #44a326;
                              border-radius: 100%;
                          }
                          .container_1 .item:before,
                          .container_1 .item:after {
                              border: 1px solid #44a326;
                              content: "";
                              width: 100%;
                              display: block;
                              position: absolute;
                              height: auto;
                              top: 0;
                              right: 0;
                              bottom: 0;
                              left: 0;
                              border-radius: 100%;
                              transform-origin: center center;
                              opacity: 0;
                              box-sizing: border-box;
                          }
                          .container_1 .item:before {
                              animation: 1s 0.1s pulse2 infinite linear;
                          }
                          .container_1 .item::after {
                              animation: 1s pulse infinite linear;
                          }
                          @keyframes pulse {
                              0% {
                                transform: scale(2);
                                opacity: 0.2;
                            }
                            100% {
                                transform: scale(2.3);
                                opacity: 0;
                            }
                        }
                        @keyframes pulse2 {
                          0% {
                            transform: scale(1.5);
                            opacity: 0.5;
                        }
                        100% {
                            transform: scale(1.8);
                            opacity: 0;
                        }
                    }

                    .block__2-txt {
                        display: flex;
                        flex-direction: column;
                        padding-bottom: 40px
                    }

                    .block__2-green{
                        display: flex;
                        flex-grow: 1;
                    }

                    .block__2-line{
                        margin: 8px 0;
                        width: 10%;
                        height: 1px;
                        background: #a1cf89;
                        align-self: center;
                        flex-grow: 1;
                    }

                    .block__2-green span{
                       padding-right: 10px;
                       text-transform: uppercase;
                       font-size: 40px;
                       color: #44a326;
                       font-weight: bolder;
                       font-family: "Myriad Pro";

                   }
                   .container_1{
                    align-self: center;
                }

                .block__2-gray{
                  font-family: "Myriad Pro";
                  font-size: 30px;
                  text-transform: uppercase;
                  color: #706f6f;
                  line-height: 1;

              }
              .row_1{
               background-color: #fffbed;
               padding: 40px 100px;
           }

           .wrapper_1{
            display: flex;
            justify-content: space-between;

        }
        .block_2{
           width: 50%
       }

       .block__2-header{
           font-size: 60px;
           color: #706f6f;
           margin-bottom: 40px;
           font-family: "Myriad Pro";
       }

       .row_2{
           padding: 40px 100px;
       }

       .block__3-header{
        font-size: 49px;
        line-height: 1;
        text-transform: uppercase;
        padding-bottom: 60px;
        padding-left: 83px;
    }

    .block__3-txt{
       display: flex;
       align-items: flex-start;
   }

   .block__3-green{
    display: flex;
}

.block__3-green span{
 padding-right: 10px;
 font-size: 40px;
 color: #44a326;
 font-weight: bolder;
 font-family: "Myriad Pro";

}
.block__3-gray{
  font-family: "Myriad Pro";
  font-size: 30px;
  color: #706f6f;
  line-height: 1;
  padding-bottom: 48px;

}

.block__3-line{
 margin: 8px 0;
 width: 10%;
 height: 1px;
 background: #a1cf89;
 align-self: center;
 flex-grow: 1;
}

.container__3-circle{
	display: flex;
    padding-top: 18px;
    width: 300px;
}


.block__4-flex{
    display: flex;
    justify-content: space-around;
    padding: 100px 0;

}

.row_3{
	background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-4.jpg) no-repeat;
	height: 800px;
}

.block__4-txt{
    text-align: center;
    font-size: 50px;
    color: #44a326;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: "Myriad Pro";
}

.block__4-img img{
    padding-bottom: 40px;
}

.block__4-img-n img{
	padding-top: 40px;
}

.row_4{
	background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-5.jpg) no-repeat;
	height: 980px;
}

.block__5-flex{
    display: flex;
    justify-content: space-around;
    padding: 100px 0;

}


.block-6_left-image{
	display: flex;
}

.block__not-text{
	display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 60%;
}

.block__img{
	max-width: 900px;
    overflow: hidden;
    position: relative;
    z-index: 7;
}

.block__button-play{
	position: absolute;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.block__text{
	padding-left: 20px;
    padding-right: 140px;
    padding-top: 70px;
    width: 40%;
    position: relative;
}

.block__text-header{
	font-size: 60px;
    font-family: Myriad Pro;
    color: #44a326;
    font-weight: bolder;
}

.block__text-description{
    font-size: 25px;
    color: #4a4a49;
    line-height: 1.3;
    font-family: Myriad Pro;
    margin-top: 10px;	
}

.block__text-images{
	padding: 0 10px;
    display: flex;
    position: absolute;
    bottom: 100px;
    width: calc(100% - 140px - 20px);
    align-items: stretch;
}

.block__text-image{
	margin: 5px 10px;
}

.block-6_right-image{
	display: flex;
}

.block-6_right-image .block__text{
	width: 40%;
    position: relative;
    padding-right: 20px;
    padding-left: 140px;
    padding-top: 70px;
}

.block-6_right-image .block__img  {
    width: 100%;
    max-width: initial;
}

.block-6_right-image .block__button-play{
	left: 144px;
}


.circle_new .item span{
	font-size: 22px;
    color: #fff;
}
.circle_new {
  position: absolute;
  top: 10%;
  left: 56%;
  transform: translate(-50%, -50%);
}
.circle_new .item span {
  font-size: 22px;
  color: #fff;
  position: absolute;
  top: 22px;
  left: 12px;
}
.circle_new .item {
  position: relative;
  height: 70px;
  width: 70px;
  background: #ffcd11;
  border-radius: 100%;
}
.circle_new .item:before,
.circle_new .item:after {
  border: 1px solid #ffcd11;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 100%;
  transform-origin: center center;
  opacity: 0;
  box-sizing: border-box;
}
.circle_new .item:before {
  animation: 1s 0.1s pulse2 infinite linear;
}
.circle_new .item::after {
  animation: 1s pulse infinite linear;
}
@keyframes pulse {
  0% {
    transform: scale(2);
    opacity: 0.2;
}
100% {
    transform: scale(2.3);
    opacity: 0;
}
}
@keyframes pulse2 {
  0% {
    transform: scale(1.5);
    opacity: 0.5;
}
100% {
    transform: scale(1.8);
    opacity: 0;
}
}


.block_icon-ik{
	background: url(/local/templates/ballu/images/ik-elektricheskie/block-9.jpg) no-repeat;
	height: 900px;
}

.block__icons{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 74%;
    padding-left: 329px;
    padding-top: 140px;
}

.icon{
    padding: 35px;
}
.compare__cell_color {
    color: #52ae32;
}

.turbo_buy {
    color: #169fdb;
}
.butn:hover .turbo_buy{
    text-decoration: none;
    color: #ffffff;
}
.cart-modal-add2basket {
    width: auto;
    height: auto;
    overflow: auto;
    position: relative;
    padding: 32px 15px 25px 15px;
    text-align: center;
    border: 1px solid #5c5c5c;
    font-weight: 300;
}
.cart-modal-add2basket h2{
 padding: 0 0 43px 0;
 font-size: 25px; 
}

.cart-modal-add2basket__name, .cart-modal-add2basket__basket {
    margin: 15px 0;
    font-size: 19px;
}

.cart-modal-add2basket__img{
    max-width: 230px;
    margin: 0 auto 2px auto;
}
.prefooter{
	position: relative;
}

.prefooter__title {
    position: absolute;
    top: 30px;
    left: 105px;
    font-size: 60px;
    color: #44a326;
    width: 50%;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (max-width: 1680px){
	.circle_new{
		left: 66%;
	}
	.block__text-images{
		bottom: 36px;
	}
	.block-6_right-image .block__text{
		padding-left: 58px;
	}
	.block__text{
       padding-right: 120px;	
   }

   .block__icons{
      width: 65%;
      padding-left: 56px;
      padding-top: 114px;
  }

  .block_icon-ik {
    background: url(/local/templates/ballu/images/ik-elektricheskie/block-9-1680.jpg) no-repeat;
    height: 900px;
}

.row_3 {
    background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-4-1680.jpg) no-repeat;
    height: 800px;
}

.row_4 {
    background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-5-1680.jpg) no-repeat;
    height: 980px;
}
.prefooter__title{
	font-size: 50px;
}

}

@media (max-width: 1440px){
    .row_3 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-4-1440.jpg) no-repeat;
        height: 800px;
    }
    .block__3-header{
        padding-left: 57px;	
    }
    .block__4-txt{
        line-height: 1;
    }

    .block__text {
        padding-right: 87px;
        padding-top: 10px;
    }
    .block__text-description{
       font-size: 21px;
   }
   .block-6_right-image .block__text{
       padding-top: 10px;
   }

   .block-1__text {
    bottom: 9px;
    left: 500px;
}
.block__2-gray,
.block__3-gray{
	font-size: 29px;
}
.block__3-header{
	font-size: 40px;
}
.block__icons{
	width: 80%;
}
.prefooter__title {
    font-size: 46px;
}
}

@media (max-width: 1367px){
    .block-1__text {
        bottom: 1px;
        left: 467px;
    }
    .block-1__text-2-head{
       font-size: 46px;
   }
   .block__2-header{
       font-size: 50px;
   }
   .row_1 {
    padding: 40px 65px;
}
.row_2 {
    padding: 40px 65px;
}
.block__4-txt{
	font-size: 45px;
}
.block__4-img img{
	width: 90%;
}
.row_4 {
    background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-5-1440.jpg) no-repeat;
    height: 900px;
}
.block__4-img{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.block__5-flex {
    justify-content: center;
    padding: 50px 0;
}
.circle_new {
    left: 73%;
    top: 7%;
}
.block-6_right-image .block__button-play {
    left: 76px;
}
.icon {
    padding: 20px;
}
.block_icon-ik {
    background: url(/local/templates/ballu/images/ik-elektricheskie/block-9-1367.jpg) no-repeat;
    height: 900px;
}
.icon img{
    width: 90%;
}
.prefooter__title {
    font-size: 44px;
}
}

@media (max-width: 1280px){
	.block-1__text-1{
       font-size: 27px;
       width: 218px;	
   }
   .block-1__text-2-head {
    font-size: 44px;
}
.block-1__text {
    bottom: -7px;
    left: 437px;
}
.block__2-gray, .block__3-gray {
    font-size: 25px;
}
.block__2-green span{
    font-size: 36px;	
}
.block__3-green span{
    font-size: 36px;	
}
.prefooter__title {
    font-size: 42px;
    width: 62%;
}
}

@media (max-width: 1024px){
    .block-1__text-1 {
        font-size: 24px;
        width: 187px;
    }

    .block-1__separator{
       height: 104px;
   }

   .block-1__text-2-head {
    font-size: 30px;
}

.block-1__text {
    bottom: -14px;
    left: 358px;
}

.block__2-header {
    font-size: 38px;
}
.block_2 {
    width: 60%;
}
.block__2-green span {
    font-size: 28px;
}
.block__2-gray, .block__3-gray {
    font-size: 20px;
}
.block__2-txt{
	padding-bottom: 32px;
}
.block_2_right-img{
    width: 44%;
}

.block__3-header{
	padding-bottom: 27px;
}
.row_2 {
    padding: 29px 30px;
}
.block__3-header {
    font-size: 35px;
}
.block__3-green span {
    font-size: 33px;
}
.block__3-gray{
    padding-bottom: 8px;	
}
.block__4-txt {
    font-size: 34px;
}
.row_3 {
    background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-4-1024.jpg) no-repeat;
    height: 630px;
}
.row_4 {
    background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-5-1024.jpg) no-repeat;
    height: 648px;
}
.block-6_left-image {
    flex-direction: column;
}
.block__not-text,
.block__text{
	width: 100%;
}

.block__text{
    padding: 30px 60px;}
    .block__text-images{
        position: initial;
    }
    .block__text-description{
        padding-bottom: 15px;
    }
    .circle_new {
        left: 45%;
        top: 12%;
    }
    .block-6_right-image {
        flex-direction: column-reverse;
    }
    .block-6_right-image .block__text{
       width: 100%;
       padding: 30px 60px;
   }
   .block-6_right-image .block__button-play {
    left: 16px;
}
.block_icon-ik {
    background: url(/local/templates/ballu/images/ik-elektricheskie/block-9-1024.jpg) right no-repeat;
    height: 640px;
}

.block__icons{
	width: 90%;
    padding: 30px;
}
.icon {
    padding: 17px;
    width: 33.333333%;
}
.icon img {
    width: 100%;
}
.block__text-image img{
    width: 80%
}
.prefooter__title {
    font-size: 34px;
    width: 58%;
    top: 23px;
    left: 75px;
}
}

@media (max-width: 823px){
    .block-1__text {
        bottom: -15px;
        left: 267px;
    }
    .block-1__text-1 {
        font-size: 20px;
        width: 156px;
    }
    .block-1__separator {
        height: 80px;
    }
    .block-1__text-2-head {
        font-size: 25px;
        width: 51%;
    }
    .row_1 {
        padding: 40px;
    }
    .block__2-green span {
        font-size: 25px;
    }
    .block__2-gray, .block__3-gray {
        font-size: 18px;
    }
    .block__2-txt {
        padding-bottom: 16px;
    }
    .block__2-header {
        font-size: 30px;
    }
    .block__3-header {
        font-size: 30px;
    }
    .block__3-green span {
        font-size: 25px;
    }
    .container__3-circle {
        padding-top: 9px;
        width: 224px;
    }
    .block__4-txt {
        font-size: 23px;
    }
    .row_3 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-4-823.jpg) no-repeat;
        height: 450px;
        padding: 30px;
    }
    .block__4-flex {
        padding: 34px 0;
    }
    .row_4 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-5-823.jpg) no-repeat;
        height: 443px;
    }
    .block__4-img img {
        padding: 20px;
    }
    .block__5-flex {
        padding: 10px 0;
    }
    .circle_new {
        left: 58%;

    }
    .prefooter__title {
        font-size: 30px;
        width: 66%;
        top: 10px;
        left: 45px;
    }
    #fancybox-wrap{
        width: 380px !important;
        padding: initial !important;
        left: 10px !important;
    }
    #fancybox-content{
        width: 380px !important;
        height: 300px !important;
    }
    #fancybox-content embed{
        width: 380px;
        height: 300px;
    }
}

@media (max-width: 812px){
    .prefooter__title{
       font-size: 29px;
   }
   .block__header{
       font-size: 35px;
   }
}

@media (max-width: 768px){
	.block-1__text{
        flex-direction: initial;
    }
    .block-1__text-2-head {
        font-size: 45px;
        width: 75%;
    }
    .block-1__text-1 {
        font-size: 30px;
        width: 65%;
    }
    .block-1__separator {
        height: 212px;
    }
    .block-1__text {
        bottom: 35px;
        left: 68px;
    }
    .row_1 {
        padding: 40px 75px;
    }
    .block__2-header {
        font-size: 26px;
    }
    .block__2-green span {
        font-size: 22px;
    }
    .block__2-gray, .block__3-gray {
        font-size: 16px;
    }
    .block__3-header {
        font-size: 22px;
    }
    .block__3-green span {
        font-size: 22px;
    }
    .container__3-circle {
        padding-top: 6px;
    }
    .block__4-txt {
        font-size: 22px;
    }
    .row_3 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-4-768.jpg) no-repeat;
        height: 320px;
        padding: initial;
    }
    .block__4-img img {
        width: 100%;
    }
    .block__4-flex {
        padding: 34px 40px;
    }
    .row_4 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-5-768.jpg) no-repeat;
        height: 423px;
    }
    .block__4-img img {
        padding: 30px;
    }
    .link-video img {
        width: 90%;
    }
    .block__text-description {
        font-size: 18px;
    }
    .block__text-header {
        font-size: 36px;
    }
    .circle_new .item {
        height: 40px;
        width: 40px;
    }
    .circle_new .item span {
        font-size: 14px;
        top: 11px;
        left: 5px;
    }
    .circle_new {
        left: 40%;top: 11%;
    }
    .block_icon-ik{
        padding: 90px 0;
    }
    .icon {
        padding: 7px;
        width: 26.333333%;
    }
    .prefooter__title{
        width: 70%;
        top: 44px;
        font-size: 35px;
    }
}

@media (max-width: 736px){
    .block-1__text-1 {
        width: 74%;
    }

    .block-1__text-2-head {
        width: 79%;
    }
    .row_3 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-4-768.jpg) top no-repeat;
    }
    .row_4 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-5-768.jpg) top no-repeat;
    }
}

@media (max-width: 667px){
    .block-1__text {
        bottom: 5px;
        left: 30px;
    }
    .block-1__text-1 {
        width: 93%;
    }
    .row_1 {
        padding: 40px;
    }
    .block__3-header {
        padding-left: 50px;
    }
    .block__4-flex {
        padding: 34px 0;
    }
    .circle_new {
        left: 46%;
    }

    .prefooter__title{
        font-size: 30px;	
    }
    .compare__slider .slick-prev {
        width: 70px;
    }
    .compare__slider .slick-next{
        width: 70px;	
    }
}

@media (max-width: 568px){
    .block-1__text-1 {
        width: 71%;
        font-size: 25px;
    }
    .block-1__separator {
        height: 130px;
    }
    .block-1__text-2-head {
        font-size: 30px;
    }
    .block-1__text {
        bottom: 18px;
    }
    .wrapper_1{
        flex-direction: column;	
    }
    .block_2{
        width: 100%;
    }
    .block_2_right-img {
        width: 100%;
    }
    .wrapper_flex{
        flex-direction: column-reverse;
    }

    .block__3-header {
        padding-left: 67px;
    }

    .row_3 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-4-530.jpg) top no-repeat;
    }
    .row_4 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-5-530.jpg) top no-repeat;
    }
    .circle_new {
        left: 54%;
    }
    .block__text-image img {
        width: 100%;
    }
    .block_icon-ik {
        background: url(/local/templates/ballu/images/ik-elektricheskie/block-9-530.jpg) top no-repeat;
        height: 421px;
    }
    .block_icon-ik {
        padding: 25px 0;
    }
    .prefooter__title {
        font-size: 26px;
    }
}

@media (max-width: 414px){
    .block-1__text-1 {
        width: 87%;
        font-size: 20px;
    }
    .block-1__text-2-head {
        width: 88%;
        font-size: 23px;
    }
    .block-1__separator {
        height: 130px;
        margin: 0 10px;
    }
    .block-1__text {
        bottom: 3px;
    }
    .block__2-header {
        font-size: 23px;
    }
    .row_1 {
        padding: 20px;
    }
    .block__3-header {
        padding-left: initial;
    }
    .block__4-txt {
        font-size: 17px;
    }
    .block__4-img img {
        padding: 10px;
    }
    .row_3 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-4-414.jpg) top no-repeat;
        height: 290px;
    }
    .row_4 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-5-414.jpg) top no-repeat;
        height: 300px;
    }
    .block__button-play{
        width: 120%;
    }
    .link-video img {
        width: 65%;
    }
    .block__text {
        padding: 20px;
    }
    .circle_new {
        left: 63%;
        top: 7%;
    }
    .block__text-images{
        width: calc(100% - 35px - 8px);
    }
    .block-6_right-image .block__text {
        padding: 20px;
    }
    .block_icon-ik {
        background: url(/local/templates/ballu/images/ik-elektricheskie/block-9-414.jpg) top no-repeat;
        height: 328px;
    }
    .block__icons {
        width: 100%;
        padding: 10px;
    }
    .compare__cell {
        line-height: 1;
        font-size: 1rem;
    }
    .compare__cell_controls .butn {
        font-size: 18px;
    }
    .prefooter__title {
        font-size: 20px;
        width: 72%;
        top: 20px;
        left: 30px;
    }
    .control_delete {
        font-size: 1.1rem;
    }
}

@media (max-width: 375px){
    .block-1__separator{
        height: 98px;		
    }
    .block-1__text-1 {
        width: 75%;
        font-size: 16px;
    }
    .block-1__text-2-head {
        width: 76%;
        font-size: 21px;
    }
    .block__2-header {
        font-size: 21px;
        line-height: 1;
    }
    .block__2-green span {
        font-size: 20px;
    }
    .block__2-gray, .block__3-gray {
        font-size: 15px;
    }
    .prefooter__title {
        width: 80%;
        top: 11px;
        left: 19px;
    }
    #fancybox-wrap{
        left: 10px !important;
        width: 350px !important;
    }
    #fancybox-content{
        width: 350px !important;
        height: 300px !important;
    }
    #fancybox-content embed{
        width: 350px;
        height: 300px;
    }
}

@media (max-width: 320px){
    .block-1__text-2-head {
        width: 79%;
        font-size: 18px;
    }
    .block-1__text-1 {
        width: 80%;
        font-size: 14px;
    }
    .block-1__separator {
        height: 80px;
    }
    .block__2-green span {
        font-size: 19px;
    }
    .block__2-gray, .block__3-gray {
        font-size: 13px;
    }
    .row_2 {
        padding: 20px;
    }
    .block__3-green span {
        font-size: 19px;
    }
    .container__3-circle {
        padding-top: 4px;
    }
    .block__3-header {
        font-size: 20px;
    }
    .block__4-txt {
        font-size: 15px;
    }
    .row_3 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-4-320.jpg) top no-repeat;
        height: 234px;
    }
    .row_4 {
        background: url(/local/templates/ballu/images/ik-elektricheskie/fon_block-5-320.jpg) top no-repeat;
        height: 230px;
    }
    .link-video img {
        width: 58%;
    }
    .block__button-play {
        width: 133%;
    }
    .circle_new {
        left: 79%;
        top: 6%;
    }
    .prefooter__title{
        font-size: 18px;
    }
    .block__header {
        font-size: 24px;
    }

}