* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
:before, :after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

html {
  height: 100%;
  width: 100%;
  min-width: 480px;
  /*background-color: #4b4b4b;*/
}
body
{
  margin: 0px auto;
  padding: 0px 0px 400px 0px;
  color: #555555;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  min-width: 100%;
  width: auto !important;
  height: auto !important;
  min-height: 100%;
  position: relative;
  line-height: 1.5;
  background-color: #C6C6C6;
  background-image: url(../Images/bg_body_1680.png);
  background-position: top center;
  background-repeat: repeat-y;
}
body.pd-150 {
  padding-bottom: 500px;
}

td, th {
  color: #555555;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
}

a {
  color: #4E96DA;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: underline;
  outline: none;
}
/*a.dash, a.gray-dash {
  border-width: 0px 0px 1px 0px;
  border-style: dashed;
  border-color: #32dc69;
}
a.gray-dash {
  color: #a3a3a3;
  border-color: #a3a3a3;
}
a.dash:hover, a.gray-dash:hover {
  text-decoration: none;
  border-width: 0px;
}*/
p {
  margin-top: 5px; 
  margin-bottom: 20px;
}
img {
  border-width: 0px;
}

h1, h2, h3, h4 {
  color: #555555;
  font-family: 'Lato', sans-serif;
  text-transform: none;
  line-height: 1.2;
  /*letter-spacing: 0.05em;*/
}
h1 {
  font-size: 45px;
  font-weight: 900;
  margin: 0px 0px 30px 0px;
}
h2 {
  font-size: 45px;
  font-weight: 500;
  margin: 0px 0px 20px 0px;
}
h3 {
  font-size: 37px;
  font-weight: 900;
  margin: 0px 0px 15px 0px;
}
h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 0px 0px 10px 0px;
}
h4 .thin {
    font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a {
  color: #555555;
}
h3 a.back {
  display: inline-block;
  color: #4E96DA;
  font-size: 20px;
  vertical-align: bottom;
  margin-bottom: 3px;
  font-weight: normal;
  margin-left: 50px;
}

object, embed {
  margin: 0px;
  padding: 0px;
}

/*ul {
  margin: 0px 0px 25px 0px;
  padding: 0px 0px 0px 15px;
  list-style-type: none;
  list-style-image: url(/images/li_content.png);
}
ul li {
  margin: 5px 0px 0px 0px;
}*/

.block-center, .bg-block-center {
  position: relative;
  margin: 0px auto;
  width: 100%;
  max-width: 1680px;
}

.block-center {
  padding-left: 100px;
  padding-right: 100px;
}
.block-content {
  padding-top: 50px;
}
.block-content-hdr {
    margin-top: -50px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #ECECEC;
}

/*.page {
  position: relative;
  width: 100%;
}*/

header .menus:after, header .about:after, .block-about:after,
.block-introducing:after, .block-content-hdr nav:after,
.right-rules:after, .block-downloads:after,
.row-content.about-product:after, .page-about:after,
.clear {
    clear: both !important;
    display: block !important;
    height: 0px !important;
    content: " " !important;
}

/* header */
header {
  position: relative;
  height: 229px;
  color: #FFFFFF;
}
header.main {
  height: 840px;
}
header .block-center {
    height: 100%;
  background-image: url(../Images/bg_header.png);
  background-position: top center;
  background-repeat: no-repeat;
}
header.main .block-center {
  background-image: url(../Images/bg_header_home.png);
}
header .menus {
  padding: 50px 0px 0px 0px;
}
header .logo img, .popup-mobilenav .logo img, footer .logo img, .popup .logo img {
  width: 77px;
  height: auto;
}
header .logo, .popup-mobilenav .logo, footer .logo {
  float: left;
}
footer .logo {
  margin-top: 7px;
}
.popup .logo {
  position: absolute;
  top: 50px;
  left: 100px;
}
.popup-mobilenav.bottom .logo {
  top: auto;
  bottom: 30px;
}
footer.mobile .logo {
  margin-top: 0px;
}
footer.mobile .logo img {
  width: 55px;
}
header nav {
    float: right;
  font-weight: 400;
  font-size: 1em;
  margin-right: 15px;
  line-height: 1.2;
}
header nav a {
  color: #FFFFFF;
  margin-left: 20px;
}
header nav a.sel {
  color: rgba(255, 255, 255, 0.5);
}
header nav a > .arrow, .popup-mobilenav nav a > .arrow {
  background-image: url(../Images/arrow_select_down.svg);
  width: 12px;
  height: 8px;
  margin-right: 5px;
}
header nav div {
  display: inline;
}
/*header nav a:hover {
  text-decoration: underline;
}*/

header .ico-nav, footer .ico-nav, .popup-mobilenav .ico-nav {
  float: right;
  z-index: 900;
}
.popup-mobilenav .ico-nav {
  margin-right: 0px;
}
header .ico-nav {
  display: none;
}

header .about {
  margin-top: 115px;
}
header .about h1 {
  color: #FFFFFF;
}
header .about p {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 30px;
}
header .about .descr-wrap {
  float: left;
  width: 53%;
}
header .about .descr {
  width: 450px;
}
header .about .descr-mobile {
    display: none;
}
header .about .video-wrap {
  float: left;
  width: 47%;
}
header .about .video {
  display: inline-block;
  position: relative;
    width: 93%;
  max-width: 615px;
}
header .about .video img {
    width: 100%;
  height: auto;
  border-radius: 15px;
}

.lang-list {
  display: none;
  position: absolute;
  right: 0px;
  width: 100px;
  background-color: transparent;
  z-index: 500;
}
.lang-list div {
  display: block;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin-top: 10px;
  padding: 8px 0px;
  font-weight: 400;
  font-size: 16px;
}
.lang-list a {
  display: block;
  margin: 0px;
  padding: 5px 15px;
  color: #373737;
}
.lang-list a.active {
  color: #C6C6C6;
}
.lang-list a:hover {
  background-color: #4E96DA;
  color: #FFFFFF;
}
.lang-selector {
  position: relative;
}
.lang-selector:hover .lang-list {
  display: block;
}
.lang-select {
  width: 100%;
}

.video .btn-play, .img .btn-play {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 99px;
  height: 99px;
  margin-left: -50px;
  margin-top: -50px;
  background-position: left top;
  background-image: url(../Images/btn_play.svg);
  background-repeat: no-repeat;
}
.video:hover .btn-play, .img:hover .btn-play {
  opacity: 0.8;
}

header .cloud {
  margin-top: 50px;
  font-size: 20px;
  line-height: 1.4;
  width: 475px;
  padding-left: 71px;
}
header .cloud a {
  color: #ffffff;
}
header .cloud .ico {
  display: block;
  float: left;
  width: 61px;
  height: 52px;
  margin-left: -71px;
  background-position: left top;
  background-image: url(../Images/ico_cloud.svg);
  background-repeat: no-repeat;
}
/* end header */

/* footer */
footer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 290px;
  z-index: 850;
  color: #C6C6C6;
}
footer .block-center {
  background-color: #373737;
  height: 100%;
  padding-top: 50px;
}

footer table.nav {
  width: 100%;
  border-collapse: collapse;
  padding: 0px;
}
footer table.nav th, footer table.nav td {
  padding-right: 30px;
  vertical-align: top;
  font-size: 14px;
  line-height: 2.1;
  text-align: left;
  color: #C6C6C6;
}
footer .nav th {
  font-weight: 800;
}
footer .nav a {
    display: block;
  color: #C6C6C6;
}
footer .nav a.sel {
  color: #C6C6C6;
}
footer .nav .copyrights {
    margin-top: 25px;
}
footer .presentation, .popup-mobilenav .presentation {
  line-height: 1.2;
}
footer .presentation {
  padding-left: 25px;
  display: inline-block;
  margin-top: 28px;
}
.popup-mobilenav .presentation {
  margin-top: 55px;
  color: #C6C6C6;
  width: 250px;
}
footer .presentation:hover, .popup-mobilenav .presentation:hover {
  text-decoration: none;
}
footer .presentation .bg-ico, .popup-mobilenav .presentation .bg-ico {
  display: inline-block;
  float: left;
  width: 16px;
  height: 16px;
  background-color: #4E96DA;
  border-radius: 50%;
  text-align: center;
  margin-left: -25px;
  margin-top: 3px;
}
.popup-mobilenav .presentation .bg-ico {
  margin-top: 5px;
}
footer .presentation .bg-ico .ico, .popup-mobilenav .presentation .bg-ico .ico {
  display: inline-block;
  width: 8px;
  height: 12px;
  vertical-align: top;

  background-position: left top;
  background-image: url(../Images/arrow_dwn.svg);
  background-repeat: no-repeat;
}
footer .presentation .details, .popup-mobilenav .presentation .details {
  color: #838383;
}
footer .presentation:hover .link, .popup-mobilenav .presentation:hover .link {
  text-decoration: underline;
}

footer.mobile {
  display: none;
  height: 80px;
}
footer.mobile .block-center {
  padding-top: 30px;
}
/* end footer */

article {
}
article header {
    background: none;
    height: auto;
}
.right-rules {
  position: relative;
  padding-right: 330px;
}
aside.right-rules {
  position: relative;
  float: right;
  width: 380px;
  margin-right: -430px;
  padding-right: 0px;
}

/* advantages */
.block-advantages {
    display: flex;
    flex-direction: row;
    margin: -135px -15px 0px -15px;
    padding-top: 15px;
    height: 215px;
    overflow: auto;
}
.block-advantages a {
    flex: 1 1 auto;
    margin: 0px 15px;
    height: 180px;
    background-color: #ffffff;
    box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    min-width: 335px;
    padding: 20px;
    color: #555555;
}
.block-advantages a:hover {
    text-decoration: none;
}
.block-advantages a .title {
    display: block;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #CBCBCB;
    margin-bottom: 15px;
}
.block-advantages a .descr {
    display: block;
    width: 275px;
    padding-left: 115px;
    padding-top: 15px;
}
.block-advantages a:hover .descr {
    text-decoration: underline;
}
.block-advantages a .descr .ico {
    float: left;
    margin-left: -100px;
    margin-top: -15px;
}
/* end advantages */

/* block about */
.block-about {
    margin-top: 100px;
}
.block-about .descr {
    float: left;
    width: 69%;
    padding-right: 30px;
}
.block-about .presentation {
    float: left;
    width: 31%;
}
.block-about .presentation a {
    display: inline-block;
    width: 210px;
    padding-left: 65px;
}
.block-about .presentation a .ico {
  width: 45px;
  height: 38px;
  margin-left: -65px;
  margin-top: 5px;
  float: left;
  background-position: left top;
  background-image: url(../Images/ico_pdf_blue.svg);
  background-repeat: no-repeat;
}
/* end block about */

/* block introducing */
.block-introducing {
    margin-top: 100px;
    padding-left: 370px;
    padding-top: 60px;
    width: 90%;
}
.block-introducing .img {
    float: left;
    width: 311px;
    margin-left: -370px;
    margin-top: -60px;
}
.block-introducing .img img {
    width: 100%;
    height: auto;
}
.block-introducing p {
    margin-bottom: 30px;
}
/* end block introducing */

/* block promo */
.block-promo {
    margin-top: 100px;
  border-radius: 15px;
  background-color: rgba(78, 150, 218, 0.1);
  /*background-position: right center;
  background-image: url(../bg_promo.png);
  background-repeat: no-repeat;*/
}
.block-promo > .title {
  font-size: 20px;
    padding: 30px 300px 30px 30px;
}
.block-promo > .more {
  display: flex;
  align-items: start;
    padding: 0px 300px 30px 30px;
  border-radius: 0px 0px 15px 15px;
  background: none;
}
.block-promo > .more > span {
  display: block;
  max-width: 243px;
  padding-right: 40px;
  font-style: italic;
}
.block-promo > .more .btn {
  color: #4E96DA;
  border-color: #4E96DA;
  border-width: 1px;
  border-style: solid;
  background: none;
}
/* end block promo */


/* block try now */
.block-try {
  margin: 70px auto 0px auto;
  width: 550px;
  padding-left: 205px;
    padding-top: 25px;
}
.block-try .img {
    float: left;
    width: 165px;
    margin-left: -205px;
    margin-top: -25px;
}
.block-try .img img {
    width: 100%;
    height: auto;
}
.block-try p {
    margin-bottom: 30px;
}
/* end block try now */

/* page header */
.block-content-hdr nav {
    display: flex;
    flex-direction: row;
  line-height: 1.2;
  font-size: 20px;
  margin-bottom: -1px;
  white-space: nowrap;
  overflow: auto;
}
.block-content-hdr nav.desktop {
    display: block;
    float: right;
    overflow: hidden;
}
.block-content-hdr nav a {
  margin-right: 50px;
  color: #555555;
  padding-bottom: 15px;
}
.block-content-hdr nav a.mobile {
  display: none;
}
.block-content-hdr nav.desktop a {
    margin-left: 50px;
  margin-right: 0px;
}
.block-content-hdr nav a:last-child {
  margin-right: 0px;
}
.block-content-hdr nav a:hover, .block-content-hdr nav a.sel {
  color: #4E96DA;
  text-decoration: none;
}
.block-content-hdr nav a.sel {
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  border-color: #4E96DA;
}

.block-tags {
    position: relative;
  white-space: nowrap;
  line-height: 39px;
  margin: 30px 0px -20px 0px;
  z-index: 100;
}
.block-tags .items {
    display: flex;
    flex-direction: row;
  overflow: hidden;
}
.block-tags .items a {
    height: 39px;
    padding: 0px 25px;
    background-color: #ECECEC;
  margin-right: 20px;
  color: #555555;
  border-radius: 99px;
}
.block-tags .items a.sel, .block-tags .items a:hover {
    background-color: #4E96DA;
  color: #ffffff;
  text-decoration: none;
}
.block-tags a.btn-prev, .block-tags a.btn-next {
    display: none;
    position: absolute;
    top: 0px;
    width: 39px;
    height: 39px;
  border-radius: 50%;
  border: 1px solid #555555;
  background-position: center center;
  background-repeat: no-repeat;
}
.block-tags a.btn-prev {
    left: 0px;
    margin-left: -60px;
  background-image: url(../Images/arrow_prev.svg);
}
.block-tags a.btn-next {
    right: 0px;
    margin-right: -60px;
  background-image: url(../Images/arrow_next.svg);
}
.block-tags a.btn-prev:hover {
    border-color: #4E96DA;
  background-image: url(../Images/arrow_prev_hover.svg);
}
.block-tags a.btn-next:hover {
    border-color: #4E96DA;
  background-image: url(../Images/arrow_next_hover.svg);
}
/* end page header */

.items-features, .items-support, .items-community,
.items-downloads, .items-buy, .items-about {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0px -15px 0px -15px;
}
.items-downloads.col-1 {
    flex-direction: column;
}
.items-buy.services {
    margin: 30px -15px 50px -15px;
}
.items-features .item, .items-support .item, .items-community .item,
.items-downloads .item, .items-buy .item {
    flex: 1 1 auto;
    margin: 0px 15px 30px 15px;
    background-color: #ffffff;
    box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    width: 21%;
    max-width: 23%;
}
.items-support .item, .items-community .item, .items-buy .item {
    width: 43%;
    max-width: 48%;
}
.items-downloads .item, .items-buy.col-3 .item {
    width: 30%;
    max-width: 31%;
}
.items-downloads.flat .item, .items-buy.flat .item {
    background: none;
    box-shadow: none;
}
.items-downloads.col-1 .item {
    width: auto;
    max-width: none;
}
.items-downloads.col-2 .item {
    width: 43%;
    max-width: 48%;
}
.items-downloads.col-2 .item.col-1 {
    width: 97%;
    max-width: 99%;
}
.items-buy.countries .item {
    width: 21%;
    max-width: 23%;
}
.items-features .item .img, .items-support .item .img, .items-community .item .img,
.items-downloads .item .img {
    position: relative;
    display: block;
  width: 100%;
  height: 250px;
    border-radius: 15px 15px 0px 0px;
  overflow: hidden;
}
.items-support .item .img, .items-community .item .img {
  height: 400px;
}
.items-downloads .item .img {
  height: 340px;
}
.items-features .item .img img, .items-support .item .img img {
  width: auto;
  height: 100%;
}
.items-support.blog .item .img img,
.items-community .item .img img,
.items-downloads .item .img img {
  width: 100%;
  height: auto;
}
.items-features .item .descr, .items-support .item .descr,
.items-community .item .descr {
    padding: 20px 10px 10px 20px;
}
.items-community .item.got-project .descr {
    padding: 65px 75px 20px 100px;
}
.items-downloads .item .descr, .items-buy .item .descr {
    padding: 30px 20px 10px 30px;
}
.items-downloads.col-1 .item .descr {
    padding: 35px 30px 10px 180px;
}
.items-buy.products .item .descr {
    padding: 35px 30px 20px 180px;
}
.items-downloads.col-2 .item.col-1 .descr {
    padding: 30px 30px 10px 180px;
}
.items-downloads.samples .item .descr {
    padding: 20px 10px 10px 20px;
}
.items-buy.countries .item .descr {
    padding: 20px 10px 20px 30px;
}
.items-buy.services .item .descr {
    padding: 30px 20px 30px 30px;
}
.items-features .item .descr h4 {
  font-size: 18px;
  line-height: 22px;
}
.items-features .item .descr p {
  margin-bottom: 15px;
}
.items-community .item.got-project .descr h1 {
  margin-bottom: 20px;
}
.items-community .item.got-project .descr p {
  margin-bottom: 30px;
}
.items-community .item.got-project .descr img {
  margin-bottom: 40px;
}
.items-community.articles .descr h4 {
  margin-bottom: 20px;
  min-height: 84px;
}
.items-community.articles .descr p {
  margin-bottom: 10px;
}
.items-downloads.col-1 .item .descr img,
.items-downloads.col-2 .item.col-1 img,
.items-buy.products .item .descr img {
    float: left;
    margin-left: -140px;
}
.items-downloads .item h2 {
    font-size: 37px;
    line-height: 44px;
    font-weight: 900;
}
.items-downloads.col-1 .item h2 {
    margin-top: 5px;
}
.items-downloads .item h3, .items-buy.col-3 .item h3 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
}
.items-downloads .item h4 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
}
.items-downloads.samples .item h4 {
    font-size: 20px;
    line-height: 24px;
}
.items-buy.products .item h4 {
    margin-top: 13px;
}
.items-buy.countries .item a {
    display: block;
    line-height: 40px;
    color: #555555;
}
.items-buy.services .item .img {
    height: 100px;
    line-height: 100px;
    margin-bottom: 20px;
}
.items-buy.services .item .img img {
    vertical-align: middle;
}
.items-buy.services .item .descr h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
}

.items-downloads .item .hdr {
    padding-left: 65px;
}
.items-downloads .item .hdr img {
    float: left;
    margin-left: -65px;
}

.block-downloads {
    padding-right: 340px;
}
.items-downloads.float {
    float: left;
    width: 100%;
}
aside.downloads {
    float: right;
    margin-right: -340px;
    width: 340px;
}
aside.downloads img {
    margin-top: 40px;
    margin-bottom: 10px;
}
aside.downloads img:first-child {
    margin-top: 0px;
}
aside.downloads p {
    margin-bottom: 10px;
}

.items-downloads .item p.li {
  padding-left: 33px;
}
.items-downloads .item p.li .light {
  float: left;
  margin-left: -33px;
}

.cols {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0px -20px;
}
.cols .col {
    flex: 1 1 auto;
    margin: 10px 20px 20px 20px;
    width: 40%;
    max-width: 48%;
}
.items-downloads.col-2 .cols .col {
    margin: 0px 0px 20px 20px;
    width: 98%;
    max-width: none;
}
.cols .col h4, .items-downloads .cols .col h4 {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 13px;
}
.cols .col p {
    margin-bottom: 7px;
}

.countries .item sup {
  color: #30D365;
  font-size: 10px;
}

table.compare {
  width: 100%;
  border-collapse: collapse;
}
table.compare th {
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0px 15px 0px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #ECECEC;
  text-align: left;
  vertical-align: top;
}
table.compare td {
  padding: 15px 0px 15px 0px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #ECECEC;
  vertical-align: middle;
}
table.compare td.spacer, table.compare th.spacer {
  width: 50px;
  border-width: 0px 0px 0px 0px;
}

.price {
  color: #30D365;
  font-size: 37px;
}

ul.faq {
  list-style-type: none;
  list-style-image: url(../Images/ico_li.png);
}
ul.faq li {
  margin: 0px 0px 45px 0px;
  /*overflow: hidden;*/
}
ul.faq li .question {
  font-weight: 700;
}

.row-info {
  margin-top: 40px;
  padding-left: 50px;
}
.row-info .ico-info {
  float: left;
  margin-left: -50px;
  margin-top: 7px;
  width: 31px;
  height: 31px;
  text-align: center;
  background-color: #30D365;
  color: #ffffff;
  font-weight: 800;
    font-size: 25px;
    line-height: 30px;
    border-radius: 50%;
}

.row-content {
    max-width: 900px;
}
.row-content.about-product {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    padding: 35px 0px 0px 185px;
    margin-bottom: 50px;
}
.row-content.about-product img {
    float: left;
    margin: -35px 0px 0px -185px;
}

.row-update {
    max-width: 630px;
    padding: 0px 0px 0px 90px;
    margin: 70px 0px 90px 0px;
}
.row-update img {
    float: left;
    margin: 5px 0px 0px -90px;
}

.row-services {
    max-width: 650px;
    margin-bottom: 50px;
}

.blog-page {
    max-width: 900px;
}
.blog-page h4 {
  margin: 40px 0px 15px 0px;
}
.blog-page p.sm {
  margin-top: -5px;
}
.blog-page p.img {
  margin-top: -5px;
}

.page-about {
    margin-top: -50px;
    padding-right: 460px;
}
.page-about .content {
    float: left;
    width: 100%;
}
.page-about aside {
  float: right;
  width: 340px;
  margin-right: -460px;
  margin-top: 80px;
  font-size: 18px;
    line-height: 28px;
}
.page-about aside p {
  margin-bottom: 30px;
}
.items-about {
    margin-top: 50px;
}
.items-about .item {
    flex: 1 1 auto;
    margin: 0px 15px 30px 15px;
    width: 43%;
    max-width: 48%;
}

/*.pager {
  padding-top: 45px;
  margin-bottom: 60px;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #d6d6d6;
  font-size: 42px;
  font-weight: 300px;
}
.pager a, .pager span {
  display: inline-block;
  margin-right: 10px;
  color: #373737;
}
.pager span {
  color: #00d561;
  font-weight: 800;
}*/

.frm-contacts {
  float: left;
}
.frm-contacts .row {
  margin-top: 25px;
}
.frm-contacts .row:first-child {
  margin-top: 15px;
}
.frm-contacts .row input.item {
  margin-top: 25px;
}
.frm-contacts .row input.item:first-child {
  margin-right: 20px;
}

/* icons */
.ico {
  background-image: url(../Images/icons.png);
  background-repeat: no-repeat;
  display: inline-block;
}

.block-advantages .ico-showcases {
  width: 74px;
  height: 77px;
  background-position: 0px -163px;
}
.block-advantages .ico-features {
  width: 64px;
  height: 72px;
  background-position: -74px -163px;
}
.block-advantages .ico-knowledge {
  width: 75px;
  height: 79px;
  background-position: -138px -163px;
}

.ico-nav {
  width: 30px;
  height: 20px;
  background-image: url(../Images/ico_nav.svg);
  background-repeat: no-repeat;
  background-position: left top;
}

.ico-plus {
  width: 20px;
  height: 20px;
  background-image: url(../Images/ico_plus.svg);
  background-repeat: no-repeat;
  background-position: left top;
  vertical-align: middle;
}

.btn-play .ico {
  width: 21px;
  height: 22px;
  background-position: -47px -175px;
  vertical-align: top;
  margin-top: 8px;
}

.ico-pin {
  width: 10px;
  height: 17px;
  background-image: url(../Images/ico_pin.svg);
  background-repeat: no-repeat;
  background-position: left top;
  margin-right: 5px;
  margin-bottom: -1px;
}
/* end icons */

/* txt colors */
.light {
  color: #C6C6C6;
}
.green {
  color: #30D365;
}
/* end txt colors */
/* txt sizes */
.txt11 {
  font-size: 11px;
}
.txt12 {
  font-size: 12px;
}
.txt14 {
  font-size: 14px;
}
.txt16 {
  font-size: 16px;
}
.txt18 {
  font-size: 18px;
}
/* end txt sizes */
/* row, float */
.floatl, .fll {
  float: left;
}
.floatr, .flr {
  float: right;
}
/* end row, float */

/* global styles */
.hidden {
  display: none;
}
.nobg {
  background: none;
}
.noborder {
  border-width: 0px;
}
.u {
  text-decoration: underline;
}
a.u:hover {
  text-decoration: none;
}
.z {
  text-decoration: line-through;
}
.minh {
  min-height: 10px;
}

/* margins */
.marginl5, .ml5 {
  margin-left: 5px;
}
.marginl10, .ml10 {
  margin-left: 10px;
}
.marginl15, .ml15 {
  margin-left: 15px;
}
.marginl20, .ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.marginl20, .ml40 {
  margin-left: 40px;
}
.marginr5, .mr5 {
  margin-right: 5px;
}
.marginr10, .mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.margint5, .mt5 {
  margin-top: 5px;
}
.margint7, .mt7 {
  margin-top: 7px;
}
.margint10, .mt10 {
  margin-top: 10px;
}
.margint15, .mt15 {
  margin-top: 15px;
}
.margint20, .mt20 {
  margin-top: 20px;
}
.margint25, .mt25 {
  margin-top: 25px;
}
.margint30, .mt30 {
  margin-top: 30px;
}
.margint35, .mt35 {
  margin-top: 35px;
}
.margint40, .mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.margint50, .mt50 {
  margin-top: 50px;
}
.margint60, .mt60 {
  margin-top: 60px;
}
.mt65 {
  margin-top: 65px;
}
.margint70, .mt70 {
  margin-top: 70px;
}
.mt80 {
  margin-top: 80px;
}
.mb50 {
  margin-bottom: 50px;
}
/* end margins */
/* paddings */
.pdb10 {
  padding-bottom: 10px;
}
/* end paddings */
/* width */
.w100p {
  width: 100%;
}
.w610 {
  max-width: 610px;
}
/* end width */
/* height */
.h105 {
  height: 105px;
}
/* end height */
.lh18 {
  line-height: 18px;
}
.lh20 {
  line-height: 20px;
}
.lh38 {
  line-height: 38px;
}
/* */
.vat {
  vertical-align: top;
}
.vam {
  vertical-align: middle;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.ttu {
  text-transform: uppercase;
}
.fsi {
  font-style: italic;
}
.fwb, strong {
  font-weight: 700;
}
/* position */
.posrel {
  position: relative;
}
.posabs {
  position: absolute;
}
/* end position */

/* popups */
.popup {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000, endColorstr = #90000000);
    background-color: rgba(0, 0, 0, 0.9);
  display: none;
  z-index: 950;
}
.popup .popup-fix {
  position: absolute;
  width: 800px;
  height: 500px;
  padding: 40px 100px 50px 100px;
  background-color: #ffffff;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -250px;
}
.popup .btn-close {
  position: absolute;
  display: block;
  top: 50px;
  right: 50px;
  width: 25px;
  height: 25px;
  background-image: url(../Images/btn_close.svg);
  background-repeat: no-repeat;
  background-position: left top;
}
.popup-mobilenav.bottom .btn-close {
  top: auto;
  bottom: 30px;
}
.popup .btn-close:hover {
  /*background-position: -70px 0px;*/
}

.popup-video video {
    width: 100%;
    height: auto;
}
.popup-video iframe {
    width: 100%;
    height: 100%;
}

.popup-buy .popup-fix {
  height: 450px;
  margin-top: -225px;
}
.popup-buy .popup-fix p {
  margin-bottom: 10px;
}

.popup-rules {
  position: relative;
  padding: 10px 25px 50px 25px;
  background-color: #f6f6f6;
  display: none;
}
.popup-rules h4 {
  margin-bottom: 20px;
}
.popup-rules p {
  font-size: 12px;
}

.popup-trial {
  position: relative;
  display: none;
}
.popup-trial .popup-flex {
  display: flex;
}
.popup-trial .frm-trial {
  /*padding-right: 320px;*/
  padding-right: 70px;
}
.popup-trial .right-info {
  width: 250px;
  padding-top: 95px;
}

.popup-mobilenav {
  position: absolute;
  background-color: #4E96DA;
  right: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  /*min-height: 490px;*/
  padding: 100px 50px 0px 120px;
  color: #ffffff;
  z-index: 950;
}
.popup-mobilenav nav {
    font-size: 20px;
    line-height: 2.5;
}
.popup-mobilenav nav a {
  display: block;
  color: #ffffff;
}

.popup-mobilenav.bottom {
  background-color: #373737;
  padding: 0px 0px 0px 0px;
}
.popup-mobilenav.bottom nav {
  position: absolute;
    bottom: 100px;
    left: 120px;
}
/* end popups */

img.fig {
  margin: 10px 25px 25px 0px;
  display: block;
}
article div.blog-page div.panel {
  overflow: auto;
}

.block-content-full {
	margin-left: -100px;
	margin-right: -100px;
}

.el-tablet, .el-mobile {
	display: none !important;
}

.brandbook-hdr {
	font-size: 32px;
	line-height: 1.3;
}
.brandbook-hdr > h1 {
	font-size: 60px;
	margin-bottom: 20px;
}
.brandbook-hdr nav {
	margin-top: 75px;
	margin-bottom: 70px;
	display: flex;
	font-size: 20px;
	overflow: auto;
}
.brandbook-hdr nav a {
	margin-right: 50px;
	white-space: nowrap;
}

/* brandbook */
.block-brandbook {
	margin-top: 105px;
}
.block-brandbook:first-child {
	margin-top: 155px;
}
.block-brandbook h2 {
	margin-bottom: 50px;
}
.block-brandbook h2 > span {
	display: block;
	font-size: 20px;
	margin-top: 10px;
}
.block-brandbook .hdr-link {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.block-brandbook .hdr-link a {
	font-size: 20px;
}

.block-brandbook.images .images-info {
	margin-top: -30px;
	margin-bottom: 40px;
}

.brandbook-examples {
	display: flex;
}
.brandbook-examples.fonts {
	margin-top: 100px;
	align-items: stretch;
	padding-bottom: 60px;
}
.brandbook-examples > img, .brandbook-examples > div {
	flex-grow: 1;
}
.brandbook-examples > div {
	position: relative;
}
.brandbook-examples > div > a.img {
	position: relative;
	display: block;
}
.brandbook-examples.fonts > div {
	padding-right: 50px;
	padding-left: 50px;
}
.brandbook-examples.fonts > div:first-child {
	padding-left: 0px;
	max-width: 50%;
	margin-top: -10px;
}
.brandbook-examples.fonts > div:last-child {
	padding-right: 0px;
}
.brandbook-examples.images > div, .brandbook-examples.logotypes > div {
	display: flex;
}
.brandbook-examples > div.double {
	flex-grow: 2;
}
.brandbook-examples > div img {
	max-width: 100%;
}
.brandbook-examples > .brandbook-info {
	max-width: 50%;
}

.block-brandbook .brandbook-info {
	display: flex;
	font-size: 22px;
	margin-top: 50px;
	margin-bottom: 100px;
}
.block-brandbook .brandbook-info.pdl {
	padding-left: 100px;
}
.block-brandbook .brandbook-info.videos {
	flex-direction: column;
	align-items: center;
}
.block-brandbook .brandbook-info.products {
	flex-direction: column;
	padding-left: 100px;
}
.brandbook-info > .main {
	width: 60%;
	padding-right: 50px;
}
.brandbook-examples > .brandbook-info > .main {
	width: 75%;
}
.brandbook-info > .details p {
	margin-top: 20px;
	font-size: 16px;
}
.brandbook-info.videos .details, .brandbook-info.products .details, 
.brandbook-examples .brochure-info .details {
	display: flex;
	align-items: center;
	font-size: 16px;
}
.brandbook-info.videos .details, .brandbook-info.products .details {
	padding: 15px 0px 40px 0px;
}
.brandbook-info.videos .details > a, .brandbook-info.products .details > a, 
.brandbook-examples .brochure-info .details > a {
	margin-right: 20px;
}

.brandbook-examples.brochure {
	align-items: stretch;
	background-color: #F4F4F4;
}
.brandbook-examples.brochure > div {
	display: flex;
}
.brandbook-examples .brochure-info {
	width: 50%;
	background-color: #F3FFF4;
	align-items: center;
	padding: 0px 100px;
	font-size: 20px;
}
.brandbook-examples .brochure-info > div {
	max-width: 415px;
}
.brandbook-examples .brochure-info h2 {
	margin-bottom: 15px;
}
.brandbook-examples .brochure-info p {
	margin-bottom: 30px;
}

.color-example {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 400px;
	padding: 0px 100px;
	color: #ffffff;
	background-color: #555555;
}
.color-example.bg-green {
	background-color: #30D365;
}
.color-example.bg-blue {
	background-color: #4E96DA;
}
.color-example p {
	margin-bottom: 10px;
}

.font-example {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.font-example p {
	margin-top: 40px;
	margin-bottom: 20px;
}
/* end brandbook */