
.grid-text {
    display:block;
    -webkit-flex:1 1 200px;
    -moz-flex:1 1 200px;
    -ms-flex:1 1 200px;
    flex:1 1 200px;
    text-align:justify
}
.grid {
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-ms-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:justify;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center
}
.grid-sides {
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-ms-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    justify-content:space-between
}
.grid-spaced {
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-ms-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    -ms-justify-content:space-around;
    justify-content:space-around
}
.grid-nowrap {
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-ms-flex;
    display:flex;
    -ms-flex-pack:justify;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center
}
.grid-center {
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    align-items:center
}
.grid-top {
    -webkit-align-items:flex-start;
    -moz-align-items:flex-start;
    -ms-align-items:flex-start;
    align-items:flex-start
}
.cell-center {
    -webkit-align-self:center;
    -moz-align-self:center;
    -ms-align-self:center;
    align-self:center
}
.cell-top {
    -webkit-align-self:flex-start;
    -moz-align-self:flex-start;
    -ms-align-self:flex-start;
    align-self:flex-start
}
.filler {
    -webkit-flex:1 1 10px;
    -moz-flex:1 1 10px;
    -ms-flex:1 1 10px;
    flex:1 1 10px
}
.cell0x, .cell, .cell2x, .cell3x, .cell4x {
    -webkit-flex:1 0 190px;
    -moz-flex:1 0 190px;
    -ms-flex:1 0 190px;
    flex:1 0 190px;
    -ms-flex-preferred-size:160px;
    box-sizing:border-box;
    padding:0px 30px
}
.cell0x, .cell:first-child, .cell2x:first-child, .cell3x:first-child, .cell4x:first-child {
    padding-left:0px
}
.cell0x, .cell:last-child, .cell2x:last-child, .cell3x:last-child, .cell4x:last-child {
    padding-right:0px
}
.cell0x {
    -webkit-flex-grow:0;
    -moz-flex-grow:0;
    -ms-flex-grow:0;
    flex-grow:0
}
.cell2x {
    -webkit-flex-grow:2;
    -moz-flex-grow:2;
    -ms-flex-grow:2;
    flex-grow:2
}
.cell3x {
    -webkit-flex-grow:3;
    -moz-flex-grow:3;
    -ms-flex-grow:3;
    flex-grow:3
}
.cell4x {
    -webkit-flex-grow:4;
    -moz-flex-grow:4;
    -ms-flex-grow:4;
    flex-grow:4
}
.content_area {
    width:1014px;
    margin:0px auto
}
.cell-padding .cell:first-child {
    padding-left:30px
}
.cell-padding .cell:last-child {
    padding-right:30px
}
@media (max-width:1024px) {
    .content_area {
        width:100%;
        padding-left:10px;
        padding-right:10px;
        box-sizing:border-box
    }
}
@media (max-width:435px) {
    .cell, .cell2x, .cell3x, .cell4x {
        padding-left:5px;
        padding-right:5px
    }
}
@font-face {
    font-family:'PT Sans Cyrillic';
    src:local('PT Sans'), local('PTSans-Regular'), url('fonts/PTS75F-webfont.eot'), url('fonts/PTS75F-webfont.woff') format('woff'), url('fonts/PTS75F-webfont.ttf') format('truetype');
    font-weight:700;
    font-style:normal
}
@font-face {
    font-family:'PT Sans Cyrillic';
    src:local('PT Sans'), local('PTSans-Regular'), url('fonts/PTS55F-webfont.eot'), url('fonts/PTS55F-webfont.woff') format('woff'), url('fonts/PTS55F-webfont.ttf') format('truetype');
    font-weight:400;
    font-style:normal
}
body {
    padding:0;
    margin:0;
    font-family:'Oxygen', Verdana, Arial, Tahoma, sans-serif;
    font-size:15px
}
body.ru_page {
    font-family:'PT Sans Cyrillic', Verdana, Arial, Tahoma, sans-serif;
    font-size:16px
}
img {
    max-width:100%
}
h2 {
    margin:12.5px 0 25px 0;
    color:#4e4e4e;
    font-size:1.6em;
    font-weight:400
}
h2.main_title {
    font-size:1.6em
}
h2.main_title, h2.main_title a {
    color:#4e4e4e;
    font-weight:400
}
h2.main_title a:hover, h2.main_title a:focus {
    text-decoration:none;
    color:#309850
}
h3 {
    margin:10px 0px 10px;
    font-size:1.3em
}
h3, h3 a {
    color:#4e4e4e;
    font-weight:700
}
h3.link_color a {
    color:#35b45b
}
h4 {
    font-size:1.13em;
    color:#4e4e4e;
    margin:0
}
h5 {
    font-size:1.06em;
    font-weight:700;
    color:#4e4e4e;
    margin:10px 0
}
li, p {
    line-height:25px;
    color:#444
}
li {
    margin-left:20px
}
a {
    color:#16A942;
    text-decoration:none
}
a:hover, a:focus {
    text-decoration:underline
}
h2 a, h2 a {
    text-decoration:none
}
a.big {
    font-size:1.7em
}
ul {
    padding:0;
    margin:0
}
img {
    border:none
}
blockquote {
    background:url('common/top-quotes.png') 10px 10px no-repeat #f4f6f7;
    margin:0px;
    padding:10px 20px 10px 40px
}
blockquote p {
    background:url('common/bottom-quotes.png') right bottom no-repeat
}
@media (max-width:640px) {
    h2 {
        text-align:center
    }
}
.abstop_header {
    padding:1px 0px 3px 0px;
    text-align:right;
    background-color:#38324b
}
.abstop_header span, .abstop_header a {
    text-decoration:none;
    color:#fff;
    font-size:0.86em
}
.page_header {
    background-color:#F0F0F0
}
.page_header a {
    cursor:pointer;
    text-decoration:none
}
.page_header a:hover {
    background-color:#9856B0;
    color:#fff
}
.page_title {
    text-align:center;
    font-size:2.2em;
    line-height:36px;
    padding:20px 2px;
    color:#fff;
    background-image:url("common/bg.png")
}
.top_menu_right {
    float:right;
    margin:10px -10px 10px 10px
}
.top_menu_right a {
    font-size:0.93em;
    line-height:30px;
    padding:8px 10px;
    color:#5c5c5c
}
.top_menu_left {
    clear:both;
    padding:10px 0px
}
.top_menu_left .menu_link {
    font-size:1.4em;
    line-height:35px;
    padding:5px 10px;
    color:#5c5c5c
}
.top_webix_logo {
    background:url("common/logo_header.png");
    width:178px;
    height:58px;
    float:left;
    margin-top:10px;
    margin-left:8px
}
.page_title .top_webix_logo {
    background:url("common/logo_bg.png");
    margin-top:-7px;
    width:158px;
    height:54px
}
.bottom_webix_logo {
    background:url("common/gray_logo.png");
    width:55px;
    height:45px
}
@media (max-width:640px) {
    .page_title .top_webix_logo {
        display:none
    }
    .page_title span {
        margin-left:0px !important
    }
    .top_menu_right {
        float:none;
        clear:both;
        padding-top:10px;
        margin:0 0 0 10px
    }
    .top_menu_left .menu_link {
        font-size:1.13em
    }
    .bigdevice {
        display:none !important
    }
}
.footer {
    color:#696969;
    background:#2F2F2F;
    padding-bottom:40px;
    padding-bottom:10px;
}
.footer ul {
    margin:0;
    padding:0;
    width:200px
}
.footer li {
    list-style:none;
    padding-top:10px;
    line-height:20px
}
.footer li a {
    color:#8b8b8b;
    font-size:1em;
    text-decoration:none
}
.footer li a:hover {
    color:#696969
}
.footer li.group a {
    color:#d1d1d1
}
.footer li.group a:hover {
    color:#b8b8b8
}
.footer-line {
    height:6px;
    background-color:#797892;
    margin-bottom:30px
}
.soc-links-footer li {
    margin-left:0px;
    margin-right:4px;
    list-style:none
}
.soc-links-footer li a {
    height:0px;
    padding-top:31px;
    padding-top:20px;
    overflow:hidden;
    width:31px
}
.soc-links-footer li a:hover {
    opacity:0.8
}
.footer-right li, .footer-right a, .footer-right span {
    display:inline-block
}
.linked-in-link {
    background:url("common/share-links.png") 0 0 no-repeat
}
.twitter-link {
    background:url("common/share-links.png") -32px 0 no-repeat
}
.facebook-link {
    background:url("common/share-links.png") -64px 0 no-repeat
}
.google-plus-link {
    background:url("common/share-links.png") -96px 0 no-repeat
}
.rss-link {
    background:url("common/share-links.png") -128px 0 no-repeat
}
.footer-logo {
    height:45px;
    width:65px;
    overflow:hidden;
    background:url("common/gray_logo.png") 0 0 no-repeat
}
.footer-block {
    padding-top:10px
}
.footer-block span, .footer-block a {
    color:#696969;
    font-size:0.9em
}
.footer-block .copyright {
    position:relative;
    top:-20px
}
@media (max-width:640px) {
    .footer ul {
        text-align:center;
        margin-top:10px
    }
}
.webix-btn {
    display:inline-block;
    color:white;
    text-decoration:none;
    line-height:24px;
    padding:4px 20px;
    height:25px;
    font-size:1.2em;
    text-align:center;
    border-radius:2px;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor:pointer
}
.webix-btn:hover, .webix-btn:focus {
    text-decoration:none;
    outline:none
}
.webix-btn:active {
    text-decoration:none;
    outline:none;
    box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.btn-green {
    border:1px solid #2b8948;
    background:#309850
}
.btn-green:hover, .btn-green:focus {
    background:#178a3a !important
}
.btn-green:active {
    background:#178a3a !important
}
.btn-purple {
    background:#7577b2;
    border:1px solid #5d5f9a
}
.btn-purple:hover, .btn-purple:focus {
    background:#6e71b2
}
.btn-purple:active {
    background:#6e71b2
}
.btn-wide {
    width:160px;
    margin:0px 10px
}
.btn-medium {
    width:140px;
    margin:0px 10px
}
.get-app-button {
    position:absolute;
    top:20px;
    right:20px
}
.read_more {
    display:inline-block;
    color:white;
    background:#afafaf;
    padding:5px 13px
}
.read_more:hover {
    text-decoration:none;
    background:#a6a5a5
}
@media (max-width:500px) {
    .webix-btn {
        position:static;
        width:100%;
        margin-top:10px;
        margin-bottom:10px;
        margin-left:0px;
        box-sizing:border-box;
        height:36px
    }
}
.newsbox {
    padding:20px 0px 40px 95px;
    background:url("firefox/shadow.png") left top no-repeat;
    -webkit-flex:1 1 200px;
    -moz-flex:1 1 200px;
    -ms-flex:1 1 200px;
    flex:1 1 200px
}
.newsbox-narrow {
    display:none
}
.newsbox-wide, .newsbox-phone, .newsbox-book {
    width:290px;
    height:425px;
    position:relative;
    z-index:100
}
.newsbox-wide img, .newsbox-phone img, .newsbox-book img {
    max-width:600px
}
.newsbox-phone {
    width:205px;
    height:auto
}
.newsbox-book {
    min-width:747px;
    height:332px;
    margin-right:-40px;
    margin-bottom:60px;
    text-align:right
}
.newsbox-book img {
    max-width:none
}
.view_demo_block {
    display:none;
    width:150px;
    padding:10px 0px;
    text-align:center;
    color:white;
    font-weight:bold;
    text-transform:uppercase;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0 0 -75px;
    background-color:#5a55a2;
    background-color:rgba(90, 85, 162, 0.8)
}
a:hover>.view_demo_block, a:focus>.view_demo_block {
    display:block
}
.focussection {
    background-color:#f3f4ee;
    padding:15px 0px 0px 0px
}
.focussection .grid-text {
    -webkit-align-self:center;
    -moz-align-self:center;
    -ms-align-self:center;
    align-self:center;
    padding:0 40px 0 20px
}
.focussection h2 {
    margin-top:0px
}
.focusbox {
    max-width:550px;
    margin:30px auto;
    padding:0px 20px 15px;
    border:1px solid #ede9e2;
    border-radius:4px;
    background-color:#f2efea;
    color:#4e4e4e;
    font:normal 24px;
    text-align:center
}
.focusbox label {
    display:block;
    font-size:0.8em;
    color:#7f7f7f;
    text-align:left
}
.focusnote-wrap {
    background-color:#F3F2FA;
    margin:30px 0
}
.focusnote-wrap .focusnote {
    max-width:550px;
    color:#4e4e4e;
    font-size:1.1em;
    padding:18px 0px;
    text-align:center;
    margin:0 auto
}
.focusnote-wrap .focusnote .focusnote-block {
    width:42%;
    padding:20px 0;
    align-self:center
}
.focusnote-wrap .focusnote .or-block .hr {
    padding:43px 0 44px 0;
    border-left:1px solid #d2d1d8;
    margin-left:40px
}
.focusnote-wrap .focusnote .or-block .hr .hr-title {
    display:inline-block;
    padding:5px;
    position:relative;
    left:-18px;
    top:1px;
    background-color:#F3F2FA;
    text-transform:uppercase
}
.focusnote-wrap .focusnote .or-block.ru .hr .hr-title {
    left:-17px;
    padding:5px 0;
    font-size:1em
}
.text-field {
    display:inline-block;
    padding:2px 6px;
    font-size:0.93em;
    border-radius:4px;
    line-height:25px;
    height:26px;
    color:#555;
    border:1px solid #ccc;
    background-color:#fff;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition:border linear .2s, box-shadow linear .2s;
    margin:0px;
    width:280px;
    margin:2px 10px 8px 0
}
.text-field:focus, .text-field:active {
    border-color:rgba(82, 168, 236, 0.8);
    outline:none;
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}
.m-image {
    height:147px
}
.l-image {
    height:170px;
    width:170px
}
.l-image img {
    border:none
}
.l-image:hover {
    opacity:.8
}
.check-it-pointer {
    position:absolute;
    bottom:40px;
    right:-85px;
    width:133px;
    text-align:right;
    color:#2f2f2f;
    z-index:1000
}
.check-it-pointer .arrow-pointer {
    display:block;
    width:80px;
    margin-top:-13px;
    padding:22px 0 22px 53px;
    color:white;
    text-align:left;
    text-decoration:underline;
    background:url("images-pivot/check-it.png") left -2px no-repeat
}
.check-it-pointer .arrow-pointer:hover {
    text-decoration:none
}
@media (max-width:1200px) {
    .check-it-pointer {
        display:none
    }
}
@media (max-width:950px) {
    .newsbox-wide, .newsbox-phone, .newsbox-book {
        display:none
    }
    .newsbox-narrow {
        display:block
    }
    a.newsbox-narrow {
        display:inline-block
    }
    .newsbox {
        margin-left:0px;
        padding-left:0px;
        background:transparent
    }
}
@media (max-width:490px) {
    .focusnote .grid .focusnote-block {
        width:100%;
        padding:0
    }
    .focusnote .grid .or-block .hr {
        padding:0 43px;
        border-left:none;
        border-top:1px solid #d2d1d8;
        margin:40px 0 0 0
    }
    .focusnote .grid .or-block .hr .hr-title {
        left:0;
        top:-18px
    }
    .focusnote .grid .or-block.ru .hr .hr-title {
        padding:5px;
        left:0;
        top:-18px
    }
}
#demo_box {
    border-top:5px solid #3498d8;
    height:400px
}
.demo-area {
    position:relative
}
.corner-img {
    position:absolute;
    z-index:2;
    right:0;
    bottom:0;
    cursor:pointer;
    display:block
}
.demo-preview-grid {
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-ms-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    -ms-justify-content:space-around;
    justify-content:space-around
}
.demo-preview, .demo-preview-mobile {
    padding:15px;
    width:250px;
    position:relative;
    -webkit-align-self:center;
    -moz-align-self:center;
    -ms-align-self:center;
    align-self:center
}
.demo-preview h3, .demo-preview-mobile h3 {
    text-align:center
}
.demo-preview-mobile {
    width:170px;
    border:5px solid #eee;
    border-radius:17px;
    margin-bottom:20px;
    border-width:20px 5px
}
h2.demo-section {
    color:#666;
    border-bottom:1px solid #ccc;
    margin-bottom:30px;
    margin-top:80px
}
@media (max-width:640px) {
    h2.demo-section {
        margin-top:40px
    }
}
.demo_arrow {
    display:block;
    position:absolute
}
.demo_arrow.demo_arrow_left {
    left:-75px;
    top:70%
}
.demo_arrow.demo_arrow_right {
    right:-75px;
    top:69%
}
.ru_page .demo_arrow.demo_arrow_right {
    top:65%
}
@media (max-width:1181px) {
    .demo_arrow {
        display:none
    }
}
.widgets_sidebar {
    max-width:230px;
    margin-top:14px;
    padding:15px 0px 23px 0px;
    border:1px solid #dfdfdf;
    background-color:#f0f0f0;
    padding:18px 15px 20px 15px
}
.widgets_sidebar_block {
    margin-top:13px;
    margin-bottom:12px
}
.widgets_sidebar_block h5 {
    border-bottom:2px solid #dfdfdf;
    padding:0 4px 10px 19px;
    margin:10px 20px 0px 20px
}
.widgets_list {
    list-style-type:none
}
.widgets_list li {
    margin:0
}
a.link_widget {
    text-decoration:none;
    display:block;
    padding:8px 20px 8px 30px
}
a.link_widget span {
    vertical-align:middle
}
a.link_widget .widget_name:hover {
    text-decoration:underline
}
a.widget_menu_link {
    padding:8px 20px 8px 40px
}
a.widget_menu_link:hover {
    color:#4e4e4e;
    background:rgba(22, 169, 66, 0.7)
}
a.widget_menu_link:hover .widget_name:hover {
    text-decoration:none
}
a.widget_menu_link:focus, a.widget_menu_link.active {
    color:#fff;
    background:#16A942
}
.widget_name {
    margin-left:7px
}
.widget_link_block {
    margin:18px 0 20px 50px
}
.widget_link_block a {
    display:block;
    margin-bottom:5px
}
.widgets_content_block {
    margin-bottom:30px
}
.widgets_content_block h2 {
    margin-top:0
}
.widgets_content_block h2 a {
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    border:1px solid #25ae66;
    border-radius:18px;
    padding:5px 10px;
    margin-left:20px;
    position:relative;
    top:-3px
}
.widgets_content_block h2 a:hover {
    background:#25ae66;
    color:white;
    text-decoration:none
}
.widget_demo_link {
    color:#309850;
    font-weight:bold
}
.widget_center_block {
    margin-right:50px
}
@media (max-width:560px) {
    .widgets_row .first_block {
        -webkit-order:-1;
        -moz-order:-1;
        -ms-order:-1;
        order:-1
    }
}
@media (max-width:465px) {
    .widget_link_block {
        margin-right:50px
    }
    .widget_center_block {
        margin-right:0px
    }
}
.main_top_border {
    border-top:2px solid #f1f1f1
}
.main_bottom_border {
    border-bottom:2px solid #f1f1f1
}
.date {
    color:#7b7b7b;
    margin-top:0
}
.home_block a {
    display:inline-block
}
.home_block ul {
    margin:0 0 12.5px 25px
}
.product_tabs {
    list-style-type:none;
    text-align:center
}
.product_tabs li {
    display:inline-block;
    vertical-align:top;
    margin:0 2%
}
a.product_tab {
    text-decoration:none;
    display:inline-block;
    vertical-align:top;
    color:#3b3b3b;
    font-size:1.2em;
    border-top:2px solid transparent;
    border-bottom:2px solid transparent;
    padding:6px 9px 7px 9px
}
.product_tab:hover, .product_tab:focus, .product_tab.active {
    color:#309855
}
.product_tab.active {
    border-color:#309855
}
.section_product {
    position:absolute;
    top:0px;
    width:100%;
    background:#fff;
    min-height:610px
}
.section_product#slide_1 {
    position:static
}
.section_product.bounceOutLeft, .section_product#slide_1.bounceOutLeft {
    position:absolute
}
.section_product.fadeInUp {
    position:static
}
.section_product .widget_grid {
    margin:30px 0 40px 0
}
.section_product .widget_grid .widgets_list_block {
    border-left:1px solid #e2e2e2;
    padding:0 20px;
    margin-bottom:40px
}
.section_product .widget_grid .widgets_list_block h3 {
    font-size:1.13em;
    color:#4e4e4e;
    margin:0;
    margin-bottom:20px;
    margin-top:40px
}
.section_product .widget_grid .widgets_list_block h3:first-child {
    margin-top:0;
    margin-bottom:40px
}
.section_product .widget_grid .widgets_list_block .widgets_list {
    font-size:1.1em
}
.section_product .widget_grid .widgets_list_block .widgets_list li {
    margin:15px 0
}
.section_product .widget_grid .widgets_list_block .widgets_list li .link_widget {
    display:inline-block;
    padding:0;
    color:#309855
}
.section_product .widget_grid .widgets_list_block .widgets_list li .link_widget:hover, .section_product .widget_grid .widgets_list_block .widgets_list li .link_widget:focus {
    color:#309855
}
.section_product .widget_grid .widgets_list_block .widgets_list li .link_widget .icon_widget {
    display:none
}
.section_product .widget_grid .widgets_list_block:first-child {
    border-left:none
}
.section_product .widget_grid .widgets_list_block:first-child .widgets_list {
    font-size:1.2em
}
.section_product .widget_grid .widgets_list_block:first-child .widgets_list li .link_widget .icon_widget {
    display:inline-block
}
.section_product .tabs_list {
    list-style-type:none;
    font-size:1.2em;
    font-weight:700;
    color:#4e4e4e;
    margin-left:20px
}
.information_customers_wrap {
    background-color:#f3f4ee;
    padding:34px 0 45px 0
}
.information_customers_wrap .testimonial-item-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:-ms-flex;
    display:flex
}
.information_customers_wrap .testimonial-item-wrap .testimonial-item {
    padding:6px 35px 35px 45px
}
.information_customers_wrap .testimonial-item-wrap .testimonial-item .testimonial-content {
    position:relative
}
.information_customers_wrap .testimonial-item-wrap .testimonial-item .testimonial-content:after, .information_customers_wrap .testimonial-item-wrap .testimonial-item .testimonial-content:before {
    content:'';
    display:block;
    width:20px;
    height:16px;
    position:absolute
}
.information_customers_wrap .testimonial-item-wrap .testimonial-item .testimonial-content:before {
    top:-2px;
    left:-29px;
    background:url(home/left-quotes.png) center center no-repeat
}
.information_customers_wrap .testimonial-item-wrap .testimonial-item .testimonial-content:after {
    bottom:-2px;
    right:-20px;
    background:url(home/right-quotes.png) center center no-repeat
}
.information_customers_wrap .testimonial-item-wrap .testimonial-item .testimonial-author .testimonial-author-avatar {
    float:left;
    width:50px;
    height:50px;
    border:1px solid transparent;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    overflow:hidden
}
.information_customers_wrap .testimonial-item-wrap .testimonial-item .testimonial-author .testimonial-author-contact {
    margin-left:60px;
    line-height:1.5em;
    padding:3px 0
}
.information_customers_wrap .testimonial-item-wrap .testimonial-item .testimonial-author .testimonial-author-contact .name, .information_customers_wrap .testimonial-item-wrap .testimonial-item .testimonial-author .testimonial-author-contact .comp-inf {
    display:block;
    font-weight:700;
    color:#7b7b7b
}
.information_customers_wrap .testimonial-item-wrap .testimonial-item .testimonial-author .testimonial-author-contact .name {
    color:#4e4e4e
}
.information_clients_wrap {
    background-color:#f3f4ee;
    padding:35px 0 20px 0;
    text-align:center
}
.information_clients_wrap .clients-wrap .client-company {
    display:inline-block;
    vertical-align:top;
    background:#fff;
    width:195px;
    height:80px;
    line-height:80px;
    text-align:center;
    margin:3.5px 2px
}
.information_clients_wrap .clients-wrap .client-company .company-logo {
    display:inline-block;
    vertical-align:middle
}
.features_block .features_img a {
    display:inline-block;
    vertical-align:top
}
.information_wrap {
    background-color:#f3f4ee
}
.information_wrap .information_block_img {
    padding:0 25px;
    min-width:115px
}
.information_wrap .information_block_img a {
    display:inline-block
}
.information_wrap .information_block_inf p {
    margin:0
}
.tabs_list .list-item {
    padding:18px 0 18px 71px;
    position:relative;
    margin-top:30px
}
.tabs_list .list-item:after {
    content:"";
    position:absolute;
    left:0;
    top:0
}
.tabs_list.datatable_tabs_list .list-item-1:after {
    content:url(home/datatable/blazingly-fast.png)
}
.tabs_list.datatable_tabs_list .list-item-2:after {
    content:url(home/datatable/light-weight.png)
}
.tabs_list.datatable_tabs_list .list-item-3:after {
    content:url(home/datatable/fully-editable.png)
}
.tabs_list.datatable_tabs_list .list-item-4:after {
    content:url(home/datatable/support-popular-formats.png);
    top:15px
}
.tabs_list.kanban_tabs_list .list-item-1:after {
    content:url(home/kanban/easily-embeddable.png)
}
.tabs_list.kanban_tabs_list .list-item-2:after {
    content:url(home/kanban/flexible-layout.png)
}
.tabs_list.kanban_tabs_list .list-item-3:after {
    content:url(home/kanban/fully-configurable.png)
}
.tabs_list.kanban_tabs_list .list-item-4:after {
    content:url(home/kanban/easy-to-use.png)
}
.tabs_list.spreadsheet_tabs_list .list-item-1:after {
    content:url(home/spreadsheet/cell-formating.png)
}
.tabs_list.spreadsheet_tabs_list .list-item-2:after {
    content:url(home/spreadsheet/undo-redo.png)
}
.tabs_list.spreadsheet_tabs_list .list-item-3:after {
    content:url(home/spreadsheet/client-side.png)
}
.tabs_list.spreadsheet_tabs_list .list-item-4:after {
    content:url(home/spreadsheet/cloud-host.png)
}
.tabs_list.touch_tabs_list .list-item-1:after {
    content:url(home/touch/touch-skin.png)
}
.tabs_list.touch_tabs_list .list-item-2:after {
    content:url(home/touch/android-ios-windows.png)
}
.tabs_list.touch_tabs_list .list-item-3:after {
    content:url(home/touch/responsive-layouts.png)
}
.tabs_list.touch_tabs_list .list-item-4:after {
    content:url(home/touch/smooth-scrolling.png)
}
@media (max-width:416px) {
    .section_product .widget_grid .widgets_list_block {
        border-left:none
    }
    .section_product .widget_grid .widgets_list_block .widgets_list li .link_widget .icon_widget {
        display:inline-block
    }
    .home_block_wrap .first_block {
        -webkit-order:-1;
        -moz-order:-1;
        -ms-order:-1;
        order:-1
    }
    .information_wrap .first_block {
        -webkit-order:-1;
        -moz-order:-1;
        -ms-order:-1;
        order:-1
    }
}
.color_wrapper {
    background:#2486b8;
    background:-moz-linear-gradient(left, #2486b8 0, #2695c5 50%, #2486b8 100%);
    background:-webkit-gradient(linear, left top, right top, color-stop(0, #2486b8), color-stop(50%, #2695c5), color-stop(100%, #2486b8));
    background:-webkit-linear-gradient(left, #2486b8 0, #2695c5 50%, #2486b8 100%);
    background:-o-linear-gradient(left, #2486b8 0, #2695c5 50%, #2486b8 100%);
    background:-ms-linear-gradient(left, #2486b8 0, #2695c5 50%, #2486b8 100%);
    background:linear-gradient(to right, #2486b8 0, #2695c5 50%, #2486b8 100%);
    color:#fff
}
@media (max-width:750px) {
    .landing_page .landing_slogan {
        margin-top:10px
    }
    .landing_block .landing_img_wrap {
        -webkit-align-self:center;
        -moz-align-self:center;
        -ms-align-self:center;
        align-self:center
    }
    .landing_block .landing_img_wrap .landing_img {
        top:0;
        left:0
    }
}
@media (max-width:490px) {
    .landing_block .title_block h2 {
        padding-bottom:50px
    }
}
.landing_block .title_block {
    position:relative
}
.landing_block .title_block h2 {
    font-weight:700;
    margin:0;
    line-height:1.2em;
    padding:3px 0 8px 0
}
.landing_block .title_block h2 .title_icon {
    display:inline-block;
    vertical-align:top;
    position:relative
}
.landing_block .title_block h2 .title_icon:after {
    content:"";
    position:absolute
}
.landing_block .title_block:after {
    content:"";
    display:block;
    width:0;
    height:0;
    border-top:30px solid #e2e2e2;
    border-right:30px solid transparent;
    position:absolute;
    bottom:-30px
}
.landing_block .title_block.smooth_scrolling h2 {
    color:#188ad3
}
.landing_block .title_block.smooth_scrolling h2 .title_icon:after {
    content:url(touch/smooth_scrolling_icon.png);
    right:-96px;
    top:-5px
}
@media (max-width:471px) {
    .landing_block .title_block.smooth_scrolling h2 .title_icon:after {
        top:33px;
        left:0;
        right:auto
    }
}
.landing_block .title_block.responsive_layouts h2 {
    color:#ff724b
}
.landing_block .title_block.responsive_layouts h2 .title_icon:after {
    content:url(touch/responsive_layouts_icon.png);
    left:-75px;
    top:-9px
}
@media (max-width:471px) {
    .landing_block .title_block.responsive_layouts h2 .title_icon:after {
        top:33px;
        right:0;
        left:auto
    }
}
.landing_block .title_block.native_apps h2 {
    color:#50ab79
}
.landing_block .title_block.native_apps h2 .title_icon:after {
    content:url(touch/native_apps_icon.png);
    right:-245px;
    top:-5px
}
@media (max-width:471px) {
    .landing_block .title_block.native_apps h2 .title_icon:after {
        top:33px;
        left:0;
        right:auto
    }
}
.landing_block .title_block.scheduler h2 {
    color:#4f4f4f
}
.landing_block .title_block.scheduler h2 .title_icon:after {
    content:url(touch/scheduler_icon.png);
    left:-71px;
    top:-8px
}
@media (max-width:471px) {
    .landing_block .title_block.scheduler h2 .title_icon:after {
        top:33px;
        right:0;
        left:auto
    }
}
.landing_block .title_block.firefox_app h2 {
    color:#ff6e25
}
.landing_block .title_block.firefox_app h2 .title_icon:after {
    content:url(touch/firefox_app_icon.png);
    right:-80px;
    top:-6px
}
@media (max-width:471px) {
    .landing_block .title_block.firefox_app h2 .title_icon:after {
        top:33px;
        left:0;
        right:auto
    }
}
.landing_block.darker_block {
    background:#f4f4f4
}
.landing_block.darker_block .darker_title {
    background:#e2e2e2
}
.landing_block.darker_block .darker_title .title_block:after {
    border-top-color:#e2e2e2;
    left:0
}
.landing_block.darker_block .darker_title .title_block h2 {
    text-align:left
}
.landing_block.lighter_block {
    background:#ffffff
}
.landing_block.lighter_block .lighter_title {
    background:#eeeeee
}
.landing_block.lighter_block .lighter_title .title_block:after {
    border-top-color:#eeeeee;
    right:0
}
.landing_block.lighter_block .lighter_title .title_block h2 {
    text-align:right
}
.landing_block .landing_img {
    position:relative;
    top:-60px
}
.landing_page p {
    line-height:1.75em;
    color:#3b3b3b
}
.landing_page .landing_title {
    font-size:1.5em;
    line-height:1.5em;
    margin:0;
    color:#fff
}
.landing_page .landing_slogan {
    color:#fff;
    margin-top:60px
}
.faq_wrap {
    margin-bottom:15px
}
.faq_title {
    padding:5px 9px 2px 9px;
    overflow:hidden
}
.faq_title .faq_icon {
    float:left
}
.faq_title h2 {
    margin-left:94px
}
.faq_block {
    padding-right:25px;
    margin-bottom:30px
}
.faq_block .faq_numb {
    position:relative
}
.faq_block .faq_numb:after {
    content:"";
    display:none;
    width:55px;
    padding:4px 10px 4px 5px;
    position:absolute;
    left:-83px;
    top:4px;
    font-size:0.8em;
    line-height:1em;
    color:#fff
}
.faq_block .faq_numb ul {
    margin-left:35px
}
.faq_block .faq {
    font-weight:700;
    margin:6px 0
}
.faq_block .faq_list {
    list-style-type:none;
    counter-reset:numbers
}
.faq_block .faq_list .faq_numb {
    padding-left:12px
}
.faq_block .faq_list .faq_numb:before {
    counter-increment:numbers;
    content:counter(numbers)". ";
    font-weight:700;
    margin:0 0 0 -12px
}
.faq_block .faq_list .faq_numb:hover:before {
    color:#309850
}
.faq_block .faq_list .faq_numb:after {
    content:"Question";
    background:url(faq/quest-arrow.png) no-repeat center left
}
.faq_block .faq_list .faq_numb:hover:after {
    display:block
}
.faq_block .faq_list .faq_numb a {
    color:#2f2f2f
}
.faq_block .faq_list .faq_numb a:hover, .faq_block .faq_list .faq_numb a:focus {
    color:#309850;
    text-decoration:underline
}
.faq_block .faq_answer_block {
    margin-bottom:15px
}
.faq_block .faq_answer_block .faq_numb {
    border:2px solid transparent;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:0 9px;
    margin:0 -11px
}
.faq_block .faq_answer_block .faq_numb p {
    margin:2px 0
}
.faq_block .faq_answer_block.active .faq_numb {
    border-color:#89bd0e
}
.faq_block .faq_answer_block.active .faq_numb:after {
    content:"Answer";
    background:url(faq/answer-arrow.png) no-repeat center left;
    display:block;
    left:-74px
}
.faq_sidebar {
    max-width:312px;
    margin-top:30px
}
.faq_sidebar_block {
    margin-bottom:5px
}
.faq_sidebar_block h4 {
    margin-bottom:6px
}
.faq_sidebar_block .sidebar_list {
    font-size:0.95em;
    list-style-type:circle;
    padding-left:17px;
    color:#444444
}
.faq_sidebar_block .sidebar_list li {
    line-height:22px
}
.faq_bottom {
    background:#dcdcdc;
    padding:30px 0
}
.faq_bottom p {
    font-size:1.2em
}
@media (max-width:1210px) {
    .faq_block .faq_list .faq_numb:hover:after, .faq_block .faq_answer_block.active .faq_numb:after {
        display:none
    }
}
@media (max-width:1080px) {
    .faq_block .faq_answer_block .faq_numb {
        margin:0
    }
}
.why_webix_wrapper {
    height:580px;
    background:url(improve-business/photodune.jpg) no-repeat center center;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover
}
.want_focus {
    background:#f2f2f2
}
@media (min-width:2000px) {
    .why_webix_wrapper {
        height:900px
    }
}
@media (max-width:1280px) {
    .why_webix_wrapper {
        height:390px
    }
}
@media (max-width:1024px) {
    .why_webix_wrapper {
        height:320px
    }
}
@media (max-width:720px) {
    .why_webix_wrapper {
        height:230px
    }
}
@media (max-width:560px) {
    .landing_page .float_left {
        float:none
    }
}
@media (max-width:480px) {
    .why_webix_wrapper {
        height:200px
    }
}
.webix_key_features {
    margin:20px 30px
}
.bottom_bg {
    background:url(common/bg-bottom.jpg) no-repeat center top;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover
}
@media (max-width:720px) {
    .webix_key_features {
        margin:20px 10px
    }
}
.ico-m-list, .ico-m-accordion, .ico-m-carousel, .ico-m-chart, .ico-m-colorpicker, .ico-m-context, .ico-m-combo, .ico-m-contextmenu, .ico-m-datatable, .ico-m-dataview, .ico-m-form, .ico-m-kanban, .ico-m-layout, .ico-m-calendar, .ico-m-menu, .ico-m-multiview, .ico-m-navigation, .ico-m-pivot, .ico-m-popup, .ico-m-scheduler, .ico-m-scrollview, .ico-m-toolbar, .ico-m-tree, .ico-m-uploader, .ico-m-treetable, .ico-m-window, .ico-m-filemanager {
    display:inline-block;
    background-image:url(icons/medium.png);
    background-repeat:no-repeat;
    width:47px;
    height:47px
}
.ico-m-list {
    background-position:0 0
}
.ico-m-accordion {
    background-position:-47px 0
}
.ico-m-carousel {
    background-position:0 -47px
}
.ico-m-chart {
    background-position:-47px -47px
}
.ico-m-colorpicker {
    background-position:-94px 0
}
.ico-m-context {
    background-position:-94px -47px
}
.ico-m-combo {
    background-position:0 -94px
}
.ico-m-contextmenu {
    background-position:-47px -94px
}
.ico-m-datatable {
    background-position:-94px -94px
}
.ico-m-dataview {
    background-position:-141px 0
}
.ico-m-form {
    background-position:-141px -47px
}
.ico-m-kanban {
    background-position:-141px -94px
}
.ico-m-layout {
    background-position:0 -141px
}
.ico-m-calendar {
    background-position:-47px -141px
}
.ico-m-menu {
    background-position:-94px -141px
}
.ico-m-multiview {
    background-position:-141px -141px
}
.ico-m-navigation {
    background-position:-188px 0
}
.ico-m-pivot {
    background-position:-188px -47px
}
.ico-m-popup {
    background-position:-188px -94px
}
.ico-m-scheduler {
    background-position:-188px -141px
}
.ico-m-scrollview {
    background-position:0 -188px
}
.ico-m-toolbar {
    background-position:-47px -188px
}
.ico-m-tree {
    background-position:-94px -188px
}
.ico-m-uploader {
    background-position:-141px -188px
}
.ico-m-treetable {
    background-position:-188px -188px
}
.ico-m-window {
    background-position:-235px 0
}
.ico-m-filemanager {
    background-position:-235px -47px
}
.ico-b-scheduler, .ico-b-pivot, .ico-b-kanban, .ico-b-filemanager, .ico-b-spreadsheet {
    display:block;
    background-image:url(icons/widgets-sprite.png);
    background-repeat:no-repeat
}
.ico-b-scheduler {
    background-position:-125px -8px;
    height:84px;
    width:88px
}
.ico-b-pivot {
    background-position:-2px -13px;
    height:78px;
    width:96px
}
.ico-b-kanban {
    background-position:-247px -8px;
    height:82px;
    width:86px
}
.ico-b-filemanager {
    background-position:-6px -132px;
    width:88px;
    height:76px
}
.ico-b-spreadsheet {
    background-position:-126px -132px;
    width:88px;
    height:78px
}
.icon-box {
    min-width:240px;
    text-align:center;
    margin:20px 0px
}
.section_widgets_wrap .icon-box {
    min-width:170px
}
.icon-box a {
    display:inline-block;
    color:#222
}
.icon-box:hover {
    background:url('icons/hover.png') center center no-repeat
}
.icon-block {
    width:195px;
    height:160px;
    padding:0;
    margin-bottom:40px;
    text-align:center
}
.icon-block .line1 {
    display:block;
    color:white;
    font-size:1.6em;
    padding:113px 0 15px 0
}
.icon-block .line2 {
    display:block;
    position:absolute;
    bottom:-32px;
    left:0;
    width:100%;
    color:white;
    text-align:center;
    font-size:0.9em;
    padding:7px 0px 8px 0;
    box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.16);
    -webkit-transform:scaleY(0);
    -moz-transform:scaleY(0);
    -ms-transform:scaleY(0);
    -o-transform:scaleY(0);
    transform:scaleY(0);
    -o-transform-origin:center top;
    -moz-transform-origin:center top;
    -ms-transform-origin:center top;
    -webkit-transform-origin:center top;
    transform-origin:center top;
    -o-transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
    transition:all 0.2s linear 0s
}
.icon-block .line2 .bottom-link-widget {
    display:inline-block;
    padding-right:27px;
    background:url("icons/to-page-icon2.png") right 5px no-repeat
}
.icon-block a {
    display:block;
    position:relative;
    text-decoration:none
}
.icon-block a:hover {
    box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.16)
}
.icon-block a:hover .line2 {
    -webkit-transform:scaleY(1);
    -moz-transform:scaleY(1);
    -ms-transform:scaleY(1);
    -o-transform:scaleY(1);
    transform:scaleY(1)
}
.icon-block .tool-item-icon {
    position:absolute;
    left:50%;
    top:21px
}
.icon-block-pivot {
    background-color:#3498db
}
.icon-block-pivot .tool-item-icon {
    margin-left:-48px;
    top:24px
}
.icon-block-pivot .line2 {
    background:#3290cf
}
.icon-block-kanban {
    background-color:#27ae60
}
.icon-block-kanban .tool-item-icon {
    margin-left:-43px
}
.icon-block-kanban .line2 {
    background:#23a158
}
.icon-block-filemanager {
    background-color:#00b3c8;
		background-color:#7871c2;
}
.icon-block-filemanager .tool-item-icon {
    top:25px;
    margin-left:-44px
}
.icon-block-filemanager .line2 {
    background:#00a8ba;
		background:#6f69b5;
}
.icon-block-scheduler {
    background-color:#7871c2
}
.icon-block-scheduler .tool-item-icon {
    margin-left:-44px
}
.icon-block-scheduler .line2 {
    background:#6f69b5
}
.icon-block-spreadsheet {
    background-color:#00c8bc
}
.icon-block-spreadsheet .tool-item-icon {
    top:25px;
    margin-left:-44px
}
.icon-block-spreadsheet .line2 {
    background:#00baae
}
.ico-s-layout, .ico-s-bar-chart, .ico-s-carousel, .ico-s-accordion, .ico-s-barcode, .ico-s-calendar, .ico-s-charts, .ico-s-colorpicker, .ico-s-combo, .ico-s-context, .ico-s-contextmenu, .ico-s-datatable, .ico-s-datatree, .ico-s-dataview, .ico-s-window, .ico-s-form, .ico-s-uploader, .ico-s-area-chart, .ico-s-list, .ico-s-menu, .ico-s-multiview, .ico-s-navigation, .ico-s-organogram, .ico-s-pie-chart, .ico-s-treetable, .ico-s-popup, .ico-s-scatter-chart, .ico-s-scheduler, .ico-s-scrollview, .ico-s-toolbar, .ico-s-tree, .ico-s-windows-popups, .ico-s-kanban, .ico-s-filemanager, .ico-s-pivot, .ico-s-portlet, .ico-s-slider, .ico-s-treemap, .ico-s-sidebar, .ico-s-webixjet, .ico-s-visual-designer, .ico-s-spreadsheet {
    background-image:url(icons/small.png);
    background-repeat:no-repeat;
    height:26px;
    width:26px;
    display:inline-block
}
.ico-s-layout {
    background-position:0 0
}
.ico-s-bar-chart {
    background-position:-26px 0
}
.ico-s-carousel {
    background-position:0 -26px
}
.ico-s-accordion {
    background-position:-26px -26px
}
.ico-s-barcode {
    background-position:-52px 0
}
.ico-s-calendar {
    background-position:-52px -26px
}
.ico-s-charts {
    background-position:0 -52px
}
.ico-s-colorpicker {
    background-position:-26px -52px
}
.ico-s-combo {
    background-position:-52px -52px
}
.ico-s-context {
    background-position:-78px 0
}
.ico-s-contextmenu {
    background-position:-78px -26px
}
.ico-s-datatable {
    background-position:-78px -52px
}
.ico-s-datatree {
    background-position:0 -78px
}
.ico-s-dataview {
    background-position:-26px -78px
}
.ico-s-window {
    background-position:-52px -78px
}
.ico-s-form {
    background-position:-78px -78px
}
.ico-s-uploader {
    background-position:-104px 0
}
.ico-s-area-chart {
    background-position:-104px -26px
}
.ico-s-list {
    background-position:-104px -52px
}
.ico-s-menu {
    background-position:-104px -78px
}
.ico-s-multiview {
    background-position:0 -104px
}
.ico-s-navigation {
    background-position:-26px -104px
}
.ico-s-organogram {
    background-position:-52px -104px
}
.ico-s-pie-chart {
    background-position:-78px -104px
}
.ico-s-treetable {
    background-position:-104px -104px
}
.ico-s-popup {
    background-position:-130px 0
}
.ico-s-scatter-chart {
    background-position:-130px -26px
}
.ico-s-scheduler {
    background-position:-130px -52px
}
.ico-s-scrollview {
    background-position:-130px -78px
}
.ico-s-toolbar {
    background-position:-130px -104px
}
.ico-s-tree {
    background-position:0 -130px
}
.ico-s-windows-popups {
    background-position:-26px -130px
}
.ico-s-kanban {
    background-position:-52px -130px
}
.ico-s-filemanager {
    background-position:-78px -130px
}
.ico-s-pivot {
    background-position:-105px -130px
}
.ico-s-treemap {
    background-position:-130px -131px
}
.ico-s-sidebar {
    background-position:0 -157px
}
.ico-s-webixjet {
    background-position:-25px -157px
}
.ico-s-visual-designer {
    background-position:-52px -157px
}
.ico-s-spreadsheet {
    background-position:-79px -157px
}
a.active .icon_widget {
    background-image:url(icons/small-white.png)
}
code {
    font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    font-size:1em;
    line-height:1.45;
    color:#333;
    background-color:#F7F7F7;
    display:block;
    border-radius:3px;
    padding:16px
}
.hljs {
    display:block;
    overflow-x:auto;
    padding:0.5em;
    background:#fdf6e3;
    color:#657b83;
    -webkit-text-size-adjust:none
}
.hljs-comment, .diff .hljs-header, .hljs-doctype, .hljs-pi, .lisp .hljs-string, .hljs-javadoc {
    color:#93a1a1
}
.hljs-keyword, .hljs-winutils, .method, .hljs-addition, .css .hljs-tag, .hljs-request, .hljs-status, .nginx .hljs-title {
    color:#859900
}
.hljs-number, .hljs-command, .hljs-string, .hljs-tag .hljs-value, .hljs-rule .hljs-value, .hljs-phpdoc, .hljs-dartdoc, .tex .hljs-formula, .hljs-regexp, .hljs-hexcolor, .hljs-link_url {
    color:#2aa198
}
.hljs-title, .hljs-localvars, .hljs-chunk, .hljs-decorator, .hljs-built_in, .hljs-identifier, .vhdl .hljs-literal, .hljs-id, .css .hljs-function, .hljs-name {
    color:#268bd2
}
.hljs-attribute, .hljs-variable, .lisp .hljs-body, .smalltalk .hljs-number, .hljs-constant, .hljs-class .hljs-title, .hljs-parent, .hljs-type, .hljs-link_reference {
    color:#b58900
}
.hljs-preprocessor, .hljs-preprocessor .hljs-keyword, .hljs-pragma, .hljs-shebang, .hljs-symbol, .hljs-symbol .hljs-string, .diff .hljs-change, .hljs-special, .hljs-attr_selector, .hljs-subst, .hljs-cdata, .css .hljs-pseudo, .hljs-header {
    color:#cb4b16
}
.hljs-deletion, .hljs-important {
    color:#dc322f
}
.hljs-link_label {
    color:#6c71c4
}
.tex .hljs-formula {
    background:#eee8d5
}
.sidebar_active_icon {
    width:19px;
    height:24px
}
.inner_sidebar {
    width:200px;
    border-left:1px solid #ebebeb;
    padding-left:15px;
    padding-bottom:50px
}
.inner_sidebar ul {
    padding:20px 0px
}
.inner_sidebar ul li {
    color:#909090
}
.inner_sidebar h3 {
    margin:12px 0px 35px 20px;
    padding-top:20px;
    font-size:1em;
    color:#444
}
.inner_sidebar li {
    margin-left:21px;
    margin-bottom:15px;
    list-style-type:none;
    line-height:1em
}
.inner_sidebar li a {
    display:inline-block
}
.inner_sidebar li a.menu {
    color:#909090
}
.inner_sidebar li.active {
    margin-left:8px
}
.inner_sidebar li.active a {
    color:#16A942;
    padding-left:18px;
    text-decoration:none;
    cursor:default;
    background-repeat:no-repeat;
    background-position:0px center;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAYAQMAAAAiWVRMAAAABlBMVEUAAAAkrk2iyvu5AAAAAXRSTlMAQObYZgAAABVJREFUCNdjIAQYDyAwgwUMo4jjAwDuqgUvA6VTcwAAAABJRU5ErkJggg==')
}
.centered {
    text-align:center
}
.right {
    text-align:right
}
.left {
    text-align:left
}
.spaced {
    line-height:25px
}
.spaced-0 {
    line-height:0
}
.justified {
    text-align:justify
}
.padded {
    padding-top:15px;
    padding-bottom:15px
}
.padded-section {
    padding-top:15px;
    padding-bottom:30px
}
.no-padded {
    padding:0
}
.host {
    position:relative
}
a.host {
    display:inline-block
}
.topline {
    margin-top:15px
}
.no-margin {
    margin:0
}
.alt_row {
    background:#F5F5F5
}
.t-margin25 {
    margin-top:25px
}
.t-margin35 {
    margin-top:35px
}
.b-margin35 {
    margin-bottom:35px
}
.t-padded-10 {
    padding-top:10px
}
.t-padding-40 {
    padding-top:40px
}
.b-padding-70 {
    padding-bottom:70px
}
.l-r-margin-10 {
    margin-left:10%;
    margin-right:10%
}
.float_left {
    float:left;
    margin:25px 30px 10px 10px
}
