/* font-family: "MyriadProRegular"; */
@font-face {
    font-family: "MyriadProRegular";
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot");
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
    url("../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProBold"; */
@font-face {
    font-family: "MyriadProBold";
    src: url("../fonts/MyriadProBold/MyriadProBold.eot");
    src: url("../fonts/MyriadProBold/MyriadProBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProBold/MyriadProBold.woff") format("woff"),
    url("../fonts/MyriadProBold/MyriadProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProItalic"; */
@font-face {
    font-family: "MyriadProItalic";
    src: url("../fonts/MyriadProItalic/MyriadProItalic.eot");
    src: url("../fonts/MyriadProItalic/MyriadProItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProItalic/MyriadProItalic.woff") format("woff"),
    url("../fonts/MyriadProItalic/MyriadProItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProSemiBold"; */
@font-face {
    font-family: "MyriadProSemiBold";
    src: url("../fonts/MyriadProSemiBold/MyriadProSemiBold.eot");
    src: url("../fonts/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"),
    url("../fonts/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProBoldItalic"; */
@font-face {
    font-family: "MyriadProBoldItalic";
    src: url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot");
    src: url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.woff") format("woff"),
    url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProSemiBoldItalic"; */
@font-face {
    font-family: "MyriadProSemiBoldItalic";
    src: url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot");
    src: url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.woff") format("woff"),
    url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


/* font-family: "GothamProRegular"; */
@font-face {
    font-family: "GothamProRegular";
    src: url("../fonts/GothamProRegular/GothamProRegular.eot");
    src: url("../fonts/GothamProRegular/GothamProRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff"),
    url("../fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBold"; */
@font-face {
    font-family: "GothamProBold";
    src: url("../fonts/GothamProBold/GothamProBold.eot");
    src: url("../fonts/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBold/GothamProBold.woff") format("woff"),
    url("../fonts/GothamProBold/GothamProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBlack"; */
@font-face {
    font-family: "GothamProBlack";
    src: url("../fonts/GothamProBlack/GothamProBlack.eot");
    src: url("../fonts/GothamProBlack/GothamProBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBlack/GothamProBlack.woff") format("woff"),
    url("../fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProItalic"; */
@font-face {
    font-family: "GothamProItalic";
    src: url("../fonts/GothamProItalic/GothamProItalic.eot");
    src: url("../fonts/GothamProItalic/GothamProItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProItalic/GothamProItalic.woff") format("woff"),
    url("../fonts/GothamProItalic/GothamProItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProMedium"; */
@font-face {
    font-family: "GothamProMedium";
    src: url("../fonts/GothamProMedium/GothamProMedium.eot");
    src: url("../fonts/GothamProMedium/GothamProMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProMedium/GothamProMedium.woff") format("woff"),
    url("../fonts/GothamProMedium/GothamProMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProLight"; */
@font-face {
    font-family: "GothamProLight";
    src: url("../fonts/GothamProLight/GothamProLight.eot");
    src: url("../fonts/GothamProLight/GothamProLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProLight/GothamProLight.woff") format("woff"),
    url("../fonts/GothamProLight/GothamProLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProMediumItalic"; */
@font-face {
    font-family: "GothamProMediumItalic";
    src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot");
    src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProMediumItalic/GothamProMediumItalic.woff") format("woff"),
    url("../fonts/GothamProMediumItalic/GothamProMediumItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProLightItalic"; */
@font-face {
    font-family: "GothamProLightItalic";
    src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot");
    src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProLightItalic/GothamProLightItalic.woff") format("woff"),
    url("../fonts/GothamProLightItalic/GothamProLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBoldItalic"; */
@font-face {
    font-family: "GothamProBoldItalic";
    src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot");
    src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBoldItalic/GothamProBoldItalic.woff") format("woff"),
    url("../fonts/GothamProBoldItalic/GothamProBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBlackItalic"; */
@font-face {
    font-family: "GothamProBlackItalic";
    src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot");
    src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBlackItalic/GothamProBlackItalic.woff") format("woff"),
    url("../fonts/GothamProBlackItalic/GothamProBlackItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url(../fonts/fontawesome-webfont.eot?v=4.5.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.5.0) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.5.0) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.5.0) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
}

input[type="text"]:focus,
button:focus,
input[type="text"]:active,
button:active { outline: none; }

body {
  font-family: Myriad pro, "MyriadProRegular", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #384046;
  font-size: 16px !important;
  line-height: 26px;
  background-color: #edeef0;
}

.b-header>.navbar-default {
    background   : #3c7a9f;
    border-color : #fff;
    margin-bottom: 0px;
}

.b-header__logo {
    width: 124px;
    height: 48px;
    margin: 3px 0;
    background: url('../images/proweb_logo_01.png') no-repeat;
    background-size: contain;
}

.b-header__logo .navbar-brand {
  height : 48px;
  padding: 24px 62px;
  margin-left: 0 !important;
}

.b-header .navbar-toggle {
   margin-top: 30px !important;
   border-color: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus,
.b-header .navbar-toggle:hover {
  background-color: #3598DB;
}

.b-icon_bar {
    background-color: #fff !important;
}

    .new-header-flex {
        display: flex;
        align-items: center;
        /* justify-content: space-between; */
    }
    
    .b-header-contacts {
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: normal;
        margin-left: auto;
    }
    
    .b-header-contacts a,
    .b-header-contacts a:hover,
    .b-header-contacts a:focus {
        color: #ffffff;
        text-decoration: none;
        display: flex;
        align-items: center;
    }
    
    .b-header-contacts a:first-of-type {
        margin-right: 30px;
    }
    
    .b-header-contacts a span {
        line-height: 0;
    }
    
    .b-header-contacts a span i {
        padding: 7px;
        margin: 6px;
        border: 1px solid #ffffff;
        border-radius: 50px;
        font-size: 13px;
    }

    .menu-burger {
        padding: 5px 5px 5px 22px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        cursor: pointer;
        margin-left: 16px;
        border-left: 1px solid #fff;
    }

    .menu-burger-line {
        display: block;
        height: 2px;
        width: 40px;
        background: #fff;
        margin: 4px 0;
    }

    .menu-burger:hover .menu-burger-line:nth-child(2) {
        width: 30px;
        transition: all 0.2s ease-out;
    }

    .new-drop-menu {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 320px;
        height: 100%;
        background-color: #fff;
      /* background: linear-gradient(0deg, rgba(240,253,255,1) 0%, rgba(228,242,255,1) 100%, rgba(0,212,255,1) 100%); */
      box-shadow: 0 0 10px #4c4341;
        z-index: 9999;
        overflow: auto;
    }
    
    .new-drop-menu .navbar-nav {
        margin: 0 0;
    }

    .new-drop-menu-title {
        padding: 15px 15px;
        font-size      : 24px;
        text-transform: uppercase;
        border-bottom: 1px solid #dcdcdc;
        position: relative;
    }

    .new-drop-menu-close {
        position: absolute;
        right: 15px;
        top: 12px;
        font-size: 32px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 26px;
        height: 26px;
    }

    .new-drop-submenu {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .new-drop-submenu li a {
        font-size: 16px !important;
        text-transform: none !important;
        padding: 5px 10px !important;
    }

.b-header__nav {
    width: 100%;
    padding-bottom: 15px;
}

ul.b-header__nav {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

ul.b-header__nav li {
    width: 100%;
    padding: 0 0px;
    text-align: center;
}

ul.b-header__nav>li {
 border-bottom: 1px solid #dcdcdc;   
}


ul.b-header__nav li a {
    display        : inline-block;
    padding        : 10px 10px;
    color          : #3c7a9f !important;
    font-size      : 18px;
    text-transform : uppercase;
    text-decoration: none;
    width: 100%;
}

ul.b-header__nav li a:hover {
    color             : #333 !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition   : all 0.5s ease-in-out;
    -o-transition     : all 0.5s ease-in-out;
    transition        : all 0.5s ease-in-out;
    text-decoration   : underline;
    background: #fff;
}

.b-service__in_main {
    display: none;
    overflow: hidden;
    width: 100%;
    padding: 15px 0;
    height: auto;
    background: url(../images/banner-01.jpg) top center no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: rgba(255,255,255,0.85);
}

.banner-item {
  text-align:center;
  display:inline-block;
  margin: 15px 0px;
}


.banner-icon {
  margin-top           : 0px;
  width                : 134px;
  height               : 134px;
  border               : 2px solid #2EECC5;
  background-repeat    : no-repeat;
  background-position  : center center;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  display              : inline-block;
}

.icon-vizitka {
    background: url(../images/Display_icon-icons.png) no-repeat;
    background-position: center center;
    background-size: 40%;
}

.icon-start {
    background: url(../images/brightness.png) no-repeat;
    background-position: center center;
    background-size: 40%;
}

.icon-standart {
    background: url(../images/Rocket_icon-icons.png) no-repeat;
    background-position: center center;
    background-size: 40%;
}
.icon-bussines {
    background: url(../images/Phone-booth_icon-icons.png) no-repeat;
    background-position: center center;
    background-size: 40%;
}
.icon-catalog {
    background: url(../images/Bag_icon-icons.png) no-repeat;
    background-position: center center;
    background-size: 40%;
}
.icon-home {
    background: url(../images/home.png) no-repeat;
    background-position: center center;
    background-size: 40%;
}

.icon-seo {
    background: url(../images/Magnifier_icon-icons.png) no-repeat;
    background-position: center center;
    background-size: 40%;
}

.icon-app {
    background: url(../images/icon-terminal.svg) no-repeat;
    background-position: center center;
    background-size: 40%;
}

.icon-support {
    background: url(../images/icon-settings.svg) no-repeat;
    background-position: center center;
    background-size: 40%;
}

.icon-adaptive {
    background: url(../images/Puzzle_icon-icons.png) no-repeat;
    background-position: center center;
    background-size: 40%;
}

.banner-text {
    text-align    : center;
    letter-spacing: 1px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
}

.b-item-type-site,
.banner-text a {
  text-align    : center;
  font-size     : 14px;
  line-height   : 14px;
  text-transform: uppercase;
  color         : #2EECC5; /* rgba(255, 255, 255, 0.65); */
}

.b-item-type-site:hover,
.b-item-type-site:focus {
    color         : #fff;
}

.b-item-type-site:hover,
.b-item-type-site:focus,
.banner-text a:hover {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
}


.b-aboutus__in_main {
  padding-top: 20px;
  padding-bottom: 20px;
}

.b-title__main-main {
    position: relative;
    margin: 28px 0px 15px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}

.b-title__main-main h1 {
    margin: 0px;
    background: linear-gradient(91.2deg, #B5FEEF 10.31%, #2EECC5 165.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: bold;
}

.b-title__main-main strong {
    border-bottom: 1px solid #fff;
}

.b-aboutus__in_portfolio {
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: calc(100vh - 435px);
  /* background: linear-gradient(0deg, rgba(240,253,255,1) 0%, rgba(228,242,255,1) 100%, rgba(0,212,255,1) 100%) */
}

.b-contacts-page {
    padding-top: 20px;
    padding-bottom: 0px;
    min-height: calc(100vh - 435px);
}

.b-aboutus__in_price {
  padding: 20px 0px;
  background: #f0f0f0;
}

.b-bg_001 {
    position: relative;
    /*background: url('../images/bg_001-06032020.jpg') no-repeat !important;*/
    background-size: cover !important;
}

.b-bg_003 {
    position: relative;
  /* background: url('../images/footer_background.jpg') no-repeat !important; */
    /*background: url('../images/binary-code.jpg') no-repeat !important;*/
    background-color: #1E1E1E;
    background-image: url('../images/bg_main001.png');
  background-size: cover !important;
    background-repeat: no-repeat;
}

.b-bg_004 {
    background-color: #1E1E1E;
    background-image: url(/assets/chema/images/bg_line002.png);
    background-position: center;
    background-size: cover !important;
    background-repeat: no-repeat;
}

.b-bg_adaptive {
    position: relative;
  background: url('../images/b-bg_adaptive.jpg') no-repeat !important;
  background-size: cover !important;
  background-position: center;
  padding: 50px 0 180px;
}

.b-bg_adaptive-seo {
    position: relative;
    background: url('../images/seo-bg.jpg') no-repeat !important;
    background-size: cover !important;
    background-position: center;
    padding: 50px 0 180px;
}

.h2-command {
    color: #fff;
}

.b-panel_in_main {
  cursor            : pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
}

a.b_me {
  text-decoration: none;
  text-align: center;
}

.b-panel_in_main-db .panel-heading {
    color     : #384046;
    background: none;
}

a.b_me .panel-heading {
    color     : #384046;
    background: rgba(255, 255, 255, 0.5);
}

a.b_me .panel-heading>h2 span {
      border       : 1px solid #384046;
}

.b-panel_in_main .panel-heading {
  padding: 10px 10px;
  background-color: #3598DB;
  color: #fff;
}

.b-panel_in_main-ll,
.b-panel_in_main-ll .panel-heading{
    border-color: #313131;
}

.b-panel_in_main-ll .panel-heading>h2 span {
    border       : 1px solid #fff !important;
}

.b-panel_in_main-db .panel-heading>h2,
.b-panel_in_main .panel-heading>h2,
.b-panel_in_main-ll .panel-heading>h2 {
  font-size: 26px;
}

.b-panel_in_main .panel-heading>h2 span {
  border-radius: 50%;
  padding      : 10px 10px;
  margin-right : 10px;
  border       : 1px solid #fff;
  background   : rgba(255, 255, 255, 0.1);
}


.b-panel_in_main-ll .panel-heading>h2 span {
  border-radius: 50%;
  padding      : 10px 10px;
  margin-right : 10px;
  border       : 1px solid #fff;
  background   : rgba(255, 255, 255, 0.1);
}

.b-panel_in_main {
  background: none !important;
}

.b-panel_in_main-db .panel,
.b-aboutus__in_portfolio .panel,
.b-panel_in_main .panel-body {
  color: #384046;
}

.b-panel_in_main-ll,
.b-panel_in_main-ll .panel-heading,
.b-panel_in_main-ll .panel-body {
  color: #fff !important;
  background-color: rgba(35, 35, 35, 0.5) !important;
}

.panel {
     border       : 1px solid #ccc9c9;
     border-radius: 0;
     box-shadow   : none;
}

.b-footer {
    background: #1E1E1E;
}

.b-contacts {
  margin-top: 35px;
  background   : rgba(255, 255, 255, 0.5);
  padding      : 3px 15px 15px 15px;
  font-size    : 22px;
  line-height  : 16px;
  border-radius: 4px;
}

.b-contacts__form {
    margin-top   : 10px;
    background   : rgb(255, 153, 51);
    padding      : 3px 15px 15px 15px;
    font-size    : 22px;
    line-height  : 16px;
}

.b-copyright {
    font-size: 13px;
    color    : #949596;
}

.sub-footer-con {
    color    : #d4d4d5;
    font-size: 13px;
    padding: 10px 10px;
}

.sub-footer-con h4 {
    font-size: 15px;
    color: #b7b7b7;
    font-weight: bold;
}

.sub-footer-con p {
    margin: 0px 0px 5px 0px;
}

.i-icon-appsGoogle {
    display        : inline-block;
    width          : 125px;
    height         : 45px;
    background     : url(/assets/chema/images/svg/rustore-btn.png) no-repeat;
    background-size: 125px 45px;
    border         : 1px solid #949596;
    border-radius  : 4px;
}

.i-icon-vkontakte {
    display        : inline-block;
    width          : 34px;
    height         : 34px;
    background     : url('/assets/chema/images/social_vk.png') no-repeat;
    background-size: 34px 34px;
    filter: opacity(0.5);
}

.i-icon-facebook {
    display        : inline-block;
    width          : 34px;
    height         : 34px;
    background     : url('/assets/chema/images/social_fb.png') no-repeat;
    background-size: 34px 34px;
    filter: opacity(0.5);
}

.i-icon-tweeter {
    display        : inline-block;
    width          : 34px;
    height         : 34px;
    background     : url('/assets/chema/images/social_tw.png') no-repeat;
    background-size: 34px 34px;
    filter: opacity(0.5);
}

.sendBotton:hover,
.sendBotton:active,
.sendBotton:focus,
.sendBotton:visited,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  border-color    : #3c7a9f;
}

.b-blog-item-intro {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.b-item-heading_blog {
  padding: 20px 10px;
  color: #fff;
  margin: 0;
}

.drop-down-category-container {
  margin-top: 30px;
}

.drop-down-category-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #3c7a9f;
}

.b-category__blog {
    display: none;
    height: 100%;
    max-height: 355px;
    overflow: auto;
    border: 2px solid #3c7a9f;
}


.drop-down-category-menu .b-item-heading_blog {
    font-size: 14px;
    text-transform: uppercase;
}

.drop-down-category-menu .b-item-heading_blog a {
    color: #fff !important; 
    text-decoration: none;
}

.drop-down-category-menu .b-item-heading_blog a .glyphicon {
    margin-right:5px;
}

.drop-down-category-menu .glyphicon {
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
}

.b-category__blog a.list-group-item {
  border-radius: 0;
  /* border: 1px solid #384046; */
}

.pagination {
  display        : flex;
  padding        : 20px 0px;
}

.pagination2,
.pagination li {
     list-style-type: none;
}

.pagination2 {
    display: flex;
}


.pagination > li > a,
.pagination > li > span,
.pagination > li > ul > li > a,
.pagination > li > ul > li > span {
  position        : relative;
  padding         : 6px 12px;
  margin-left     : -1px;
  line-height     : 1.42857143;
  color           : #384046;
  text-decoration : none;
  background-color: #fff;
  border          : 1px solid #384046;
}

.pagination > li:last-child > a, 
.pagination > li:last-child > span {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.pagination > li > ul > li > a.active,
.pagination > li > ul > li > span.active,
.pagination > li > a.active,
.pagination > li > span.active {
      background-color: #384046;
      color: #fff;
}

.pagination > li > ul > li > span:hover,
.pagination > li > ul > li > a:hover,
.pagination > li > ul > li > a:focus,
.pagination > li > ul > li > span:focus,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover {
    border: 1px solid #384046;
}

.b-portfolio__category h2 {
  display: inline-block;
  padding: 5px 15px;
  font-size: 20px;
}

.b-portfolio__category h2>a {
  color: #384046 !important;
}

.b-portfolio__category {
  margin-top: -20px;
}

.b-portfolio__category h2:first-of-type {
  margin-right: 5px;
}

.b-active__cat {
  background: #3c7a9f;
  color: #fff;
  border-radius: 4px;
}

.b-portfolio__category h2>a {
  text-decoration: none;
  color: #3598DB;
}

h3 {
  font-size: 22px;
}

h2 {
  font-size: 24px;
}

h1.b-my__title {
    font-size: 26px;
    line-height: normal;
}

.b-aboutus__commands {
  text-align: center;
  background: #BDD7E0;
  box-shadow: 0px 0px 15px #B5BBBD;
}

/*PORTFOLIO*/
    .b-title__razdel {
      width          : 100%;
      padding        : 50px 0;
      height         : auto;
        background: url(/assets/chema/images/my-path-img.png),rgba(45, 45, 45, 0.85);
        background-size: 50%;
      color          : #fff;

      font-size      : 60px;
      line-height    : 60px;
      font-weight    : 600;
      text-align     : center;
      text-transform : uppercase;
      color          : rgba(255,255,255,0.85);
    }

    .b-panel_portfolio {
      padding           : 10px 10px;
      cursor            : pointer;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition   : all 0.5s ease-in-out;
      -o-transition     : all 0.5s ease-in-out;
      transition        : all 0.5s ease-in-out;
      filter: grayscale(.75);
    }

    .b-panel_portfolio:hover{
        box-shadow: 0 0px 10px #989898;
        filter: none;

    }

    .b-panel_portfolio img {
      width: 100%;
      height: 100%;
    }

    .b-new-title__razdel {
        padding: 20px 0;
    }

    .b-new-title__razdel {
        color: #ffffff;
    }

    .b-new-title__sub-title {
        font-size: 20px;
    }

    .b-new-title__btn {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .b-new-title__btn button {
        background: transparent;
        border: 2px solid #2EECC5;
        text-align: center;
        padding: 10px 30px;
        text-transform: uppercase;
    }

    #toUp {
        display: none;
        position: fixed;
        bottom: 20%;
        right: 20px;
        padding: 10px 10px;
        border-radius: 4px;
        border: 1px solid #ffffff;
        background-color: rgba(0, 0, 0, 0.5);
        color: #ffffff;
        font-size: 14px;
        cursor: pointer;
        z-index: 10;
    }
/*END PORTFOLIO*/

/*SERVICE*/
    .tb-parice th {
      background: #384046;
      color: #fff;
    }

    .tb-parice th:nth-child(2),
    .tb-parice td:nth-child(2) {
      text-align: center;
      min-width: 115px;
    }

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
      border: 1px solid #384046 !important;
    }

    .new-item-serv {
        margin-bottom: 15px;
    }

    .new-item-serv-blue .new-item-serv-title,
    .new-item-serv-blue .new-item-serv-list p span:first-of-type,
    .new-item-serv-blue .new-item-serv-price { background-color: #4c99c2; }
    .new-item-serv-orange .new-item-serv-title,
    .new-item-serv-orange .new-item-serv-list p span:first-of-type,
    .new-item-serv-orange .new-item-serv-price { background-color: #ea9104; }
    .new-item-serv-pink .new-item-serv-title,
    .new-item-serv-pink .new-item-serv-list p span:first-of-type,
    .new-item-serv-pink .new-item-serv-price { background-color: #e86787; }

    .new-item-serv-title {
        padding: 10px 10px;
        color: #ffffff;
        font-size: 24px;
    }

    .new-item-serv-title p {
        padding-top: 5px;
        font-size: 16px;
        margin: 0;
    }

    .new-item-serv-list {
        padding: 10px 10px;
        background-color: #ffffff;
    }

    .new-item-serv-list p {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-bottom: 10px;
        border-bottom: 1px solid #edeef0;
    }

    .new-item-serv-list p:last-of-type {
        border: none;
    }

    .new-item-serv-list p span:first-of-type {
        color: #ffffff;
        font-size: 20px;
        width: 35Px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }

    .new-item-serv-list p span:last-of-type {
        flex: 1;
        margin-left: 10px;
    }

    .new-item-serv-price {
        display: flex;
        align-content: center;
        padding: 15px 10px;
        justify-content: space-between;
    }

    .new-item-serv-price-cl {
        font-size: 24px;
        font-weight: bold;
        color: #ffffff;
    }

    .new-item-serv-price-cl strike {
        font-size: 16px;
        font-weight: normal;
    }

    .new-item-serv-price-cl:last-of-type {
        text-align: right;
    }

/*END SERVICE*/

.b-pages {
  min-height: auto !important;
}

.descript-price .b-panel_portfolio {
  height  : 150px;
  overflow: hidden;
}

.b-my-commander {
  text-align: center;
}

.b-my-commander img {
  width: 110px;
}

.b-mapis {
  background: #f0f0f0;
}

.carousel img {
    width: 100%;
}

.carousel-indicators {
    bottom: -45px;
}

.carousel-indicators li {
    border: 1px solid #3598DB;
}

.carousel-indicators li.active {
    background: #3598DB;
}


.tab-pane .active {
    display: block !important;
}

.tab-pane {
    display: none;
}

.nav-tabs {
    border    : none;
    text-align: center;
    position  : relative;
    top       : 15px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color           : #fff;
    cursor          : default;
    background-color: #3598DB;
    border          : none;
    border-top-color: transparent;
}

.nav-tabs > li > a {
    border-radius: 0px 0px 0px 0px;
}

.nav-tabs > li > a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: none;
}

.nav-tabs > li > a {
    border-color: #eee #eee #ddd;
    background: #eee;
}

.nav-tabs > li > a:first-of-type {
    border-radius: 4px 0px 0px 4px;
}

.nav-tabs > li:last-of-type > a {
    border-radius: 0px 4px 4px 0px;
}

.nav-tabs > li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
    margin-left: -3px;
}

.b-seven__prime {

}

.b-my-color,
.b-seven__prime h3 {
    background: #384046;
    padding: 4px 5px 4px 18px;
    max-width: 370px;
    color: #fff;
    font-weight: normal;
    font-size: 22px;
}

.b-seven__prime .b-seven__prime-item {
    padding: 5px 0px 5px 0px;
    font-size: 16px;
}

.b-seven__prime .b-number__t {
    border       : 2px solid #384046;
    font-weight  : bold;
    font-size    : 20px;
    line-height  : normal;
    margin-right : 5px;
    height       : 30px;
    width        : 30px;
    display: inline-block;
    text-align   : center;
    vertical-align: middle;
}

.b-seven__prime-item {
    display: block;
    margin: 10px 0px;
}

.b-number__td {
    display: inline-block;
    width: 305px;
    vertical-align: middle;
}

.b-my-color__yellow {
    border-radius: 10px;
    padding      : 5px 7px 5px 6px;
    background   : rgba(255, 255, 255, 0.8);;
    color        : #384046;
}

.b-banner-me {
    text-align: center;
}

.sape-lalal,
.google-ads01 {
    margin: 20px 0px;
}

.rtbClass {
    margin: 0 auto;
    width: 300px;
}

.me-class-img {
    height       : 70px;
    width        : 70px;
    border-radius: 50%;
    border       : 2px solid #384046;
}

.b-media-img {
    width              : 100%;
    height             : 100px;
    background         : url("assets/chema/images/blog/12550322274s.png");
    background-repeat  : no-repeat !important;
    background-position: center center !important;
    background-size    : 100% !important;
    margin-bottom      : 15px;
}

.b-media-img .me-class-img {
    height       : 70px;
    width        : 100%;
    border-radius: none;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-skype:before {
    content: "\f17e";
}

.b-row__menu-down {
    width: 100px;
    margin: 0 auto;
    text-align: center;
}

.b-row__menu-down-color1 a {
    font-size: 24px;
    color: #3598DB !important;
    padding: 15px;
    border: 1px solid #3598DB !important;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
}

.b-row__menu-down a {
    font-size: 24px;
    color: #fff;
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
}

.b-row__menu-down a:hover,
.b-row__menu-down a:active,
.b-row__menu-down a:focus {
    text-decoration: none;
}

.b-slider-im__main {
    min-height: 280px;
}

.b-fishki-service,
.b-bg_scape {
    background: url('../images/bg-scape004.jpg') no-repeat;
    background-size: cover;
}
.b-fishki-service{
    border-radius: 4px;
    display   : block;
    padding   : 20px 20px;
}

.b-bg_scape .banner-text {
    margin-bottom: 20px;
}

.b-footer-titles h3 {
    font-size: 36px;
}

.b-footer-titles {
    position: relative;
    margin: 25px 0px 5px 0px;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}

.reset {
    clear: both;
}

.contentHelp-footer {
    padding-top: 15px;
    border-top: 1px solid #c7c7c7;
}

.contentHelp-footer,
.show-reiting {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contentHelp-footer .ya-share2,
.contentHelp-footer .show-reiting {
    margin-bottom: 15px;
}

.contentHelp-footer .b-me-view {
    margin-bottom: 0;
    margin-right: 15px;
    font-size: 14px;
}

.contentHelp-footer .show-reiting {
    padding         : 1px 10px;
    background-color: #ffffff;
    border-radius   : 10px;
}

.contentHelp-footer .totalvotes {
    display: none;
}

.totalvotes {
    display: inline-block;
}

.setka,
.sitemap_frame,
.bg_opacity {
    position: absolute;
    height  : 100%;
    width   : 100%;
    top     : 0;
    left    : 0;
}

.setka {
    background: url('../images/setka.gif'); 
}

.bg_opacity {
  background: rgba(0, 0, 0, 0.50);  
}

.sitemap_frame {
    background: url('../images/px5.png');
    z-index: 1009;
    display: none;
}

.b-item_service {
    cursor: pointer;
}

.b-item_service h2 {
    display: flex;
    align-items: center;
}

.b-item_service .glyphicon {
    cursor: pointer;
    margin-left: 10px;
}

.b-item_service:hover h2,
.b-item_service:hover .glyphicon {
    color : #3c7a9f;
}

.b-hider {
    display: none;
}

.b-preview__img {
    width: 100%;
}

.b-yellow__infocont {
    position: relative;
    margin: 50px 0 0;
    border-radius: 5px;
    box-shadow: 0 2px #f1a003, 0px 1px 1px rgba(255,255,255,.8);
    width: calc(100% - 40px);
    background-color: #ffd700;
    text-align: justify;
    padding: 25px 20px;
}

.b-yellow__infocont:before {
    content: "";
    position: absolute;
    left: 50px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-right: 20px solid #ffd700;
    border-bottom: 0px solid transparent;
}

.b-yellow__infocont:after {
    content: "///";
    position: absolute;
    right: 30px;
    top: -20px;
    font-size: 35px;
    color: #fff;
    font-family: 'UniSans-Regular';
    letter-spacing: 2px;
    text-shadow: 1px 1px 0 #87ceeb;
}

.b-container__btn-publ,
.b-container__btn-publ2 {
    text-align: center;
}

.b-container__btn-publ a,
.b-container__btn-publ2 a {
    text-decoration: none;
    color: #fff;
    background: #3c7a9f;
    padding: 17px 30px;
    margin-top: 15px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 51px;
    line-height: 51px;
    padding: 0 30px;
    display: inline-block;
}

.b-container__btn-publ2 a {
    color: #3c7a9f;
    background: #fff;
}

.d14,
.d15 {
  margin: 30px auto 30px;
  letter-spacing: 2px;
  position: relative;
  text-transform: uppercase;
}


.tbl_symbol tr th {
    text-transform: uppercase;
}

.B_crumbBox {
  padding: 2px 0px !important;
  border-radius: 0 !important;
  background: transparent;
  border-bottom: 1px solid #3c7a9f;
}

.breadcrumb > li + li:before {
  color: #3c7a9f !important;
}

.B_crumbBox li a {
    color: #3c7a9f;
    font-size: 12px;
}

.error {
    font-size: 12px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .b-header .navbar-toggle:hover {
    background-color: #326f94 !important;
}

.panel-item-blog-in-main {
    background: #fff;
    box-shadow: 0 0.005em 0.01em 0 rgba(0,0,0,.12), 0 2px 10px 0 rgba(0,0,0,.12);
}

.panel-item-blog-in-main > .panel-heading {
    color: #333;
    background-color: transparent !important;
    border-color: transparent !important;
    padding: 0 !important;
}

.panel-item-blog-in-main > .panel-footer {
    background-color: transparent !important;
    border-top      : 1px solid #ddd;
}

.panel-item-blog-in-main h4 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.panel-item-blog-in-main h4 a {
    color: #326f94;
}

.panel-item-blog-in-main .panel-body {
    padding-top: 0;
    padding-bottom: 0; 
}

.b-see-item-blog {
    font-size : 12px;
    text-align: right;
}

.news-in-main {
    display            : block;
    width              : 100%;
    height             : 150px;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center;
    margin-bottom      : 10px;
}

.jcarousel-control-next,
.jcarousel-control-prev,
.jcarousel-control-next:hover,
.jcarousel-control-prev:hover {
    text-decoration: none !important;
}

.demoiframe {
    border: none;
}

.b-new-category-blog-title {
    cursor: pointer;
}

.b-img-banner {
    width         : 100%;
    padding-bottom: 20px;
}

.form-item {
    margin-bottom: 20px;
}

.wrap-pop-up {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    background: #f5f5f5;
    overflow: auto;
}

.b-border-side {
    padding: 0px 20px 0px 20px;
}

body input, body textarea, body select, .rc-anchor {
    border-radius: 0px !important;
}

.link-doc-pop-up {
    display: flex;
    align-items: center;
}

.close-wrap-pop-up {
    position       : absolute;
    top            : 20px;
    right          : 20px;
    z-index: 9999;
    cursor         : pointer;
    background     : url(/assets/chema/images/close.png) no-repeat;
    display        : inline-block;
    width          : 35px;
    height         : 35px;
    background-size: 35px 35px;
}

.call-appCreate {
    max-width      : 230px;
    padding        : 20px 20px;
    font-size      : 18px;
    color          : rgba(255, 255, 255, 0.65);
    text-decoration: none;
    margin         : 0 auto;
    border-radius  : 50px;
    border         : 1px solid #fff;
    cursor         : pointer;
    text-align: center;
}

.blue-border-color {
    border: 2px solid #3c7a9f!important;
    color: #3c7a9f;
}

.c-tema-black {
    border: 1px solid #3c7a9f;
    color: #3c7a9f;
}

.call-appCreate span {
    width: inherit;
    height: inherit;
    display: inline-block;
    -webkit-animation: 1.6s ease-in-out 0s normal none infinite running trambling-animation;
    -moz-animation: 1.6s ease-in-out 0s normal none infinite running trambling-animation;
    -o-animation: 1.6s ease-in-out 0s normal none infinite running trambling-animation;
    animation: 1.6s ease-in-out 0s normal none infinite running trambling-animation;
}

@keyframes trambling-animation {
   0%, 50%, 100% {
     transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
   }
   10%, 30% {
     transform: rotate(-10deg);
     -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
     -o-transform: rotate(-10deg);
     -ms-transform: rotate(-10deg);
   }
   20%, 40% {
     transform: rotate(10deg);
     -webkit-transform: rotate(10deg);
     -moz-transform: rotate(10deg);
     -o-transform: rotate(10deg);
     -ms-transform: rotate(10deg);
   }
}

.b-adaptive-top-text {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}

.b-adaptive-advantages {
    display        : flex;
    padding        : 20px 10px;
    align-items    : center;
    justify-content: flex-start;
    margin         : 0px 30px;
}

.b-adaptive-advantages-img {
    margin-right: 15px;
}

.beuty-bg {
  background: #3c7a9f;
  margin: 50px auto 30px;
  position: relative;
  z-index: 1;
}

.beuty-black {
    background-color: #1E1E1E; 
    padding: 10px 0 40px;
    background-image: url('/assets/chema/images/bg_line002.png');
    background-position: center;
}

.beuty-black-item {
    display: block;
}

.beuty-black-item img {
    width: 100%;
    opacity: 0.5;
    transition: all 0.5s ease-in-out;
    filter: grayscale(.75);
    border: 1px solid #2EECC5;
}

.beuty-black-item img:hover {
    opacity: 1;
}

.no-padding {
    padding: 0;
    border: 1px solid #292a2d;
}


/* category blog */
    .b-blog-menu-wrap {
       position  : fixed;
       top       : 0;
       left      : 0;
       background: #3c7a9f;
       height    : 100vh;
       width     : 100%;
       z-index   : 9999;
       overflow: auto;
    }

    .b-blog-menu-container {

    }

    .b-blog-menu-items {
       /*display        : flex;
       align-items    : flex-start;
       justify-content: space-between;
       flex-wrap      : wrap;*/
    }

    .b-blog-menu-item {
       margin    : 15px 0px;
       width     : 100%;
       min-height: 210px;
       display   : block;
       overflow  : hidden;
       position  : relative;
    }

    .b-blog-menu-item a {
       position       : relative;
       color          : #fff;
       display        : block;
       padding        : 10px 10px;
       font-size      : 24px;
       text-decoration: none;
       width          : 100%;
       min-height     : 210px;
       overflow       : hidden;
       z-index        : 9;
       background     : rgba(2, 2, 2, 0.65);
       transition     : all 0.5s ease-in-out;
    }

    .b-blog-menu-item a:hover {
      background: rgba(39, 39, 39, 0.65);
    }

    .b-item-bg-001 {
      background: url('/assets/chema/images/blog-menu/b-cat-item-bg-001.jpg') no-repeat;      
    }

    .b-item-bg-002 {
      background: url('/assets/chema/images/blog-menu/b-cat-item-bg-002.png') no-repeat;      
    }

    .b-item-bg-003 {
      background: url('/assets/chema/images/blog-menu/b-cat-item-bg-003.jpg') no-repeat;      
    }

    .b-item-bg-004 {
      background: url('/assets/chema/images/blog-menu/b-cat-item-bg-004.jpg') no-repeat;      
    }

    .b-item-bg-005 {
      background: url('/assets/chema/images/blog-menu/b-cat-item-bg-005.jpg') no-repeat;      
    }

    .b-item-bg-006 {
      background: url('/assets/chema/images/blog-menu/b-cat-item-bg-006.jpg') no-repeat;      
    }

    .b-item-bg-007 {
      background: url('/assets/chema/images/blog-menu/b-cat-item-bg-007.jpg') no-repeat;      
    }
    
    .b-item-bg-008 {
      background: url('/assets/proweb/images/bit.jpg') no-repeat;     
    }
    
    .b-item-bg-009 {
      background: url('/assets/chema/images/blog/unsubscribeInAngular.png') no-repeat;      
    }

    .b-item-bg-0010 {
        background: url('/assets/chema/images/blog/reacthooks_09102022.png') no-repeat;            
    }

    .b-blog-menu-item-img {
       width              : 100%;
       height             : 100%;
       display            : block;
       background-size    : cover;
       background-position: center;
       position           : absolute;
       top                : 0px;
       left               : 0px;
       z-index            : 0;
       transition         : 1.2s;
    }

    .b-blog-menu-item:hover .b-blog-menu-item-img {
      transform: scale(1.15);
    }

    .b-blog-menu-item-title {
      position: relative;
      z-index: 2;
    }

    .b-blog-menu-title {
       padding  : 20px 10px;
       font-size: 28px;
       color    : #fff;
       position : relative;
    }

    .b-blog-menu-item-intro {
       padding-top: 20px;
       font-size  : 16px;
       line-height: normal;
    }

    .b-blog-menu-close {
        position: absolute;
        top: 20px;
        right: 10px;
        cursor: pointer;
    }
/* end category blog */

/*SEO PAGE*/
    .b-seo-bg-rocket {
        position           : relative;
        background-color   : #0e3655;
        background-image   : url(../images/seo-bg2.jpg) !important;
        background-repeat  : no-repeat;
        background-position: center bottom;
        padding            : 60px 0 60px 0;
        color              : #edeef0;
        font-size: 18px;
    }

    .page-seo {
        color: #0e3655;
    }

    .page-seo .b-header>.navbar-default {
        background: #0e3655;    
    }
    
    .page-seo .navbar-default .navbar-nav > li > a:hover {
        color: #a7a7a7 !important;
    }

    .page-seo .d14 {
        color: #0e3655;
        line-height: normal;
        text-align: center;
    }
    
    .page-seo .d15 {
        color: #edeef0;
        text-transform: uppercase;
    }

    .page-seo .b-adaptive-advantages {
        min-height: 136px;
    }

    .page-seo .b-adaptive-advantages-title h4 {
        font-size: 14px;
    }

    .page-seo .b-adaptive-advantages-img {
        min-width: 55px;
        max-width: 55px;
    }
    
    .page-seo .b-adaptive-advantages-img img {
        width: 100%;
    }

    .page-seo .b-seo-how-to-sub-title {
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
    }

    .page-seo .b-seo-how-to-sub-title strong {
        border-bottom: 1px solid #0e3655;    
    }
    
    .seo-some-text-center {
        font-size: 18px;
        line-height: 26px;
    }
    
    .b-seo-we-are {
        font-size: 24px;
        margin-top: 25px;
        margin-bottom: 20px;
    }
    
    .b-seo-we-are-item {
        padding    : 15px 15px;
        border     : 1px solid #0e3655;
        font-size  : 18px;
        display    : flex;
        align-items: center;
    }
    
    .b-seo-we-are-item span {
        border         : 6px solid #0e3655;
        height         : 50px;
        width          : 50px;
        display        : flex;
        align-items    : center;
        justify-content: center;
        border-radius  : 50%;
        font-weight    : bold;
        color          : #0e3655;
        margin-right   : 15px;
    }
    
    .b-seo-we-are-item p {
        margin: 0;
    }
    
    .b-seo-bottom-20 {
        margin-bottom: 20px;
    }
    
    .seo-some-text-center span {
        font-size  : 24px;
        font-weight: bold;
        color      : #ea9c57;
    }
    
    .seo-keys-item {
      margin-bottom: 20px;
    }
    
    .seo-keys-item-title {
      text-align: center;
    }
    
    .seo-keys-item-title h4 {
      text-transform: uppercase;
      text-decoration: underline;
    }
    
    .seo-keys-item-img {
    max-height: 300px;
    overflow  : hidden;
    position  : relative;
    }
    
    .seo-keys-item-img img {
      width: 100%;
    }
    
    .seo-fx {
        display: flex;
        align-items: center;
        justify-content: center;
    }
/* END SEO */

/*ТАБЫ НА ГЛАВНОЙ СТРАНИЦЕ*/
    .srv-container {
        padding: 40px 0px;
        /* background: linear-gradient(0deg, rgba(240,253,255,1) 0%, rgba(228,242,255,1) 100%, rgba(0,212,255,1) 100%); */
    }
    
    .blue-gradient {
        /* background: linear-gradient(0deg, rgba(240,253,255,1) 0%, rgba(228,242,255,1) 100%, rgba(0,212,255,1) 100%);   */ 
    }

    .b-main-tab-content {
        display: none;
        border-top: 1px solid #d8d8d8;
    }
    
    .b-main-tab-icon {
        width              : 110px;
        height             : 110px;
        background-position: center;
        background-size    : 68px;
        background-repeat  : no-repeat;
        margin             : 0 auto 10px auto;
        border-radius      : 100px;
        border             : 1px solid #d8d8d8;
        opacity            : 0.75;
        transition: all 0.5s ease-in-out;
    }
    
    .ic-icon-html { background-image: url("/assets/chema/images/svg/srv_verstka.svg"); }
    .ic-icon-site { background-image: url("/assets/chema/images/svg/srv_site.svg"); }
    .ic-icon-seo { background-image: url("/assets/chema/images/svg/srv_seo.svg"); }
    .ic-icon-support { background-image: url("/assets/chema/images/svg/srv_support.svg"); }
    .ic-icon-mobile { background-image: url("/assets/chema/images/svg/srv_app.svg"); }
    
    
    .b-main-tab-name {
        text-align    : center;
        padding       : 10px 10px;
        font-size     : 16px;
        cursor        : pointer;
        
        transition    : all 0.5s ease-in-out;
        margin-bottom: 10px;
    }
    
    .b-main-tab-name:hover .b-main-tab-icon {
        background-color: #ffffff;
    }
    
    .active .b-main-tab-icon,
    .active:hover .b-main-tab-icon {
        border:  none;
    background-color: #ffffff;
    }
    
    .srv-footer {
        padding-top: 20px;
    }
    
    .main-blog-footer {
        margin-bottom: 40px;
    }
    
    .main-blog-footer a,
    .srv-footer a {
        display        : flex;
        align-items    : center;
        justify-content: flex-end;
        font-size      : 18px;
    }
    
    .main-blog-footer a:hover,.main-blog-footer a:focus, .main-blog-footer a:active
    .srv-footer a:hover,.srv-footer a:focus, .srv-footer a:active {
        text-decoration: none;
    }
    
    .ic-icon-arrow-long {
        margin-left        : 10px;
        width              : 100%;
        max-width          : 150px;
        height             : 9px;
        background-image   : url("/assets/chema/images/svg/arrow_lg.svg");
        background-position: right center;
        background-repeat  : no-repeat;
    }
    
    .ic-icon-arrow-white-long {
        margin-left        : 10px;
        width              : 100%;
        max-width          : 150px;
        height             : 9px;
        background-image   : url("/assets/chema/images/svg/arrow_lg_white.svg");
        background-position: right center;
        background-repeat  : no-repeat;
    }
    
    .main-portfolio-footer {
        padding-top: 40px;
    }
    
    .main-portfolio-footer a {
        display        : flex;
        align-items    : center;
        justify-content: center;
        font-size      : 18px;
        background: linear-gradient(91.2deg, #B5FEEF 10.31%, #2EECC5 165.09%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
    
    .main-portfolio-footer a:hover,.main-portfolio-footer a:focus, .main-portfolio-footer a:active {
        text-decoration: none;
        color: #ffffff;
    }

    .neon-text {
        background: linear-gradient(91.2deg, #B5FEEF 10.31%, #2EECC5 165.09%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
/*КОНЕЦ ТАБЫ НА ГЛАВНОЙ СТРАНИЦЕ*/

/* ПРАВКИ */
    .grid-item .panel-default {
      margin-top: 10px;
        box-shadow: 0 0.005em 0.01em 0 rgba(0,0,0,.12), 0 2px 10px 0 rgba(0,0,0,.12);
    }
    
    .sisea-search-form .form-control {
      margin: 4px 0;
    }
    
    ::-webkit-scrollbar {
      width: 6px;
    }
    
    ::-webkit-scrollbar-track {
      background-color: transparent;
    }
    
    ::-webkit-scrollbar-track-piece {
      background-color: transparent;
    }
    
    ::-webkit-scrollbar-thumb {
      background-color: #3c7a9f;
      border-radius: 4px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
      background-color: #aaa;
      cursor: pointer;
    }
    
    .b-tarif {
        padding: 15px 15px;
        border: 1px solid #3c7a9f;
    }
    
    .b-tarif ol {
        padding: 15px 15px;
    }

    .af-message-success {
        background-color: #337ab7 !important;
    }
    
    .alert-problem {
        position: relative;
    }
    
    .alert-problem-messange {
        background-color: #eee;
        padding         : 10px 10px;
        color           : #292a2d;
        position        : absolute;
        top             : -180px;
        left            : 10px;
        max-width       : 300px;
        width           : 300px;
        font-size       : 14px;
        z-index         : 9;
        box-shadow      : 0 0px 25px rgba(41, 42, 45, 0.26);
    }
    
    .work-with-me-parent {
        display        : flex;
        flex-wrap      : wrap;
        align-items    : center;
        justify-content: center;
        padding-bottom: 20px;
    }
    
    .work-with-me {
        padding        : 3px;
        background     : #ffffff;
        border-radius  : 50%;
        margin         : 3px;
        transition     : all 0.5s ease-in-out;
        filter         : grayscale(.75);
        width      : 134px;
        height     : 134px;
        display        : flex;
        align-items    : center;
        justify-content: center;
        overflow: hidden;
        box-shadow: 1px 2px 3px #7df7de;
    }

    .work-with-me img {
        object-fit: contain;
        max-width: 100%;
    }
    
    .work-with-me:hover {
     filter: grayscale(0);   
    }

    .question_in_service {
      margin: 60px 0;
    }
    
    .question {
        width: 100%;
        height: 100%;
        min-height: 458px;
        background-color: #1E1E1E; 
        padding: 10px 0 40px;
        background-image: url('/assets/chema/images/bg_line002.png');
        background-position: center;
    }
    
    .question .ajax_form {
        margin: 40px 0 40px 0;
    }
    
    .question .ajax_form .form-group {
        margin-bottom: 20px;
    }
    
    .question .ajax_form .form-control {
        height: auto;
        padding: 14px 12px;
        font-size: 16px;
    }
    
    .question .ajax_form .btn-primary {
        color           : rgba(255, 255, 255, 0.65);
        background-color: transparent;
        border-color    : #2EECC5;
        font-size       : 22px;
        width           : 100%;
    }
    
    .question-title {
        padding    : 35px 0 10px 0px;
        font-size  : 36px;
        line-height: normal;

        background: linear-gradient(91.2deg, #B5FEEF 10.31%, #2EECC5 165.09%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: bold;
    }
    
    .question-info {
        padding: 20px 0 20px 0px;
        font-size: 18px;
        line-height: 32px;
        color: rgba(255, 255, 255, 0.65);
    }
    
    .question-info a {
        font-size: 26px;
        font-weight: bold;
        background: linear-gradient(91.2deg, #B5FEEF 10.31%, #2EECC5 165.09%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-weight: bold;
    }
    
    .focus-industries-item {
        color: #fff!important;
        background: linear-gradient(139.56deg, #527791 10.06%, #325597 53.72%, #193895 88%);
        min-height: 210px;
    }
    
    .flip-card {
      background-color: transparent;
      perspective: 1000px;
    }
    
    .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: center;
      transition: transform 0.6s;
      transform-style: preserve-3d;
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }
    
    .flip-card:hover .flip-card-inner {
      transform: rotateY(180deg);
    }
    
    .flip-card-front, .flip-card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    
    .flip-card-front, .flip-card-back {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .flip-card-front img {
        max-width: 110px;
    }
    
    .flip-card-back {
      transform: rotateY(180deg);
    }
    
    .b-panel_we-can {
        padding: 10px 10px;
        transition: all 0.5s ease-in-out;
    }
    
    .new-our-skils {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    .new-our-skils img {
        max-width: 90px;
    }
/* КОНЕЦ ПРАВОК */

/* Слайдер услуг */
    .slider-services {
        padding-top: 120px;
        padding-bottom: 90px;
    }

    .jc-item-service {
        width: 100%;
        background: linear-gradient(91.2deg, #B5FEEF 10.31%, #2EECC5 165.09%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        text-align: center;
    }
    
    .jc-item-service--title {
        font-size: 24px;
        line-height: normal;
        padding-bottom: 15px;
    }
    
    .jc-item-service--info {
        font-size: 18px;
    }
    
    .slider-services-img img {
        width: 100%;
    }
    
/* Конец Слайдер услуг */

/* МАРКЕТ */
.mymarket {
    
}

.mymarket hr {
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #fff;
}

.category_shop_title {
    background: #3c7a9f;
    padding: 12px 36px 12px 22px;
    color: #ffffff;
}

.category_shop {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.category_shop li {
    position: relative;
}

.category_shop li a {
    display        : block;
    text-decoration: none!important;
    color          : #171717;
    padding        : 12px 36px 12px 22px;
    font-size      : 15px;
    background     : #fff;
    line-height    : 1.3;
    border-bottom  : 1px solid #DBDADA;
    border-left    : 1px solid #DBDADA;
    border-right   : 1px solid #DBDADA
}

.category_shop li:hover a {
    color: #2C5290;
    background: #F0F6F9;
}

.category_shop li:first-of-type > a {
    border-top: 1px solid #DBDADA;
}

.category_shop li.active a {
    background: #2C5290;
    color: #fff;
    position: relative;
    border-color: #2d5190;
}

.mymarket_item {
    margin-bottom: 30px;
}

.mymarket_item__link {
    display: block;
    position: relative;
    background-color: #fff;
    transition: all 0.5s ease-in-out;
    color: #292a2d;
}

.mymarket_item__link:hover,
.mymarket_item__link:focus {
    text-decoration: none;
    box-shadow: 0 0px 10px #989898;
}

.mymarket_item__image {
    height: 180px;
    overflow: hidden;
}

.mymarket_item__image img {
    width: 100%;
    transition: all 0.5s ease-in-out;
}

.mymarket_item__link:hover .mymarket_item__image img {
    transform: scale(1.05);    
}

.mymarket_item__title {
    padding: 10px 15px 5px 15px;
    min-height: 70px;
}

.mymarket_item__title h3 {
    font-size: 16px;
    font-weight: normal;
    color: #292a2d;
    margin: 0;
}

.mymarket_item__price {
    padding: 5px 15px
}

.mymarket_item__type {
    border-top: 1px solid #eee;
    padding: 5px 15px
}

.mymarket .B_crumbBox {
    margin-top: 20px;
}

.mymarket_good__image {
    min-height: 370px;
    max-height: 370px;
    overflow: hidden;
    border: 5px solid #fff;
    margin-bottom: 15px;
}

.mymarket_good__image img {
    width: 100%;
}

.mymarket_good__price {
    font-size: 24px;
    background-color: #fff;
    padding: 15px 15px;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.mymarket_good__price span {
    font-size: 24px;
}

.mymarket_good__description {
    background-color: #fff;
    padding: 15px 15px;
    margin-bottom: 15px;
}

.mymarket_good__description h4 {
    margin: 0;
    margin-bottom: 10px;
}

.mymarket_good__description ol {
    margin: 0;
    margin-left: 20px;
    padding: 0;
}

.mymarket_good__description ol li {
    padding: 5px 0px;
    font-size: 16px;
}

.mymarket_good__back {
    background-color: #fff;
    padding         : 15px 15px;
    margin-bottom   : 15px;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
}

.m_site_type {
    font-size      : 14px;
    text-transform : uppercase;
    width          : 50px;
    height         : 50px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 50px;
}

.site_type_gr { background-color: #ffbdbd; }
.site_type_ts { background-color: #d8ffbd; }
.site_type_ds { background-color: #d9eeff; }

/*PARNERS*/
.partners_card {
  margin-bottom: 20px;
}

.partners_logo {
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 3px 2px 10px rgb(41 42 45 / 3%);
}

.partners_info {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*END PARNERS*/

/* КОНЕЦ МАРКЕТ */

/* RESULT SEARCH  */
.sisea-results-list {
    margin: 5px 0;
}

.sisea-result-pages {
    margin-right: 6px;
}

.sisea-result {
    margin: 5px 0;
    border: 1px solid #ccc9c9;
    padding: 0 15px;
    background-color: #fff;
    box-shadow: 0 0.005em 0.01em 0 rgb(0 0 0 / 12%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
/* END RESULT SEARCH  */

@media (min-width: 768px) and (max-width: 992px) {
    .b-service__in_main {
        min-height: 525px;
        padding-top:90px;
    }
    .banner-item {
        text-align:center;
        margin-bottom:50px;
        /*margin-left: 50px;*/
        /*float:left;*/
    }
    .banner-icon {
        margin-top:0;
        margin-right: 20px;
        float:left;
    }
    .banner-text {
        float:left;
        text-align: left;
        margin-top: 20px;
        max-width: 160px;
        line-height: 20px;
    }
    .icon-arrow-down {
        width:47px;
        height:47px;
        margin:10px auto 0;
    }

    .contentHelp img {
        width: 80%;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .b-title__razdel {
        font-size: 30px;
        line-height: 40px;
    }

    .b-service__in_main {
        min-height: 720px;
        padding-top: 15px;
    }

    .b-service__in_main .row {
        margin-right:0;
    }

    .banner-item {
        text-align:left;
    }

    .banner-icon {
        width                : 70px;
        height               : 70px;
        -webkit-border-radius: 40px;
        -moz-border-radius   : 40px;
        border-radius        : 40px;
        float                : left;
        background-position  : 10px 10px;
        background-size      : 70%;
    }

    .banner-icon > span {
        width:68px;
        height:68px;
    }
    
    .b-item-type-site {
      display: flex;
      align-items: center;
      margin-top           : 25px;
    }

    .banner-text {
        min-width:160px;
        text-align: left;
        margin-left:30px;
        flex: 1;
    }

    .contentHelp img {
        width: 100%;
    }
    
    .slider-services {
        padding-top: 20px;
        padding-bottom: 0px;
    }

  .partners_logo {
    margin: 0 auto;
  }

  .partners_logo img {
    max-width: 100%;
    width: auto;
  }

  .pagination {
    flex-wrap: wrap;
  }

  .banner-728x90 {
    display: none;
  }
}

@media (min-width: 768px) {
    .b-img-banner {
        width: 100%;
    }
}