/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del,
dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0;  border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; list-style: none;}

.object {
    z-index: 50;
}
.fclear {clear:both; height:0; font-size:0; overflow:hidden}
.fl_left  {float: left}
.fl_right {float: right}
.p_relative {position:relative}

* {
    outline: 0;
}

a:hover {
    text-decoration:none;
}

a {
    text-decoration: underline;
    color: #000;
}

em {
    font-style: italic;
}

body {
    font-size: 12px;
    font-family: "Trebuchet MS", Arial, Helvetica, Jamrul, sans-serif;
    color:#000;
    background-color: #f1f1f1;
}

.invisible {display: none}

h1 {
    color: #ed1c24;
    font-size: 26px;
    font-weight: bold;
}

.mod_article h1 {
    margin: 10px 0 30px;
}

h2.slogan {
    display: block;
    width: 475px;
    min-height:63px;
    float: left;
    margin-left: 5px;
    font-size: 18px;
    color: #0068B4;
}
 h2 {
    color: #ed1c24;
    font-size: 18px;
    font-weight: bold;
    margin-left: 25px;
    margin-bottom:10px;
}
h4 {
    font-size: 16px;
    font-weight: bold;
    margin-left: 25px;
    margin-top:10px;
    margin-bottom:10px;

}

.mod_cataloglist h2 {
    color: #000;
}
/*********** structure blocks ********************************/
#header {
    width: 969px;
    height: 161px;
    margin: 10px auto;
    position: relative;
    padding: 0 17px;
}

#header .left_c {
    /*margin-left: 17px;*/
}

.left_c{
    width: 279px;
    float: left;
}
.right_c {
    width: 678px;
    float: left;
    margin-left: 8px;
}

#logo {
    padding-top: 4px;
    width: 175px;
    margin-left: 56px;;
}

#logo img {
    max-height:155px;
}

#logo_container {
    height: 90px;
    padding: 11px 0;
}


#flags {
    width: 100px;
    margin-left: 170px;
    float: left;
}

#flags li {
    float: left;
    list-style: none;
    padding-right: 7px;
    display: block;
}

#flags li a, #flags li a:hover {text-decoration: none;}

.flag {
    width: 24px;
    height: 19px;
    background:url(../img/flags.png) no-repeat;
    display: block;
}

._ua {
    background-position: 0 0;
}
._ru {
    background-position: 0 -20px;
}

._en {
    background-position: 0 -40px;
}

#header .flags {
    display:flex;
    float: right;
    padding:0 20px 0 0;
    font-size:12px;
}

#header .flags .item {
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    margin-left:10px;
    background:#fff;
    border-radius:50%;
    text-decoration:none;
    border:1px solid #d4d6d6;
    font-size:14px;
}

#header .flags .item.active,
#header .flags .item:hover {
    color:#ed1c24;
}


#main_nav_container {
    background:url(../img/menu_bg.gif) no-repeat;
    width: 658px;
    height: 73px;
    float: left;
    margin-top: 10px;
}
/*
#main_selected {
    position: relative;
}
#main_selected span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
}
#main_selected span span {
    position: relative;
    top: -50%;
}
*/

#main_selected {
    width: 155px;
    height: 73px;
    /*line-height: 73px;*/
    text-align: center;
    float: left;
    color: #0068B4;
    font-weight: bold;
    font-size: 14px;
}

/*hack for center item*/
#main_centered {
      display: table-cell;
      vertical-align: middle;
      height: 73px; width: 155px;
}
*+html .auxiliary {
      display: inline-block;
      vertical-align: middle;
      width: 0px;
      height: 100%;
}
*+html #main_centered div {
      display: inline-block;
      vertical-align: middle;
}
*+html #main_centered div, .auxiliary {
      display: inline;
}
/**/

#main_menu {
    margin: 3px 0px 0px 25px;
    padding: 0;
    display: block;
    float: left;
    width: 475px;
}

#main_menu li {
    float: left;
    margin-right: 20px;
    white-space: nowrap;
    list-style: none;
    line-height: 22px;
    font-size:14px;
    font-weight:bold;
}

#body {
    width: 1005px;
    margin: 0px auto;
}

#content {
    width: 969px;
    margin: 0px auto;
    position: relative;
    padding: 13px 17px 13px 17px;
    background: #fff;
    border: 1px solid #d6d6d6;
    float: left;
}

#left_menu_container {
    width: 279px;
    min-height: 509px;
    /*background: url(../img/l_menu_bg.png) repeat-y; */
    position: relative;
}

#left_menu_container .mod_navigation {
    padding-bottom:12px;
}

#left_menu_top, #left_menu_bottom {
    width: 279px;
    height: 12px;
}

#left_menu_top {
    display:none;
    top: 0;
    background: url(../img/l_menu_bg_top_bottom1.png) no-repeat 0 0;
}

#left_menu_bottom {
    display:none;
    position: absolute;
    bottom: 0;
    background: url(../img/l_menu_bg_top_bottom1.png) no-repeat 0 -12px;
}

#left_menu {
    padding: 12px 0 22px;
    margin:0;
    min-height: 475px;
    height:auto;
    background:#fff;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}

#left_menu li {
    position:relative;
    z-index:1;
    list-style: square;
    color: #fff;
    padding:4px 13px 5px 23px;
    font-size: 15px;
    border-bottom: 1px solid #e5e5e5;
    font-weight:bold;
}

#left_menu li:before {
    position:absolute;
    top:9px;
    left:9px;
    z-index:1;
    content:'';
    display:block;
    background:#ed1b24;
    width:5px;
    height:5px;
    border-radius:50%;
}

#left_menu li.last {
    border-bottom: none;
}

#left_menu li a {
    text-decoration: none;
}

#left_menu li a:hover {
    text-decoration:  underline;
}

#left_menu li a.selected {
    color: #ed1c24;
}

#random_gramota, #random_doc{
    float:left;
    width:33%;
    box-sizing: border-box;
}

#random_doc {
    width:32%;
}

#middle_footer {
    display:flex;
    margin: 51px 0px 39px;
}

#middle_footer > div {
    margin-left:1%;
    margin-right:1%;
}

#middle_footer:after {
    display:block;
    content:'';
    clear:both;
}

#random_gramota > div, #random_doc > div {
    background:#E6E6E1;
    border:1px solid #CCC;
    padding:10px 0 0;
    height:250px;
}

#random_gramota h4, #random_doc h4 {
    text-align:center;
}

#random_gramota .banner-footer, #random_doc .banner-footer {
    border:none;
    width:147px;
    margin:0 auto;
}

/*
#random_gramota a img,
#random_doc a img {
    border: 1px solid #D6D6D6;
}
*/
#f_contacts {
    width: 33%;
    height: 262px;
    float:right;
    padding: 10px;
    border: 1px solid #D6D6D6 ;
    font-size: 16px;
    margin-left:0;
    box-sizing: border-box;
}

#f_contacts .f_contacts_text {
    margin-top:43px;
}

#f_contacts h4,
#middle_footer .banner-box h4 {
    text-align:center;
    margin:0;
    color: #ed1c24;
    font-weight: bold;
    font-size: 16px;
    line-height:18px;
}
#f_contacts p {
    padding-top: 14px;
    line-height: 19px;
}

#middle_footer .banner-box {
    width:227px;
    height:240px;
    float:left;
    margin-left:10px;
    padding: 10px;
    border: 1px solid #D6D6D6;
}

#middle_footer .banner-box .image {
    margin-top:27px;
}

#footer {
    min-height:29px;
    background: #fff;
    border: 1px solid #D6D6D6;
    padding: 4px 10px 10px;
    text-align: center;
    margin-bottom: 10px;
}

/*** content styles ********/
#home_text {
    /*width: 285px !important;*/
    margin-left: 11px;
    margin-top: 0;
}


#home_text p,
#home_text ul {
    margin-top: 17px;
    font-size: 14px;
    line-height: 19px;
}

/*slider*/
div.anythingSlider .anythingControls {display: none; }


#map {
    width:919px;
    margin: 10px auto 0;
    display:block;
}
#map_text_info {
    width:290px;
/*  height:135px;*/
    position: absolute;
    top: 385px;
    left: 42px;
}

#map_text_info p {
    margin-bottom:15px;
    text-indent: 0;
    font-size: 14px;
}

#map_customers_list {
    font-size: 14px;
}
#map_customers_list ul, .clients_list ul {
    margin-left: 40px;
}

#right_content .mod_article ul {
    margin-left: 16px;
    margin-top: 10px;
}

#map_customers_list  p {
    margin-left:25px;
}
#map_customers_list li, .clients_list li, #right_content .mod_article li{
    margin-bottom:10px;
    list-style:square;
    color: #ed1c24;
}
#map_customers_list li span,  .clients_list li span, #right_content .mod_article li span {
    color:#000;
}

.clients_list {
    margin-bottom: 25px;
}

.map_tooltip_data {
    display: none;
}

.map_tooltip_data ul li, .map_tooltip_data ul, .map_tooltip_data  {
    list-style: none !important;
}

.col1, .col2 {
    float: left;
    vertical-align: top;
    width: 470px;
}

.perm_level1,
.perm_level2 {
    margin-left: 6px
}

.perm_level2 {
    margin: 40px 0 40px 6px;
}

.perm_level1 td a ,
.perm_level2 td a {
    display: block;
}

.perm_level1 td {
    padding-right: 30px
}

.perm_level1 td a img {
    border: 1px solid #CCCCCC;
    width: 215px;
    height: 313px
}


.perm_level2 td {
    padding-right: 71px
}

.perm_level2 td a img {
    border: 1px solid #CCCCCC;
    width: 270px;
    height: 235px
}

.banner-footer {
    border: 1px solid #CCCCCC;
    width: 149px;
    height: 210px;
    text-align: center;
    background: #FFFFFF;
    display: flex;
    align-items: center;
}

#partners #partners_slideshow > div {
    height:210px;
    width:182px;
    overflow:hidden;
}

#partners #partners_slideshow > div > div {
    display:table-cell;
    height:210px;
    min-width:182px;
    vertical-align:middle;
    text-align:center;
}

.podyaka_table td {
    vertical-align: top;
}
.podyaka_table img {
        border: 1px solid #CCCCCC;
}
.podyaka_table .vertical img {
    width: 140px;
}

.video_descr {
    text-align: center;
    font-size:  14px;
}
.portfolio td {
    text-align: center;
}

.article_frame {
    position: relative;
    left: -30px;
    margin: 0;
    padding: 0;
}

.href_named {
    font-size: 0;
}

#right_content .mod_article, .article  {
    font-size: 14px;
}

#right_content .mod_article h2 , .article h2 {
    margin-top: 20px;
}

#right_content .mod_article ul li, .article ul li {
    margin-bottom: 10px;
}

#right_content .mod_article p, .article p {
    text-indent: 25px;
}

.article .table_with_border {
border: 1px solid #000;
border-collapse: collapse;

}
table.center {
margin: 0 auto
}
td.center {
text-align:center;
}

.article .table_with_border td {
    padding: 5px;
}


table.cellborder td{
    border: 1px solid #000;
    border-collapse: collapse;

}
table.cellborder {
    margin-top: 10px;
    margin-bottom: 10px;
}

.img_descr,  .video_descr {
    font-weight: bold;
    padding-top: 10px;
}

.sog_repair_example {
    width: 630px;
}
.sog_repair_example td {
    width: 150px;
    padding-right: 18px;
    text-align: left;
}
.present-list li {
    list-style-type: square;
    list-style-position: inside;
    margin-bottom: 10px;
}

.col_0, .col_1 {
    padding: 10px;
    vertical-align: top;
}

.col_1 input, .col_1 textarea {
    width: 150px;
}

span.mandatory {
    color: red;
}

.captcha_text {
    clear: both;
    display: block;
}
#kontakty .tableform,
#kontakti .tableform {
    float: left;
    width: 460px;
}

#kontakty .adress_text,
#kontakti .adress_text  {
    float: left;
    width: 300px;
}

#kontakty .ce_text  p,
#kontakti .ce_text  p {
    font-size: 14px;
    margin-bottom: 10px;
}

.error {
    color: red;
}

#instrukcii ul li, #stati ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

#partners {
    float: left;
    border: 1px solid #CCCCCC;

    height: 240px;
    text-align: center;
    background: #FFFFFF;
    /*padding: 5px;*/
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}
#partners h4,
#random_gramota h4,
#random_doc h4,
#f_contacts h4 {
    color: #ed1c24;
    font-weight: bold;
    font-size: 16px;
    line-height:18px;
    margin: 0;
    padding: 0 0 10px 0;
}

#partners h4 a,
#random_gramota h4 a,
#random_doc h4 a,
#f_contacts h4 a {
    color:inherit;
    text-decoration:none;
}

.articles_centered_table {
    width: 400px;
    margin: 10px auto;
}

.w_50percent {
    width: 50% !important
}

.table_centered {
    margin: 10px auto;
    width: 80%
}

.table_centered td {
    width: 176px;
}



.magnifier, .minifier {
    width: 37px !important;
    height: 22px !important;
    display:  block  !important;

    position: relative  !important;
    top: 0 !important;
    left: 100px !important;

}
.magnifier {
    background: url(../img/magnifier.png) no-repeat 0 0px  !important;
}

.minifier {
    background: url(../img/minifier.png) no-repeat 0 0px  !important;
}

#loader {
    background: url(../img/loader.gif) no-repeat 0 0px  !important;
    height: 30px;
    padding-left: 30px;
    font-size: 16px;
    width: 350px;
    margin: 0 auto;
}

#kontakty .col_first, #kontakti .col_first {width:180px}

.col_first .law_bold {
font-weight: bold;
}

/* backgrounds */
#content,
#partners,
#middle_footer .banner-footer,
#f_contacts,
#middle_footer .banner-box,
#footer {
 /* background: url(../img/bg/13.gif) repeat !important; */
background: #e6e6e1

}

#footer:after {
    display:block;
    content:'';
    clear:both;
}

#footer .copyright {
    float:left;
    padding:10px 0 0;
}

#footer .footer_right {
    float:right;
    padding:10px 0 0;
}

#footer .footer_right img {
    vertical-align:middle;
    margin:0 5px 0 0;
}

#footer .webdesign {display:block;width:500px;margin:0 auto;text-align:center;}
#footer .webdesign img {position:relative;top:3px;vertical-align:bottom;}
#footer .webdesign, #footer .webdesign a {font-size:10px;font-family:Verdana, Geneva, sans-serif;color:#9f9f9f;text-shadow:1px 1px 0 #FFF;text-decoration:none;}

.elevators_for_sale {
    padding-left:13px;
}

.elevators_for_sale h2 {
    padding:9px 0 0;
    font-size:25px;
}

#right_content .elevators_for_sale h2 {
    margin:0;
}

.elevators_for_sale .options {
    font-size:13px;
    padding:17px 0 30px;
}

.elevators_for_sale .options select, select.select {
    margin:0 0 0 10px;
    padding:2px 0;
    font-size:13px;
    border:1px solid #ABADB3;
}

.elevators_for_sale .objects {
    padding:0 0 15px;
}

.elevators_for_sale .object, .single_gallery .object {
    border:1px solid #C2C2B7;
    background:#D2D2C9;
    margin:0 0 12px;
    padding:9px 0 12px;
}

.single_gallery .object {
    padding:9px 0;
}

.elevators_for_sale .object h4 {
    margin:0;
    padding:0 19px 12px;
    font-size:18px;
    font-weight:normal;
}

.elevators_for_sale .object .dsc {
    padding:10px 19px 0;
    font-size:13px;
}

.elevators_for_sale ul.paginator {
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
}

.elevators_for_sale ul.paginator li {
    display:inline-block;
    margin:0;
    padding:0;
    list-style-type:none;
}

.elevators_for_sale ul.paginator li a {
    padding:0 5px;
    text-decoration:none;
}

.elevators_for_sale ul.paginator li a:hover {
    text-decoration:underline;
}

.elevators_for_sale ul.paginator li.active a, .elevators_for_sale ul.paginator li.active a:hover {
    font-weight:bold;
    text-decoration:underline;
}

.elevators_for_sale .ce_text p {
    text-indent:0;
}

.small_gallery_wrap {position:relative;z-index:1;}
.small_gallery {position:relative;overflow:hidden;width:590px;height:105px;margin:0 auto;padding:0;}
.small_gallery .items {width:20000em;position:absolute;clear:both;}
.small_gallery .items:after {display:block;content:'';clear:both;}
.small_gallery .items > div {float:left;width:600px;}
.small_gallery .items .item {float:left;width:140px;padding:0 10px 0 0;}
.small_gallery .items .item:last {padding:0;}
.small_gallery .items .item .img {width:140px;height:105px;overflow:hidden;margin:0 auto;}
.small_gallery .items .item:hover .img, .small_gallery .items .img_act .img {border-color:#FFF;}
.small_gallery .items .img img {width:140px;height:105px;}
.small_gallery .items .item .dsc, .small_gallery .items .item .title {display:none;}

.small_gallery_wrap .prev, .small_gallery_wrap .next {position:absolute;top:33px;z-index:9999;width:29px;height:39px;background:url('../img/scroll_gallery_arr.png') no-repeat 0 0;cursor:pointer;}
.small_gallery_wrap .prev {left:-1px;}
.small_gallery_wrap .next {background-position:-29px 0;right:-1px;}
.small_gallery_wrap .prev.disabled, .small_gallery_wrap .next.disabled {display:none;}

.partners .item {padding:0 0 25px;}
.partners .item:after {display:block;content:'';clear:both;}
.partners .item h2 {margin-left:0;}
.partners .item .logo {width:182px;margin:0 20px 5px 0;float:left;overflow:hidden;text-align:center;}
.partners .item .description p {padding:0 0 5px;}

.links_box {float:left;padding:0 10px 0 0;}

.links_table td {padding:0 20px 0 0;vertical-align:top;}
.links_table ul, .links_table li, .links_box ul, .links_box li {list-style-type:none !important;margin:0 !important;padding:0 !important;}
.links_table a, .links_box a {display:block;width:200px;margin:2px 0;padding:2px 10px 3px;border:1px solid #64aced;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:13px;font-weight:bold;text-decoration:none;
background-image: linear-gradient(bottom, rgb(161,213,246) 0%, rgb(225,251,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(161,213,246) 0%, rgb(225,251,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(161,213,246) 0%, rgb(225,251,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(161,213,246) 0%, rgb(225,251,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(161,213,246) 0%, rgb(225,251,255) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(161,213,246)),color-stop(1, rgb(225,251,255)));
}

.links_table a:hover, .links_box a:hover {background:#FFF;color:#ED1C24;}

.ce_download {padding:10px 0;}
.ce_download img {vertical-align:middle;}

.prev_next {padding:25px 0 0;}
.prev_next:after {display:block;content:'';clear:both;}
.prev_next .prev {float:left;}
.prev_next .next {float:right;}

.list_table th {padding:3px 5px;vertical-align:top;font-weight:bold;text-align:center;}
.list_table td {padding:3px 5px;vertical-align:top;}
#right_content .elevators_for_sale h3 {font-size:18px;color:#ED1C24;font-weight:bold;}
#right_content .elevators_for_sale p.images {text-indent:0;text-align:center;}

.country_flags {padding:15px 0 10px;text-align:center;}
.country_flags li {display:inline-block;padding:0 13px;text-align:center;font-size:13px;font-family:Arial;color:#000;}
.country_flags li a {color:#ed1c24;}
.country_flags li .image {padding:0 0 5px;}
.country_flags li .name span {display:none;}
.country_flags li.active .name a {display:none;}
.country_flags li.active .name span {display:inline;}

.association-companies .mod_article {font-size:14px;}
.association-companies .mod_article ul {margin-left:15px;}
.association-companies .mod_article ul, .association-companies .mod_article li {list-style-type:disc;}
.association-companies .mod_article li {margin:5px 0;}

#scrollTop {display:block;position:fixed;bottom:20px;left:20px;z-index:900;width:36px;height:36px;border-radius:4px;background:#00aeef;}
#scrollTop:before, #scrollTop:after {content:'';display:block;position:absolute;z-index:1;background:#fff;height:4px;width:15px;top:15px;}
#scrollTop:before {left:15px;transform:rotate(45deg);}
#scrollTop:after {right:15px;transform:rotate(-45deg);}
#scrollTop:hover {background:#fff;}
#scrollTop:hover:before, #scrollTop:hover:after {background:#00aeef;}




.callback-actions-block:before {
    transform:translate(-50%,-50%)
}

.callback-actions-block {
    position: fixed;
    z-index: 905;
    right: 20px;
    bottom: 120px;
}

.callback-actions-block:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%
}

.callback-actions-block .button_widget_callback {
    position: relative;
    z-index: 2;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid red;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: red;
    cursor: pointer;
    box-shadow: 0 0 0 0 currentColor;
    transition: box-shadow .3s
}

.callback-actions-block .button_widget_callback:hover {
    box-shadow: 0 0 5px 0 currentColor
}

.callback-actions-block ul,
.callback-actions-block ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*
.callback-actions-block ul li:nth-child(1) {
    transform: rotate(10deg)
}

.callback-actions-block ul li:nth-child(1) .icon {
    transform: rotate(10deg)
}

.callback-actions-block ul li:nth-child(2) {
    transform: rotate(-30deg)
}

.callback-actions-block ul li:nth-child(2) .icon {
    transform: rotate(30deg)
}

.callback-actions-block ul li:nth-child(3) {
    transform: rotate(-70deg)
}

.callback-actions-block ul li:nth-child(3) .icon {
    transform: rotate(70deg)
}

.callback-actions-block ul li:nth-child(4) {
    transform: rotate(-110deg)
}

.callback-actions-block ul li:nth-child(4) .icon {
    transform: rotate(110deg)
}

.callback-actions-block ul li:nth-child(5) {
    transform: rotate(-150deg)
}

.callback-actions-block ul li:nth-child(5) .icon {
    transform: rotate(150deg)
}

.callback-actions-block ul li:nth-child(6) {
    transform: rotate(-190deg)
}

.callback-actions-block ul li:nth-child(6) .icon {
    transform: rotate(190deg)
}
*/

.callback-actions-block ul li:nth-child(1) {
    transform: rotate(15deg)
}

.callback-actions-block ul li:nth-child(1) .icon {
    transform: rotate(-15deg)
}

.callback-actions-block ul li:nth-child(2) {
    transform: rotate(-20deg)
}

.callback-actions-block ul li:nth-child(2) .icon {
    transform: rotate(20deg)
}

.callback-actions-block ul li:nth-child(3) {
    transform: rotate(-55deg)
}

.callback-actions-block ul li:nth-child(3) .icon {
    transform: rotate(55deg)
}

.callback-actions-block ul li:nth-child(4) {
    transform: rotate(-90deg)
}

.callback-actions-block ul li:nth-child(4) .icon {
    transform: rotate(90deg)
}

.callback-actions-block ul li:nth-child(5) {
    transform: rotate(-125deg)
}

.callback-actions-block ul li:nth-child(5) .icon {
    transform: rotate(125deg)
}

.callback-actions-block ul li:nth-child(6) {
    transform: rotate(-160deg)
}

.callback-actions-block ul li:nth-child(6) .icon {
    transform: rotate(160deg)
}

.callback-actions-block ul li:nth-child(7) {
    transform: rotate(-195deg)
}

.callback-actions-block ul li:nth-child(7) .icon {
    transform: rotate(195deg)
}

.callback-actions-block ul li .link,
.callback-actions-block ul li a {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #7ED321;
    top: 0;
    left: 50%;
    margin-left: -16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 0 0 0 #7ED321;
    transition: box-shadow .3s, top .3s
}

.callback-actions-block ul li .link .icon,
.callback-actions-block ul li a .icon {
    width: 16px;
    height: 16px;
    fill: #fff
}

.callback-actions-block ul li .link:hover,
.callback-actions-block ul li a:hover {
    box-shadow: 0 0 5px 0 #7ED321
}

.callback-actions-block ul li a.vb {
    background: #7000d2;
    box-shadow: 0 0 0 0 #7000d2
}

.callback-actions-block ul li a.vb:hover {
    box-shadow: 0 0 5px 0 #7000d2
}

.callback-actions-block ul li a.tg {
    background: #00a9ff;
    box-shadow: 0 0 0 0 #00a9ff
}

.callback-actions-block ul li a.tg:hover {
    box-shadow: 0 0 5px 0 #00a9ff
}

.callback-actions-block ul li a.wu {
    background: green;
    box-shadow: 0 0 0 0 green
}

.callback-actions-block ul li a.wu:hover {
    box-shadow: 0 0 5px 0 green
}

.callback-actions-block ul li a.fb {
    background: #007FFF;
    box-shadow: 0 0 0 0 #007FFF
}

.callback-actions-block ul li a.fb:hover {
    box-shadow: 0 0 5px 0 #007FFF
}

.callback-actions-block ul li a.line {
    background: #089436;
    box-shadow: 0 0 0 0 #089436
}

.callback-actions-block ul li a.line:hover {
    box-shadow: 0 0 5px 0 #089436
}

.callback-actions-block.open:before,
html.no-touch .callback-actions-block:hover:before {
    width: calc(100% + 100px);
    height: calc(100% + 100px)
}

.callback-actions-block.open ul li .link,
.callback-actions-block.open ul li a,
html.no-touch .callback-actions-block:hover ul li .link,
html.no-touch .callback-actions-block:hover ul li a {
    top: -48px
}

.callback-actions-block.open .button_widget_callback {
    font-size: 0
}

.callback-actions-block.open .button_widget_callback:after {
    content: '×';
    font-size: 40px
}



.widget-callback {
    outline: red solid 1px;
    position: fixed;
    z-index: 910;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s, opacity .3s
}

.widget-callback input,
.widget-callback textarea {
    font-family: "Trebuchet MS", Arial, Helvetica, Jamrul, sans-serif;
}

.widget-callback a {
    text-decoration:none;
    color:#7ED321;
}

.widget-callback .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.widget-callback .btn-red {
    font-size: 20px;
    border: 1px solid    #7ED321;
    color:    #7ED321;
    background:    #fff;
    line-height: 1.5;
    font-weight: 500;
    padding: 5px;
    min-height: 45px;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color .2s ease;
}

.widget-callback .btn-red:hover {
    color:    #fff;
    background:    #7ED321;
}

.widget-callback .widget-callback-inner {
    position: absolute;
    top: 0;
    right: -375px;
    width: 100%;
    max-width: 375px;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    transition: right .3s
}

.widget-callback .widget-callback-inner #callback_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px
}

.widget-callback .widget-callback-inner .top-callback-block {
    background: #F4F4F4;
    padding: 15px 30px
}

.widget-callback .widget-callback-inner .top-callback-block .columns-block {
    padding: 15px 0;
    display: grid;
    grid-template-columns: calc(50% - 10px) 20px calc(50% - 10px)
}

.widget-callback .widget-callback-inner .top-callback-block .columns-block:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.widget-callback .widget-callback-inner .top-callback-block .columns-block .column-first {
    grid-column-start: 1;
    grid-column-end: 2
}

.widget-callback .widget-callback-inner .top-callback-block .columns-block .column-second {
    grid-column-start: 3;
    grid-column-end: 4
}

.widget-callback .widget-callback-inner .top-callback-block span.label {
    display: block;
    font-size: 12px;
    color: rgba(0, 0, 0, .3)
}

.widget-callback .widget-callback-inner .top-callback-block .main-phone {
    margin-bottom: 10px
}

.widget-callback .widget-callback-inner .top-callback-block .main-phone .value {
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    letter-spacing: .5px;
    color: #000
}

.widget-callback .widget-callback-inner .top-callback-block .kiyv-phone .value {
    font-size: 12px;
    line-height: normal;
    letter-spacing: .5px;
    color: #000
}

.widget-callback .widget-callback-inner .top-callback-block .other-phones {
    font-size:14px;
}

.widget-callback .widget-callback-inner .top-callback-block .other-phones>div {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: 5px;
    box-sizing: border-box;
    padding-left: 23px;
    position: relative
}

.widget-callback .widget-callback-inner .top-callback-block .other-phones>div:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.widget-callback .widget-callback-inner .top-callback-block .other-phones .mts:after {
    background-image: url(https://p.ua/skin/frontend/rwd/buyandprint/images/operators/mts.png)
}

.widget-callback .widget-callback-inner .top-callback-block .other-phones .life:after {
    background-image: url(https://p.ua/skin/frontend/rwd/buyandprint/images/operators/life.png)
}

.widget-callback .widget-callback-inner .top-callback-block .other-phones .kvst:after {
    background-image: url(https://p.ua/skin/frontend/rwd/buyandprint/images/operators/kvst.png)
}

.widget-callback .widget-callback-inner .top-callback-block .call-center,
.widget-callback .widget-callback-inner .top-callback-block .order-processing {
    padding: 0
}

.widget-callback .widget-callback-inner .top-callback-block .call-center .label,
.widget-callback .widget-callback-inner .top-callback-block .order-processing .label {
    margin-bottom: 5px
}

.widget-callback .widget-callback-inner .top-callback-block .call-center .value,
.widget-callback .widget-callback-inner .top-callback-block .order-processing .value {
    font-size: 12px;
    line-height: 16px;
    color: #000
}

.widget-callback .widget-callback-inner .widget-callback-title {
    padding: 30px 30px 0;
    font-size: 24px;
    font-weight: 500
}

.widget-callback .widget-callback-inner .popup-tabs-wrap {
    padding: 30px;
    box-sizing: border-box
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .tab-heading {
    display: none
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .tab-heading.show {
    display: block;
    margin: 0 0 25px
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .tab-heading a {
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: #9D99A7;
    display: inline-block;
    margin-right: 5px;
    padding: 3px 0;
    border-bottom: 2px solid transparent
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .tab-heading a.current {
    color: #7ED321;
    border-bottom-color: #7ED321
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .hidden-form {
    display: none
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .callbacks-popup {
    padding: 0;
    max-width: unset
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .webforms-callback {
    width: unset;
    transition: opacity 0.3s ease-out;
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .webforms-callback.loading {
    opacity: .5;
    pointer-events: none;
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .webforms-callback .success {
    margin-bottom: 25px;
    font-size:14px;
    text-align:center;
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 25px
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .field label.error {
    width: 100%;
    padding-left: 70px;
    box-sizing: border-box;
    font-size: .75rem;
    line-height: 1.5;
    color: red;
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .field .input-text.error {
    border-bottom-color:red !important;
    color:#000;
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .field input,
.widget-callback .widget-callback-inner .popup-tabs-wrap .field label,
.widget-callback .widget-callback-inner .popup-tabs-wrap .field textarea {
    position: static;
    display: block;
    box-sizing: border-box;
    background: 0 0;
    font-size: 14px
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .field textarea {
    width: 100%;
    height: 84px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    min-height: unset;
    font-weight: 300;
    font-size: 12px;
    line-height: normal;
    padding: 10px 15px;
    color: #0f0f0f;
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .field label {
    width: 70px;
    font-weight: 300;
    font-size: 12px;
    line-height: normal;
    color: #000
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .field label+input {
    width: calc(100% - 70px);
    border-width: 0 0 1px;
    border-color: rgba(0, 0, 0, .2);
    border-radius: 0;
    height: 26px;
    box-sizing: border-box;
    padding: 0 10px
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .buttons-set {
    margin-bottom:25px;
}

.widget-callback .widget-callback-inner .popup-tabs-wrap .buttons-set .button {
    width: 100%;
    height: 35px
}

.widget-callback .chats-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.widget-callback .chats-list li {
    margin: 5px
}

.widget-callback .chats-list li a {
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.widget-callback .chats-list li a .icon {
    width: 20px;
    height: 20px
}

.widget-callback.open {
    visibility: visible;
    opacity: 1
}

.widget-callback.open .widget-callback-inner {
    right: 0
}

html.mobile .callback-actions-block {
    bottom:550px;
    right:55px;
}

html.mobile .callback-actions-block .online-chats {
    width: 85px;
    height: 85px;
    top: 57.5px;
    left: 57.5px;
}

html.mobile .callback-actions-block ul li a,
html.mobile .callback-actions-block ul li .link {
    left:0;
    margin-left:0;
}

html.mobile .callback-actions-block ul li {
    transform-origin: center 192.5px;
    transform:unset;
}

html.mobile .callback-actions-block.open ul li:nth-child(1) {
    transform: rotate(15deg);
}

html.mobile .callback-actions-block.open ul li:nth-child(2) {
    transform: rotate(-20deg);
}

html.mobile .callback-actions-block.open ul li:nth-child(3) {
    transform: rotate(-55deg);
}

html.mobile .callback-actions-block.open ul li:nth-child(4) {
    transform: rotate(-90deg);
}

html.mobile .callback-actions-block.open ul li:nth-child(5) {
    transform: rotate(-125deg);
}

html.mobile .callback-actions-block.open ul li:nth-child(6) {
    transform: rotate(-160deg);
}

html.mobile .callback-actions-block.open ul li:nth-child(7) {
    transform: rotate(-195deg);
}












/*
html.mobile .callback-actions-block ul li:nth-child(1) {
    top:10px;
    transform: rotate(-18deg);
}

html.mobile .callback-actions-block ul li:nth-child(2) {
    top:10px;
    transform: rotate(22deg);
}

html.mobile .callback-actions-block ul li:nth-child(3) {
    left:-10px;
    transform: rotate(62deg);
}

html.mobile .callback-actions-block ul li:nth-child(4) {
    left:-10px;
    transform: rotate(102deg);
}

html.mobile .callback-actions-block ul li:nth-child(5) {
    top:-10px;
    transform: rotate(142deg);
}

html.mobile .callback-actions-block ul li:nth-child(6) {
    top:-10px;
    transform: rotate(182deg);
}
*/


html.mobile .callback-actions-block .button_widget_callback {
    width:200px;
    height:200px;
    font-size:34px;
    line-height:1.2;
    border-width:8px;
}

html.mobile .callback-actions-block.open .button_widget_callback {
    font-size:0;
}

html.mobile .callback-actions-block.open .button_widget_callback:after {
    font-size:100px;
}

html.mobile .callback-actions-block ul li .link,
html.mobile .callback-actions-block ul li a {
    width:85px;
    height:85px;
}

html.mobile .callback-actions-block ul li .link .icon,
html.mobile .callback-actions-block ul li a .icon {
    width: 45px;
    height: 45px;
}

html.mobile .callback-actions-block.open ul li {
    top:-150px;
}

html.mobile .callback-actions-block.open ul li a,
html.mobile .callback-actions-block.open ul li .link {
    top:0;
}

html.mobile .widget-callback .widget-callback-inner .top-callback-block .other-phones {
    font-size:45px;
}

html.mobile .widget-callback .widget-callback-inner .top-callback-block .columns-block {
    display:block;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap {
    padding:75px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .tab-heading a {
    font-size:45px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .tab-heading a:first-child {
    margin-right:30px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .field {
    margin-bottom:75px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .field label {
    font-size:35px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .field label {
    width:240px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .field label + input {
    width: calc(100% - 240px);
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .field label.error {
    width:auto;
    padding-left:240px;
    font-size:2rem;
}

html.mobile .widget-callback .widget-callback-inner {
    max-width:1100px;
}

html.mobile .widget-callback .widget-callback-inner .top-callback-block {
    padding-left:75px;
}

html.mobile .widget-callback .widget-callback-inner #callback_close {
    top:34px;
    right:25px;
    font-size:36px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .field input,
html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .field label,
html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .field textarea {
    font-size:40px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .field label + input {
    height:52px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .field textarea {
    height:230px;
    padding:25px 35px;
}

html.mobile .widget-callback .btn-red {
    min-height:120px;
    font-size:50px;
}

html.mobile .widget-callback .chats-list li a {
    width:120px;
    height:120px;
}

html.mobile .widget-callback .chats-list li a .icon {
    width:80px;
    height:80px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .tab-heading.show {
    margin-bottom:75px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .buttons-set {
    margin-bottom:75px;
}

html.mobile .widget-callback .widget-callback-inner .popup-tabs-wrap .webforms-callback .success {
    margin-bottom: 75px;
    font-size: 45px;
}

.articles {
    display:flex;
    flex-wrap:wrap;
    font-size:15px;
}

.articles .item {
    flex:0 0 50%;
    width:50%;
    box-sizing:border-box;
    margin-bottom:50px;
}

.articles .item:nth-child(2n+1) {
    padding-right:8px;
}

.articles .item:nth-child(2n) {
    padding-left:8px;
}

.articles .image a {
    position:relative;
    display:block;
    height:240px;
    overflow:hidden;
}

.articles .image img {
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    object-fit: cover;
}

.articles .title {
    margin-top:10px;
}

.data-table {
    margin:0 auto;
    border-collapse: collapse;
    background-color:#fff;
}

.data-table th {
    font-weight:bold;
}

.data-table th,
.data-table td {
    padding:2px 5px;
    border: 1px solid gray;
}

ol {
    padding-left:20px;
    list-style-type:decimal;
}

ul.list-disc {
    padding-left:20px;
    list-style:disc;
}

ul.list-disc li,
ol li {
    list-style:inherit;
}