.red{ border: 1px solid red; }
*{ margin: 0; padding: 0; }

html, body{ padding: 0; margin: 0; font: 12px Tahoma, Arial, Verdana, sans-serif; line-height: 14px; color: #000; height: 100%; background: #f5f5f5; }
p{ padding: 0 0 15px; margin: 0; color: #000; line-height: 18px; }
table{ border-collapse: collapse; border: 0; width: 100%; line-height: 18px; }
table td{ padding: 0;}

img{ border: 0; vertical-align: middle; }
form{ padding: 0; margin: 0;}
label{ vertical-align: middle; }
input{ padding: 0 5px; margin: 0; outline: none; vertical-align: middle; border: none; font-family: Tahoma, sans-serif; }

input.btn{ cursor: pointer; font-size: 12px; font-weight: bold; height: 22px; padding: 0 0 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius: 4px; }
input::-moz-focus-inner{ padding: 0; border: 0; }

input.inp{ width: 158px; padding: 2px 5px 3px; line-height: 17px; height: 17px; font-size: 14px; background: #cfcbbe; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius: 3px; }
input.inp.wrong{ background: #ffb898; }

select{ padding: 0; margin: 0; vertical-align: middle; font-size: 12px; line-height: 21px; height: 21px; font-family: Tahoma, sans-serif; border: 1px solid #494949; }
textarea{ margin: 0; padding: 3px 5px; font-size: 11px; line-height: 14px; font-family: Tahoma, sans-serif; border: 1px solid #cfcfcf; resize: none; outline: none; }

ul li{ list-style-type: none; }
a{ text-decoration: underline; color: #1ba7e2; }
a:hover{ text-decoration: none; color: #dc0427; }
h1{ font-size: 30px; line-height: 34px; padding: 0; margin: 0 0 10px; font-weight: normal; }
h2{ font-size: 24px; line-height: 30px; padding: 0; margin: 0 0 10px; font-weight: normal; }
h3{ font-size: 18px; line-height: 24px; padding: 0; margin: 0 0 10px; font-weight: normal; }

.fl_left{ float: left; }
.fl_right{ float: right; }
.justify{ clear: left; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; }

.cl{ clear: both; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; }
.main{ width: 980px; margin: 0 auto; }
* html .wrapper{ height: 100%; }
/*-- /global --*/
/*-- header --*/
.header{ margin: 0 0 7px; position: relative; }
.header_top{ padding: 15px 0 10px; }
.logo{ width: 143px; height: 46px; float: left; margin: -3px 10px 0 -11px; }
.logo a{background: url(../images/logo.png) 0 0 no-repeat; display: block; width: 143px; height: 46px; }
.logo a:hover{background-position: 0 -46px; }

ul.nav{ margin: 6px 0 0; padding: 0; float: right; }
ul.nav li{ margin: 0 25px 0 0; padding: 0; float: left; font-size: 16px;  }
ul.nav li:last-child{ margin: 0; }
ul.nav li span{ color: #7c7c7c; display: block; float: left; line-height: 20px; height: 22px; padding: 4px 10px 11px; background: url(../images/nav_marker.png) 50% 100% no-repeat; }
ul.nav li a{ color: #7c7c7c; text-decoration: none; display: block; float: left; line-height: 20px; height: 22px; padding: 4px 10px; }
ul.nav li a:hover{ color: #1ba7e2; }
ul.nav li.buy a{ background: #1ba7e2; color: #fff; padding: 0 10px; margin: 4px 0 0; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -moz-border-radius: 15px; }
ul.nav li.buy a:hover{ background: #00bef6; }

/*-- carousel --*/
.bl_carousel_photo{ position: relative; border: 1px solid #c5c5c5; border-top: 1px solid #d2d2d2; height: 87px; background: #fff; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius: 6px; margin: 0 0 7px; width: 978px; overflow: hidden; }
.decor_photo_carousel{ background: url(../images/decor_photo_carousel.png) 0 0 no-repeat; width: 120px; height: 81px; float: left; margin: -5px 0 0 18px; position: relative; z-index: 2; }
.decor_photo_carousel .frame{ width: 60px; height: 68px; border: 1px solid #e76767; position: relative; margin: 4px 0 0 16px; }
.decor_photo_carousel .frame img{ width: 60px; height: 68px; }
.decor_photo_carousel .frame a{ display: block; width: 42px; height: 46px; padding: 24px 10px 0; position: absolute; top: 0; color: #fff; text-shadow: 1px 1px 0 #000; text-decoration: none; text-align: center; }
.decor_photo_carousel .frame a:hover{ color: #f0ff00; }

.decor_photo_carousel.top{ background: url(../images/decor_photo_carousel.png) 0 -109px no-repeat; }
.decor_photo_carousel.top .frame{ border: 1px solid #677d38; }
.decor_photo_carousel.top .frame span{ display: block; padding: 3px 5px 0; position: absolute; top: 0; color: #fff; text-shadow: 1px 1px 0 #000; text-align: center; }

.bl_carousel{ height: 87px; margin: 0; width: 980px; overflow: hidden; }
.bl_carousel .carousel .item{ float: left; width: 230px; height: 73px; padding: 14px 0 0; background: url(../images/carousel_line.png) 100% 0 repeat-y; position: relative; cursor: pointer; }
.bl_carousel .carousel .item:hover{ background: #f1f1f1; }
.bl_carousel .carousel .item.selected{ background: #fffbe8; }
.bl_carousel .carousel .item .frame_carousel{ background: url(../images/frame_carousel.png) 0 0 no-repeat; width: 113px; height: 70px; position: absolute; top: 14px; left: 0; }
.bl_carousel .carousel .item .pic{ margin: 6px 0 0 15px; float: left; width: 86px; height: 56px; overflow: hidden; }
.bl_carousel .carousel .item img{ float: left; }
.bl_carousel .carousel .item .name{ margin: 6px 0 0 111px; }
.bl_carousel .carousel .item .name strong{ display: block; margin: 0 0 3px; font-weight: normal; font-size: 18px; line-height: 22px; }
.bl_carousel .carousel .item .name span{ color: #a2a2a2; font-size: 16px; }
.bl_carousel .carousel{ position: absolute;  width: 1500px; left: 0; margin: 0 0 0 29px; z-index: 1; }
.bl_carousel .carousel li{ float:left; width: 230px; height: 87px; padding: 0; margin: 0; position: relative; overflow: hidden; }
.bl_carousel .prev, .bl_carousel .next{ display: block; width: 29px; height: 87px; cursor: pointer; position: absolute; top: 0; }
.bl_carousel .prev{ background: url(../images/prev_next.png) 0 0 no-repeat; left: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius: 5px 0 0 5px; }
.bl_carousel .next{ background: url(../images/prev_next.png) -29px 0 no-repeat; right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius: 0 5px 5px 0; z-index: 2; }
.bl_carousel .prev:hover{ background:url(../images/prev_next.png) 0 -87px no-repeat;  }
.bl_carousel .next:hover{ background:url(../images/prev_next.png) -29px -87px no-repeat;  }

.pp_demo{ background: #fff; padding: 11px 10px 11px 20px; /*width: 471px;*/ width: 931px; height: 605px; /*height: 505px;*/ border: 1px solid #c5c5c5; position: absolute; top: 57px; right: 8px; z-index: 1001; display: none;
border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius: 5px;
 box-shadow: 2px 2px 25px #555; /*-moz-box-shadow: 2px 2px 25px #555; -webkit-box-shadow: 2px 2px 25px #555;*/
 }
.pp_demo .pp_demo_decor{ background: url(../images/pp_demo_decor.png) 0 0 no-repeat; width: 30px; height: 16px; position: absolute; top: -16px; right: 102px; }

.pp_demo .scroll-pane{ /*height: 505px;*/ /*width: 475px;*/ width: 935px; height: 605px; }
.pp_demo .scroll-pane .items{ float: left; height: 500px; }
.pp_demo .items .item{ float: left; width: 230px; height: 73px; padding: 14px 0 0;  position: relative; cursor: pointer; }
.pp_demo .items .item:hover .pic img{ opacity: 0.7; }
.pp_demo .items li{ float:left; width: 230px; height: 87px; padding: 0; margin: 0 0 15px; position: relative; overflow: hidden; }
.pp_demo .items .pic{ margin: 6px 0 0 15px; float: left; width: 86px; height: 56px; overflow: hidden; }
.pp_demo .items img{ float: left; }
.pp_demo .items .name{ margin: 6px 0 0 111px; }
.pp_demo .items .name strong{ display: block; margin: 0 0 3px; font-weight: normal; font-size: 18px; line-height: 22px; }
.pp_demo .items .name span{ color: #a2a2a2; font-size: 16px; }
.pp_demo .items .frame_carousel{ background: url(../images/frame_carousel.png) 0 0 no-repeat; width: 113px; height: 70px; position: absolute; top: 14px; left: 0; }
.pp_demo .items ul{ margin: 0; padding: 0; }
.pp_demo .items .demo_module_row_1, .pp_demo .items .demo_module_row_2, .pp_demo .items .demo_module_row_3, .pp_demo .items .demo_module_row_4, .pp_demo .items .demo_module_row_5 { border-bottom: 1px dotted #999; float: left; margin: 0 0 5px; }
.pp_demo .items .demo_module_row_1 li, .pp_demo .items .demo_module_row_2 li, .pp_demo .items .demo_module_row_3 li, .pp_demo .items .demo_module_row_4 li, .pp_demo .items .demo_module_row_5 li { margin: 0 0 9px; }
/*-- /header --*/
/*-- content --*/
.content{ padding: 0; clear: both; margin: 0 0 10px; }
.frame_content{ border: 1px solid #c5c5c5; border-top: 1px solid #d2d2d2; background: #fff; border-top-left-radius: 5px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius: 6px; margin: 0 0 7px; }
.frame_content .title{ padding: 9px 0 12px 28px; border-bottom: 1px solid #e9e9e9; height: 55px}
.frame_content .title h1{ margin: 0; height:36px}
.frame_content .title p{ font-size: 14px; padding: 1px 0 0 0; color: #919191; }
.frame_content .title a{ text-decoration: none; }

.bl_rb_link{ margin: 8px 0 0; margin-left: -50px; }
.bl_rb_link ul.col{ float: left; margin: 0; padding: 0; padding-right: 11px;}
.bl_rb_link ul.col li{ font-size: 14px; margin: 0 0 14px; padding: 0;  }
.bl_rb_link ul.col li:last-child{ margin: 0;  }
.bl_rb_link ul.col li a{ color: #000; text-decoration: none; }
.bl_rb_link ul.col li a.selected{ border-bottom: 4px solid #db092b; }
.bl_rb_link ul.col li a:hover{ border-bottom: 4px solid #db092b; }

.link_admin{ float: right; margin: 22px 10px 0 0; }
.link_admin a{ font-weight: bold; text-decoration: none;  }

.bl_btn{ margin: 8px 20px 0 0; }

.bl_btn img.demo-product-icon {
    vertical-align: middle;
    padding-left: 0;
    margin-top: -4px;
	width: 20px;
}

.bl_search{ margin: 10px 5px 0 0; }
.bl_search .bl{ width: 234px; float: left; margin: 0 10px 0 0; position: relative; }
.bl_search .bl input{ width: 199px; height: 33px; border: 1px solid #cfcfcf; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; -moz-border-radius: 25px; background: #f7f7f7; padding: 0 0 0 35px; }
.bl_search .bl .icon_search{ background: url(../images/icon_search.png) 0 0 no-repeat; width: 26px; height: 26px; position: absolute; top: 5px; left: 6px; }

a.btn_start_red{ display: block; float: left; font-size: 16px; line-height: 39px; margin: 0 10px 0 0; background: #db092b; height: 42px; color: #fff; text-decoration: none; padding: 0 25px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; -moz-border-radius: 25px; }
a.btn_start_red:hover{ background: #f51d40; }

a.btn_cart_blue{ display: block; float: left; font-size: 16px; line-height: 39px; background: #1ba7e2 url(../images/icon_cart.png) 25px 8px no-repeat; height: 42px; color: #fff; text-decoration: none; padding: 0 25px 0 56px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; -moz-border-radius: 25px; }
a.btn_cart_blue:hover{ background: #00bef6 url(../images/icon_cart.png) 25px 8px no-repeat; }

a.btn_chat{ background: url(../images/btn_chat.png) 0 0 no-repeat; width: 391px; height: 81px; display: block; margin: 0 0 0 -7px; font-size: 24px; line-height: 70px; color: #fff; text-shadow: -1px -1px 0 #628026; text-decoration: none; text-align: center; }
a.btn_chat:hover{ background-position: 0 -81px; }
a.btn_chat span{ color: #d5ff70; }

.frame_content .bl_demos_group{ padding: 0 35px 30px 28px; }
.frame_content .bl_demos_group .info{ padding: 22px 0 0; width: 300px; float: left; }
.frame_content .bl_demos_group .info .logo_content{ margin: 0 0 10px; }
.frame_content .bl_demos_group .info .logo_content a{ display: block; background: url(../images/logo_content.png) 0 0 no-repeat; width: 285px; height: 50px; }
.frame_content .bl_demos_group .info .logo_content a:hover{ background-position: 0 -50px; }
.frame_content .bl_demos_group .info p{ font-size: 21px; line-height: 28px; padding: 0 0 30px; }
.frame_content .bl_demos_group .info a.link{ text-decoration: none; font-size: 18px; line-height: 20px; display: inline-block; margin: 0 35px 0 0; background: url(../images/link_marker.png) 100% 3px no-repeat; padding: 0 15px 0 0; }
.frame_content .bl_demos_group .info a.link:hover{ background-position: 100% -32px; }
.frame_content .bl_demos_group .demo{  float: right; padding: 22px 0 0;  }

.frame_content .bl_demos_group .demo .frames{ position: relative; width: 541px; height: 377px; padding: 38px 0 0 55px; }
.frame_content .bl_demos_group .demo .frames img{  }
.frame_content .bl_demos_group .demo .frames .bl_frame_pad .pic{ width: 475px; height: 310px; overflow: hidden; }
.frame_content .bl_demos_group .demo .frames .bl_frame_pad .frame_pad{ background: url(../images/frame_pad.png) 0 0 no-repeat; width: 596px; height: 415px; position: absolute; top: 0; left: 0; }
.frame_content .bl_demos_group .demo .frames .bl_frame_pad .frame_pad_decor{ background: url(../images/frame_pad_decor.png) 0 0 no-repeat; width: 292px; height: 332px; position: absolute; top: 0; left: 15px; }

.frame_content .bl_demos_group .demo .frames .bl_frame_phone{ position: absolute; right: -20px; top: 5px; width: 279px; height: 432px; }
.frame_content .bl_demos_group .demo .frames .bl_frame_phone .pic{ width: 169px; height: 243px; /*height: 303px;*/ margin: 95px 0 0 83px; /*margin: 63px 0 0 83px;*/ overflow: hidden; }
.frame_content .bl_demos_group .demo .frames .bl_frame_phone .frame_phone{ background: url(../images/frame_phone.png) 0 0 no-repeat; width: 279px; height: 432px; position: absolute; top: 0; right: 0;  }
.frame_content .bl_demos_group .demo .frames .bl_frame_phone .frame_phone_decor{ background: url(../images/frame_phone_decor.png) 0 0 no-repeat; width: 92px; height: 233px; position: absolute; top: 63px; right: 115px; }


.bl_demo{ padding: 30px 28px 100px 28px; position: relative; }
.bl_demo a.arrow{ background: url(../images/demo_prev_next.png) 0 0 no-repeat; display: block; width: 55px; height: 90px; position: absolute;  }
.bl_demo a.demo_prev{ background-position: 0 0; top: 260px; left: 17px; }
.bl_demo a.demo_prev:hover{ background-position: 0 -90px; }
.bl_demo a.demo_next{ background-position: -55px 0; top: 260px; right: 17px; }
.bl_demo a.demo_next:hover{ background-position: -55px -90px; }

.bl_demo .frames{ position: relative; width: 710px; height: 500px; padding: 30px 0 0 36px; margin: 0 0 0 55px; }
.bl_demo .pic{ width: 746px; height: 440px; margin: 0 auto; overflow: hidden; text-align: center; }
.bl_demo .frame_pad{ background: url(../images/frame_pad_main.png) 0 0 no-repeat; width: 815px; height: 561px; position: absolute; top: 0; left: 0; z-index: 2;}
.bl_demo .frames .frame_pad_decor{ background: url(../images/frame_pad_main_decor.png) 0 0 no-repeat; width: 403px; height: 453px; position: absolute; top: 0; left: 18px; z-index: 12; }
.bl_demo ul.demo_switch_scrin{ margin: 0; padding: 0; position: absolute; top: 33px; right: 40px; z-index: 3; }
.bl_demo ul.demo_switch_scrin li{ margin: 0 0 7px; padding: 0; background: url(../images/demo_switch_scrin.png) 0 -31px no-repeat; /*width: 29px;*/ width: 49px; height: 31px; cursor: pointer; }
.bl_demo ul.demo_switch_scrin li:hover{ background-position: 0 -62px; }
.bl_demo ul.demo_switch_scrin li.selected{ background-position: 0 0; cursor: default; }

.url_demo_area .bl_start_demo{ width: 644px; height: 96px; padding: 17px 0 0; box-sizing: border-box; text-align: center; display: block; background: rgba(0,0,0,0.25); position: absolute; left: 0; bottom: 0; z-index: 101; }
.url_demo_area .bl_start_demo em{ display: inline-block; height: 62px; font-style: normal; padding: 0 26px 0 63px; box-sizing: border-box; border: 2px solid #fff; border-radius: 50px; color: #fff; font-size: 24px; line-height: 52px; background-image: url(../images/icon_start_demo.png); background-position: 30px 50%; background-repeat: no-repeat;  }
.url_demo_area:hover .bl_start_demo:hover em{ border: 2px solid #57defe; }

.url_demo_area_mobile .bl_start_demo{ width: 320px; height: 96px; padding: 17px 0 0; box-sizing: border-box; text-align: center; display: block; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 101; }
.url_demo_area_mobile .bl_start_demo em{ display: inline-block; height: 62px; font-style: normal; padding: 0 26px 0 63px; box-sizing: border-box; border: 2px solid #fff; border-radius: 50px; color: #fff; font-size: 24px; line-height: 52px; background-image: url(../images/icon_start_demo.png); background-position: 30px 50%; background-repeat: no-repeat;  }
.url_demo_area_mobile:hover .bl_start_demo:hover em{ border: 2px solid #57defe; }


/*a.bl_start_demo:hover em{ border: 2px solid #57defe; }
*/
.bl_demo.mobile .frames{ position: relative; width: 286px; height: 592px; padding: 55px 0 0 44px; margin: -3px 0 0 235px; }
.bl_demo.mobile .pic{ width: 360px; height: 515px; overflow: hidden; }
.bl_demo.mobile .frame_phone{ background: url(../images/frame_phone_main.png) 0 0 no-repeat; width: 440px; height: 685px; position: absolute; top: 0; left: 0; z-index: 2;}
.bl_demo.mobile .frames .frame_phone_decor{ background: url(../images/frame_phone_main_decor.png) 0 0 no-repeat; width: 176px; height: 513px; position: absolute; top: 0; left: 44px; z-index: 50;}
.bl_demo.mobile ul.demo_switch_scrin{ margin: 0; padding: 0; position: absolute; top: 33px; right: 250px; }

.preloader{ display: none; width: 103px; height: 103px; position: absolute; top: 50%; left: 50%; margin: -63px 0 0 -20px; background: #000; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius: 5px; z-index: 1000;}
.preloader .preloader_pic{ background: url(../images/preloader.gif) 0 0 no-repeat; width: 60px; height: 60px; margin: 22px auto; }

.mobile .preloader { margin: -70px 0 0 10px; }

.bl_contact{ padding: 20px 20px 70px 30px; position: relative; }
.bl_contact .info{ float: left; width: 380px; }
.bl_contact .info ul{ margin: 0 0 30px; padding: 0; }
.bl_contact .info ul li{ margin: 0 0 5px; padding: 0; }
.bl_contact .info ul li:last-child{ margin: 0; padding: 0; }
.bl_contact .map{ float: right; width: 477px; }

.logo_small{ background: url(../images/logo_small.png) 0 0 no-repeat; width: 127px; height: 19px; position: absolute; right: 10px; bottom: 10px; }

.bl_faq{ padding: 13px 0 70px; position: relative; background: url(../images/carousel_line.png) 50% 0 repeat-y; }
.bl_faq .part{ width: 45%; padding: 0 2% 0 3%; }
.bl_faq .part h3{ margin: 0 0 13px; }
.bl_faq .part p{ padding: 0 0 30px; line-height: 20px; }
.bl_faq .part p.sp{ padding: 0 0 13px; }
.highlight{ background: #a2ebff; }

.frame_content.parts{ padding: 8px 28px 10px; }
.frame_content.parts h3{ margin: 4px 0 12px; }
.frame_content.parts .part_customizable{ width: 270px; padding: 0 0 0 90px; float: left; background: url(../images/decor_customizable.png) 0 19px no-repeat; }
.frame_content.parts .part_about { width: 270px; padding: 0 0 0 90px; float: left; background: url(../images/decor_about.png) 0 19px no-repeat; }
.frame_content.parts .part_quick{ width: 410px; padding: 0 0 0 90px; float: right; background: url(../images/decor_quick.png) 0 19px no-repeat; }
.frame_content.parts .part_use{ width: 410px; padding: 0 0 0 90px; float: right; background: url(../images/decor_use.png) 0 19px no-repeat; }

.bl_features{ padding: 20px 30px 100px; }
.bl_features .features_main_pic{ background: url(../images/features_main_pic.jpg) 100% 0 no-repeat; height: 3199px; margin: 0 45px 10px 0; position: relative; }

.bl_features .features_main_pic .bl_on{ position: absolute; top: 74px; left: 0px; width: 500px; text-align: center; }
.bl_features .features_main_pic .bl_on .name{ font-size: 44px; line-height: 50px; }
.bl_features .features_main_pic .bl_on a.btn_on{ display: block; background: url(../images/btn_on.png) 0 0 no-repeat; width: 226px; height: 160px; margin: -5px auto 0; }
.bl_features .features_main_pic .bl_on a.btn_on:hover{ background-position: 0 -160px; }


.bl_features .item{ border-bottom: 1px dashed #a7a7a7; padding: 20px 0; }
.bl_features .item p{ padding: 0; }
.bl_features .item .part_l.center_img, .bl_features .item .part_r.center_img{ text-align: center; }
.bl_features .item .part_l{ width: 460px; display: table-cell; vertical-align: middle; }
.bl_features .item .part_r{ width: 430px; display: table-cell; vertical-align: middle; padding: 0 0 0 30px; }

.bl_btn_start_blue{ text-align: center; }
a.btn_start_blue{ display: inline-block; font-size: 34px; line-height: 90px; margin: 50px 0 0; background: #1ba7e2; height: 91px; color: #fff; text-decoration: none; padding: 0 70px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; -moz-border-radius: 50px; }
a.btn_start_blue:hover{ background: #00bef6; }

.bl_buy{ position: relative; padding: 0 0 30px; }
.bl_buy .items{ margin: 0 0 25px; border-bottom: 20px solid #d4d4d4; }
.bl_buy .items .item{ padding: 18px 0; border-bottom: 1px solid #e9e9e9; position: relative; }
.tag{ background: #777; position: absolute; top: 0; left: 0; font-size: 12px; line-height: 24px; height: 25px; color: #fff; font-weight: bold; padding: 0 8px 0 7px; }
.bl_buy .items .item.selected_f{ background: #fff6c4; border-bottom: 1px solid #919191; }
.bl_buy .items .item.selected2_f .niceCheck a{ background: url(../images/checkbox.png) 0 -94px no-repeat; width: 54px; height: 54px; }
.bl_buy .items .item.selected2_f .niceCheck a.checked{ background-position: 0 0; height: 40px; }
.bl_buy .items .item.selected2_f .niceCheck a.checked:hover{ background-position: 0 -40px; height: 54px; }

.bl_buy .items .item.selected{ background: #ececec; border-top: 1px solid #919191; }
.bl_buy .items .item .check{ width: 130px; display: table-cell; text-align: center; vertical-align: middle; cursor: pointer; }
.bl_buy .items .item .pic{ width: 200px; display: table-cell; text-align: center; cursor: pointer; vertical-align: middle; }
.bl_buy .items .item .pic .pic_img{ position: relative; text-align: center; min-height: 110px; }
.bl_buy .items .item .pic .pic_img img{ margin: 8px 0 0; }
.bl_buy .items .item .pic .frame_buy{ background: url(../images/buy/frame_buy.png) 0 0 no-repeat; width: 180px; height: 120px; margin: 0 0 0 -90px; position: absolute; top: 0; left: 50%; overflow: hidden; }
.bl_buy .items .item .info{ width: 400px;  padding: 10px 0 0; display: table-cell; vertical-align: top; cursor: pointer; }
.bl_buy .items .item .info h2{ margin-left: 30px; padding-right: 20px; }
.bl_buy .items .item .info p{ margin-left: 30px; padding-right: 20px; }
.bl_buy .items .item .info span.color_red{ color: #c3112d; }
.bl_buy .items .item .info span.color_blue{ color: #1ba7e2; }
.bl_buy .items .item .price{ width: 110px; display: table-cell; border-left: 1px dashed #c2c2c2; border-right: 1px dashed #c2c2c2; text-align: center; vertical-align: middle; font-size: 18px; }
.bl_buy .items .item .sel{ width: 145px; display: table-cell; vertical-align: middle; text-align: center; padding: 0 0 25px; }
.bl_buy .items .item .sel span{ display: block; margin: 0 0 15px; }
.bl_buy .items .item .sel strong{ color: #97bc14; }
.bl_buy .items .item .sel select{ width: 104px; height: 23px; cursor: pointer; }

.bl_buy .items .item .info h2.span_red span{ color: #c3112d; }

.bl_buy .items .item.bl_domain{ background: #ececec; border-top: 1px solid #919191; cursor: auto; }
.bl_buy .items .item.bl_domain h2{ font-size: 20px; font-weight: bold; cursor: pointer; }
.bl_buy .items .item.bl_domain p a{ color: #000; }
.bl_buy .items .item.bl_domain .bl_btn_domain{ width: 255px; display: table-cell; vertical-align: middle; text-align: center; }
.bl_buy .items .item.bl_domain .info{ cursor: auto;  }
.bl_buy .items .item.bl_domain .pic{ cursor: auto; }
.bl_buy .items .item.bl_domain .check{ cursor: auto; }
.bl_buy .items .item.bl_domain .bl_btn_domain a{ color: #27bfff; display: block; background: #fff url(../images/icon_domain_down.png) 50% 55px no-repeat; width: 214px; height: 108px; margin: 0 auto; font-size: 18px; line-height: 62px; text-decoration: none; border-radius: 52px; }
.bl_buy .items .item.bl_domain .bl_btn_domain a:hover{ color: #27bfff; background: #fffed3 url(../images/icon_domain_down.png) 50% 55px no-repeat; }

.bl_buy .items .item.bl_domain .bl_btn_domain a.down{ color: #27bfff; display: block; background: #fff url(../images/icon_domain_up.png) 50% 55px no-repeat; width: 214px; height: 108px; margin: 0 auto; font-size: 18px; line-height: 62px; text-decoration: none; border-radius: 52px; }
.bl_buy .items .item.bl_domain .bl_btn_domain a.down:hover{ color: #27bfff; background: #fffed3 url(../images/icon_domain_up.png) 50% 55px no-repeat; }
.bl_buy .items .bl_domain_list .item .price{ border-right: 1px dashed #fff; border-left: 1px dashed #ececec; }
.bl_buy .items .bl_domain_list .pic_img span{ color: #d2d2d2; font-size: 12px; font-weight: bold; display: block; padding: 5px 0 0; }
.bl_buy .items_total{ margin: 0 15px 20px 0; }
.bl_buy .items_total .price{ font-size: 18px; margin: 0 0 0 0px; float: left; line-height: 34px; }
.bl_buy .items_total .price2{ font-size: 18px; margin: 0 0 0 530px; float: left; line-height: 34px; }



.bl_buy .items_total .bl_checked{ float: right; }
.bl_buy .items_total .bl_checked a.btn_checked{ background: url(../images/btn_checked.png) 0 0 repeat-x; display: block; float: right; height: 35px; line-height: 30px; font-size: 18px; color: #fff; padding: 0 34px; text-decoration: none; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius: 3px; text-shadow: -1px -1px 0 #68852b; margin: 0 0 20px; }
.bl_buy .items_total .bl_checked a.btn_checked:hover{ background-position: 0 -35px; }
.bl_buy .items_total .bl_checked a.btn_checked img{ vertical-align: top; margin: 9px 0 0; }
.bl_buy .items_total .bl_license{ color: #aaa; text-align: right; clear: both; }
.bl_buy .items_total .bl_license a{ color: #aaa; }
.bl_buy .items_total .bl_license input{ cursor: pointer; }
.bl_buy .items_total .bl_license label{ cursor: pointer; }

.niceCheck a{ width: 54px; height: 40px; overflow: hidden; display: inline-block; cursor: pointer; background: url(../images/checkbox.png) 0 0 no-repeat; vertical-align: top; margin: 2px 1px 0 0; }
.niceCheck a:hover{ background-position: 0 -40px; width: 54px; height: 54px; }
.niceCheck a.hov{ background-position: 0 -40px; width: 54px; height: 54px; }
.niceCheck a.checked{ background-position: 0 -94px; width: 54px; height: 54px; }
.niceCheck.niceCheckMobile a:hover{ background-position: 0 0!important; width: 54px; height: 40px;}
.niceCheck.niceCheckMobile a.checked:hover{  background-position: 0 -94px!important; height: 54px!important; }
/*-- /content --*/
/*-- footer --*/
.footer{ clear: both; padding: 20px 0; /*border-top: 1px solid #ccc;*/ font-size: 11px; color: #9f9f9f; text-align: center; }
/*-- /footer --*/

.lang{ float: left; margin: 12px 0 0; position: relative; font-size: 16px; }
.lang a.language{ background: url(../images/lang_marker.png) 94% 8px no-repeat; padding: 0 19px 0 0; }

 ul.pp_small{ margin: 0; padding: 0; background: #f3f3f3; box-shadow: 0 0 12px #666; -moz-box-shadow: 0 0 12px #666; -webkit-box-shadow: 0 0 12px #666; position: absolute; top: -6px; left: 76px; display: none; z-index: 1000; }
 ul.pp_small li{ margin: 0; padding: 0; border-bottom: 1px solid #d0ccd9; border-top: 1px solid #fff; font-weight: bold; font-size: 10px; color: #000; white-space: nowrap; }
 ul.pp_small li:first-child{ border-top: none; }
 ul.pp_small li:first-child:hover{ background: #000; }
 ul.pp_small li:first-child a{ background: url(../images/pp_small_decor.png) 0 0 no-repeat; margin: 0 0 0 -5px; padding: 0 0 0 30px; }
 ul.pp_small li:first-child a:hover{ background: url(../images/pp_small_decor.png) 0 -24px no-repeat; }
 ul.pp_small li:last-child{ border-bottom: none; }
 ul.pp_small li a{ display: block; padding: 0 10px 0 25px; height: 24px; line-height: 24px; color: #000; text-decoration: none; }
 ul.pp_small li a{ display: block; padding: 0 10px 0 25px; height: 24px; line-height: 24px; color: #000; text-decoration: none;  }
 ul.pp_small li span.selected{ background: url(../images/pp_small_list_marker.png) 0 9px no-repeat; display: block; padding: 0 0 0 15px; margin: 0 0 0 -15px; }
 ul.pp_small li span.selected:hover{ background: #000 url(../images/pp_small_list_marker.png) 0 -14px no-repeat; }
ul.pp_small li:hover span.selected{ background: #000 url(../images/pp_small_list_marker.png) 0 -14px no-repeat; }
 ul.pp_small li a:hover{ background: #000; color: #fff; }

.page_demo .pics_area, .page_demo .pics_area img {
    height: 405px;
	width: 644px;
}

.page_demo .mobile .pics_area, .page_demo .mobile .pics_area img {
    height: 455px;
	width: 320px;
}

.page_demo .bl_frame_pad .pic {
    padding-left: 46px;
    padding-top: 21px;
}

.page_demo .mobile .bl_frame_pad .pic {
    padding-left: 22px;
    padding-top: 23px;
}


.page_demo .pics_area img {
	padding-top: 500px;
}

.fb-like{ float: left; clear: both; margin: 6px 0 10px; }

.buy_loader, .buy_loader_paypal {
	padding-right: 7px;
	display: none;
    float: left;
}

.buy_loader_paypal {
	padding-top: 27px;
}

/*-- bl_choose_color_scheme --*/
.bl_choose_color_scheme{ float: left; padding: 5px 0 0; position: relative; }
.bl_choose_color_scheme a.btn_choose_color{ float: left; width: 76px; height: 43px; display: block; padding: 3px 0 0; border: 1px solid #bbb; margin: 0 0 0 10px; background: #fff; box-shadow: 0 2px 5px #a0a0a0; border-radius: 7px; text-align: center; position: relative; }
.bl_choose_color_scheme a.btn_choose_color img{ border-radius: 5px; }
.bl_choose_color_scheme a.btn_choose_color:hover{ border: 1px solid #000; }
.bl_choose_color_scheme .icon_color_scheme{ background: url(../images/icon_color_scheme.png) 0 0 no-repeat; width: 34px; height: 34px; display: inline-block; position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -17px; }
.tooltip_choose_color_scheme{ background: #3e3e3e; position: absolute; left: 0; top: 70px; width: 324px; padding: 5px 0 0 5px; z-index: 1001; border-radius: 8px; }
.tooltip_choose_color_scheme:before, .tooltip_choose_color_scheme:after{ content: ''; width: 20px; height: 20px; background: #3e3e3e; transform: rotate(45deg); position: absolute; top: -10px; left: 55px; z-index: 11; }
.tooltip_choose_color_scheme:after{ box-shadow: 0 0 10px rgba(54, 54, 54, 0.5); z-index: 9; }
.tooltip_choose_color_scheme ul.list_color_scheme{ margin: 0; padding: 0; float: left; position: relative; z-index: 16; }
.tooltip_choose_color_scheme ul.list_color_scheme li{ margin: 0 3px 4px 0; padding: 0; float: left; position: relative; }
.tooltip_choose_color_scheme ul.list_color_scheme li span.icon_checked_color_scheme{ background: url(../images/icon_checked_color_scheme.png) 0 0 no-repeat; width: 33px; height: 28px; position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -16px; display: inline-block; }
.tooltip_choose_color_scheme ul.list_color_scheme li a{ display: block; border: 1px solid #3e3e3e; border-radius: 6px; }
.tooltip_choose_color_scheme ul.list_color_scheme li a:hover{ border: 1px solid #fff; cursor: pointer; }
.tooltip_choose_color_scheme ul.list_color_scheme li img{ border-radius: 6px; }
/*-- /bl_choose_color_scheme --*/

.tooltip_choose_custom {
	color: #FFF;
	width: auto;
	padding: 20px;
}

.tooltip_choose_custom table td {
	vertical-align: top;
	white-space: nowrap;
}

.tooltip_choose_custom label {
	padding-right: 20px;
}

.tooltip_choose_custom label, .tooltip_choose_custom input {
	cursor: pointer;
}

.bl_premium{ position: absolute; top: 12px; right: -35px; padding: 0 13px 0 36px; z-index: 4; float: left; background: #ff9c00 url(../images/icon_premium.png) 9px 50% no-repeat; height: 27px; font-weight: bold; color: #fff; font-size: 18px; line-height: 25px;
border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -moz-border-radius: 15px;
 }

.mobile .bl_premium  {
    right: -56px;
    top: 34px;
}

 .bl_premium_small{ position: absolute; bottom: 18px; right: 18px; padding: 0 19px 0 6px; z-index: 4; float: left; background: #ff9c00 url(../images/icon_premium_small.png) 6px 3px no-repeat; height: 19px; font-weight: bold; color: #fff; font-size: 12px; line-height: 17px;
border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; -moz-border-radius: 9px;
 }

.bl_buy .bl_premium_small{ bottom: 30px; right: 22px; padding: 0 7px 0 24px; }
.section_templates_premium{ background:#FEFBEA; }

.bl_coming_soon{ position: absolute; bottom: 0; left: 0; text-align: left; z-index: 6; background: #6aa700 url(../images/coming_soon_clock.png) 16px 50% no-repeat; height: 111px; color: #fff; font-size: 30px; line-height: 111px; width: 100%; }
.bl_coming_soon span{ padding: 0 0 0 111px;}

.bl_coming_soon_small{ position: absolute; bottom: 17px; font-weight: bold; left: 16px; text-align: center; width: 81px; z-index: 4; background: #6aa700; height: 16px; color: #fff; font-size: 11px; line-height: 15px; }
.bl_coming_soon_midium{ position: absolute; bottom: 26px; font-weight: bold; left: 20px; text-align: center; width: 142px; z-index: 4; background: #6aa700; height: 16px; color: #fff; font-size: 11px; line-height: 15px; }

a.start_demo_inactive, a.start_demo_inactive:hover {
    background: #AFAFAF;
    cursor: default;
}

.check_coming_soon_message { display: none; }

.page_demo .pics_area_coming {
    height: 405px;
	width: 644px;
    position: absolute;
    z-index: 1000;
}

.page_demo .mobile .pics_area_coming {
    height: 455px;
	width: 320px;
    position: absolute;
    z-index: 1000;
}

ul.nav span.demo { cursor: pointer; }

.mobile .url_demo_area {display: none;}
.url_demo_area {width:644px; height: 405px; display: block; margin-left: 46px; margin-top: -440px; position: absolute; z-index: 100;}

.url_demo_area_hide {display: none;}
.mobile .url_demo_area_mobile {width:320px; height: 455px; display: block; margin-left: 22px; margin-top: -515px; position: absolute; z-index: 100;}

.mobile .iframe_demo {height: 501px; width: 342px; border: none; z-index:100; margin-left: 12px; margin-top: -515px; position: absolute;}

.demo_test_here {left: 114px; position: absolute; top: 30px;}

.hide {display: none!important;}

.domain_sold { color: #c3112d; }
.item_domain_sold .check, .item_domain_sold .pic, .item_domain_sold .info  {cursor: default!important;}

img.demo-product-icon {
    float: none !important;
    vertical-align: top;
    padding-left: 2px;
}

.module_version_features {
    padding: 20px 0;
}

.page_features {
    margin-bottom: 30px;
}

.payment_systems_logo {
    width: 525px;
    float: left;
    text-align: center;
    min-height: 30px;
}

.bl_buy .items .item.item_domain_no_description .pic .pic_img {display: table-cell; height: 110px; vertical-align: middle;}
.bl_buy .items .item.item_domain_no_description .info {vertical-align: middle;}
.item_domain_no_description .info p {display: none;}

/*-- bl_clients --*/
.bl_clients{ width: 100%; padding: 10px 0 0; }
.bl_clients .bl{ border-top: 1px solid #e9e9e9; padding: 30px 0 0; }
.bl_clients .bl:first-child{ border-top: none; padding: 0; }

.bl_clients .frames{ width: 650px; float: left; position: relative; }
.bl_clients .frames .frame_ipad{ background: url(../images/frames.png) 0 0 no-repeat;
	width: 678px; height: 525px; margin: 0 0 0 -21px; padding: 23px 0 0 35px; box-sizing: border-box; }
.bl_clients .frames .frame_ipad .pic{ width: 618px; height: 387px; background: #fff; overflow: hidden; }
.bl_clients .frames .frame_phone{ background: url(../images/frames.png) -678px 0 no-repeat;
	width: 175px; height: 332px; padding: 52px 0 0 26px; box-sizing: border-box;
	position: absolute; top: 114px; right: 10px; }
.bl_clients .frames .frame_phone .pic{ width: 137px; height: 234px; background: #fff; overflow: hidden; }
.bl_clients .frames .frame_phone.sm{
	background: url(../images/frames.png) -853px 0 no-repeat;
	width: 156px; height: 293px; padding: 50px 0 0 26px;  top: 162px; right: 141px;
}
.bl_clients .frames .frame_phone.sm .pic{ width: 120px; height: 203px; }

.bl_clients .info_client{ float: right; width: 240px; margin: 0 10px 0 0; padding: 22px 0 0; }
.bl_clients .info_client .name{ font-size: 28px; line-height: 30px; color: #85c808; text-decoration: none; font-family: Arial; display: inline-block; margin: 0 0 18px; }
.bl_clients .info_client .name:hover{ text-decoration: underline; }
.bl_clients .info_client p{ font-size: 14px; line-height: 24px; border-bottom: 1px solid #e9e9e9; padding: 0 0 18px; margin: 0 0 29px; }
.bl_clients .info_client a.btn_visit{ display: block; text-align: center; font-size: 24px; line-height: 65px; background: #85c808; height: 70px; color: #fff; text-decoration: none; padding: 0; border-radius: 35px; }
.bl_clients .info_client a.btn_visit span{ background-image: url(../images/icon_link_external.svg);
background-position: 0 50%; background-repeat: no-repeat; background-size: 24px auto; display: inline-block;
padding: 0 0 0 35px; }
.bl_clients .info_client a.btn_visit:hover{ background: #8dd30a; }
/*-- /bl_clients --*/

.frame_content.parts .part_about, .frame_content.parts .part_use { min-height: 90px; }


.buy_email_form {
    display: none;
    background: #fff;
    padding: 11px 27px;
    width: 510px;
    height: 181px;
    border: 1px solid #c5c5c5;
    z-index: 1001;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 2px 2px 25px #555;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -282px;
    margin-top: -103px;
}

.buy_email_form_header {
    font-size: 20px;
    padding-top: 17px;
    padding-bottom: 17px;
    margin: 0px;
}

.buy_email_form_email {
    width: 498px;
    height: 24px;
    padding: 5px;
    border: solid 1px #cbcbcb;
    font-size: 16px;
    font-family: Arial;
    margin-bottom: 21px;
}

.buy_email_form_email::placeholder {
    color: #cbcbcb;
}

.buy_email_form .bl_checked { float: right; }

.buy_email_form .bl_checked .buy_loader_ru {
    margin-right: 7px;
    display: none;
}

.buy_email_form a.btn_checked{ background: url(../images/btn_checked.png) 0 0 repeat-x; display: block; float: right; height: 35px; line-height: 30px; font-size: 18px; color: #fff; padding: 0 34px; text-decoration: none; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius: 3px; text-shadow: -1px -1px 0 #68852b; margin: 0 0 20px; }
.buy_email_form a.btn_checked:hover{ background-position: 0 -35px; }
.buy_email_form a.btn_checked img{ vertical-align: top; margin: 9px 0 0; }