/*
Top portion background : .solutions
Banner background: b-index-bnn

Slider Item heading : .solutions .slider h3
slider item brief : .solutions .slider p
Know more Link : .solutions .slider .r-text a

*/
/* Predefined Classes *********************************************************/

/* End */

/* End */

/* Start:http://www.bitrix24.com/bitrix/templates/b24_en_new/css/mixins.css*/

/* CSS3 *******************************************************************************************************************************************************/

/* Transform **************************************************************************************************************************************************/

/* Transition *************************************************************************************************************************************************/

/* IE Filter **************************************************************************************************************************************************/

/* .mx-font 1 *************************************************************************************************************************************************/

/* .mx-font 2 *************************************************************************************************************************************************/

/* .mx-font 3 *************************************************************************************************************************************************/

/* .mx-font 4 *************************************************************************************************************************************************/

/* .mx-font 5 *************************************************************************************************************************************************/

/* End */

/* Start:http://www.bitrix24.com/bitrix/templates/b24_en_new/css/animation.css*/

/* CSS3 *******************************************************************************************************************************************************/

/* Transform **************************************************************************************************************************************************/

/* Transition *************************************************************************************************************************************************/

/* IE Filter **************************************************************************************************************************************************/

/* .mx-font 1 *************************************************************************************************************************************************/

/* .mx-font 2 *************************************************************************************************************************************************/

/* .mx-font 3 *************************************************************************************************************************************************/

/* .mx-font 4 *************************************************************************************************************************************************/

/* .mx-font 5 *************************************************************************************************************************************************/

/* fxRotateMinute *********************************************************************************************************************************************/

@-o-keyframes fxRotateMinute {
  from {
    -o-transform: rotate(0);
  }

  to {
    -o-transform: rotate(1turn);
  }
}

@-moz-keyframes fxRotateMinute {
  from {
    -moz-transform: rotate(0);
  }

  to {
    -moz-transform: rotate(1turn);
  }
}

@-webkit-keyframes fxRotateMinute {
  from {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
  }
}

@keyframes fxRotateMinute {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

/* fxRotateHour ***********************************************************************************************************************************************/

@-o-keyframes fxRotateHour {
  from {
    -o-transform: rotate(0.25turn);
  }

  to {
    -o-transform: rotate(1.25turn);
  }
}

@-moz-keyframes fxRotateHour {
  from {
    -moz-transform: rotate(0.25turn);
  }

  to {
    -moz-transform: rotate(1.25turn);
  }
}

@-webkit-keyframes fxRotateHour {
  from {
    -webkit-transform: rotate(0.25turn);
  }

  to {
    -webkit-transform: rotate(1.25turn);
  }
}

@keyframes fxRotateHour {
  from {
    transform: rotate(0.25turn);
  }

  to {
    transform: rotate(1.25turn);
  }
}

/* End */

/* Start:http://www.bitrix24.com/bitrix/templates/b24_en_new/css/form.css*/

/* CSS3 *******************************************************************************************************************************************************/

/* Transform **************************************************************************************************************************************************/

/* Transition *************************************************************************************************************************************************/

/* IE Filter **************************************************************************************************************************************************/

/* .mx-font 1 *************************************************************************************************************************************************/

/* .mx-font 2 *************************************************************************************************************************************************/

/* .mx-font 3 *************************************************************************************************************************************************/

/* .mx-font 4 *************************************************************************************************************************************************/

/* .mx-font 5 *************************************************************************************************************************************************/

/* .x-text & .x-password **************************************************************************************************************************************/

/* .x-textarea ************************************************************************************************************************************************/

/* .x-button **************************************************************************************************************************************************/

/* .x-button.m-blue *******************************************************************************************************************************************/

/* .x-button.m-blue-big ***************************************************************************************************************************************/

/* .x-button.m-blue-border ************************************************************************************************************************************/

/* .x-button.m-green ******************************************************************************************************************************************/

/* .x-button.m-green-big **************************************************************************************************************************************/

/* .js-style-form *********************************************************************************************************************************************/

/* .g-article *************************************************************************************************************************************************/

/* Global *****************************************************************************************************************************************************/

.gl-wrap {
  position: relative;
  width: 1180px;
  margin: 0 auto;
}

/* #b-header **************************************************************************************************************************************************/

/* .b-main-menu ***********************************************************************************************************************************************/

/* .b-sign-in *************************************************************************************************************************************************/

/* .b-language ************************************************************************************************************************************************/

/* #b-footer **************************************************************************************************************************************************/

/* .b-sitemap *************************************************************************************************************************************************/

/* .b-search-form *********************************************************************************************************************************************/

/* .b-designed-by *********************************************************************************************************************************************/

/* .b-social **************************************************************************************************************************************************/

/* End */

/* Start:http://www.bitrix24.com/bitrix/templates/b24_en_new/css/shared.css*/

/* CSS3 *******************************************************************************************************************************************************/

/* Transform **************************************************************************************************************************************************/

/* Transition *************************************************************************************************************************************************/

/* IE Filter **************************************************************************************************************************************************/

/* .mx-font 1 *************************************************************************************************************************************************/

/* .mx-font 2 *************************************************************************************************************************************************/

/* .mx-font 3 *************************************************************************************************************************************************/

/* .mx-font 4 *************************************************************************************************************************************************/

/* .mx-font 5 *************************************************************************************************************************************************/

/* .b-counter-section *****************************************************************************************************************************************/

/* .b-counter *************************************************************************************************************************************************/

/* .b-free-start **********************************************************************************************************************************************/

/* .b-page-heading ********************************************************************************************************************************************/

/* .b-page-menu ***********************************************************************************************************************************************/

/* .b-slider **************************************************************************************************************************************************/

/* .b-slider.n-people *****************************************************************************************************************************************/

/* .b-slider.n-projects ***************************************************************************************************************************************/

/* .b-content-header ******************************************************************************************************************************************/

/* .b-contacts ************************************************************************************************************************************************/

/* .b-content-footer ******************************************************************************************************************************************/

/* .b-tabs ****************************************************************************************************************************************************/

/* .b-content-menu ********************************************************************************************************************************************/

/* .b-tariff-table ********************************************************************************************************************************************/

/* .b-columns *************************************************************************************************************************************************/

/* .b-item-list *********************************************************************************************************************************************/

/* .b-item-list.n-security ************************************************************************************************************************************/

/* .b-back-link ***********************************************************************************************************************************************/

/* x-modal ****************************************************************************************************************************************************/

/* .b-modal ***************************************************************************************************************************************************/

/* .b-pagination **********************************************************************************************************************************************/

/* .b-switch **************************************************************************************************************************************************/

/* .b-image-slider ********************************************************************************************************************************************/

/* .b-bulleted-list *******************************************************************************************************************************************/

/* .b-switch-more *********************************************************************************************************************************************/

/* End */

/* Start:http://www.bitrix24.com/bitrix/templates/b24_en_new/css/banner.css*/

/* CSS3 *******************************************************************************************************************************************************/

/* Transform **************************************************************************************************************************************************/

/* Transition *************************************************************************************************************************************************/

/* IE Filter **************************************************************************************************************************************************/

/* .mx-font 1 *************************************************************************************************************************************************/

/* .mx-font 2 *************************************************************************************************************************************************/

/* .mx-font 3 *************************************************************************************************************************************************/

/* .mx-font 4 *************************************************************************************************************************************************/

/* .mx-font 5 *************************************************************************************************************************************************/

/* fxRotateMinute *********************************************************************************************************************************************/

@-o-keyframes fxRotateMinute {
  from {
    -o-transform: rotate(0);
  }

  to {
    -o-transform: rotate(1turn);
  }
}

@-moz-keyframes fxRotateMinute {
  from {
    -moz-transform: rotate(0);
  }

  to {
    -moz-transform: rotate(1turn);
  }
}

@-webkit-keyframes fxRotateMinute {
  from {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
  }
}

@keyframes fxRotateMinute {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

/* fxRotateHour ***********************************************************************************************************************************************/

@-o-keyframes fxRotateHour {
  from {
    -o-transform: rotate(0.25turn);
  }

  to {
    -o-transform: rotate(1.25turn);
  }
}

@-moz-keyframes fxRotateHour {
  from {
    -moz-transform: rotate(0.25turn);
  }

  to {
    -moz-transform: rotate(1.25turn);
  }
}

@-webkit-keyframes fxRotateHour {
  from {
    -webkit-transform: rotate(0.25turn);
  }

  to {
    -webkit-transform: rotate(1.25turn);
  }
}

@keyframes fxRotateHour {
  from {
    transform: rotate(0.25turn);
  }

  to {
    transform: rotate(1.25turn);
  }
}

/* .b-index-banner ********************************************************************************************************************************************/

.b-index-bnn {
  position: relative;
  z-index: 0;
  background: #555260;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  /*&:after {
        content: ' ';
        background: url(http://www.bitrix24.com/bitrix/templates/b24_en_new/img/bnn/overlay.png) 50% 0 no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }*/
}

.b-index-bnn .gl-wrap {
  height: 552px;
  padding: 31px 0 0;
}

.b-index-bnn.m-transition .b-carousel > li,
.b-index-bnn.m-transition .b-carousel > li i {
  -o-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -webkit-transition: background-image 0.5s;
  transition: background-image 0.5s;
}

.b-index-bnn.m-ready .b-carousel {
  display: block;
}

/* .b-loader **************************************************************************************************************************************************/

.b-load-gap {
  width: 973px;
  height: 453px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -487px;
  z-index: 10;
}

.b-loader {
  width: 29px;
  height: 29px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  position: absolute;
  z-index: 60;
  top: 274px;
  left: 50%;
  margin-left: -102px;
}

.b-loader > span {
  position: absolute;
  font-family: "Geometria Medium", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-size: 20px;
  color: #fff;
  white-space: nowrap;
  left: 46px;
  top: 2px;
}

.b-loader:before,
.b-loader:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  z-index: 100;
}

.b-loader:before {
  -o-animation: fxRotateMinute 500ms linear infinite;
  -moz-animation: fxRotateMinute 500ms linear infinite;
  -webkit-animation: fxRotateMinute 500ms linear infinite;
  animation: fxRotateMinute 500ms linear infinite;

}

.b-loader:after {
  -o-animation: fxRotateHour 3000ms linear infinite;
  -moz-animation: fxRotateHour 3000ms linear infinite;
  -webkit-animation: fxRotateHour 3000ms linear infinite;
  animation: fxRotateHour 3000ms linear infinite;

}

/* .b-index-banner .r-details *********************************************************************************************************************************/

/* .b-index-banner .r-free ************************************************************************************************************************************/

/* .b-index-banner .r-menu ************************************************************************************************************************************/

.b-index-bnn .r-menu {
  position: relative;
  z-index: 101;
  margin: 0 auto;
  display: inline-block;
}

.b-index-bnn .r-menu:after {
  content: ' ';
  display: block;
  clear: both;
}

.b-index-bnn .r-menu li {
  font-size: 14px;
  line-height: 16px;
  color: #00518f;
  font-weight: bold;
  float: left;
}

.b-index-bnn .r-menu li + li {
  margin-left: 10px;
}

.b-index-bnn .r-menu li a {
  border-radius: 50%;
  background: #3b3943;
  width: 9px;
  height: 9px;
  text-indent: -9999px;
  display: block;
}

.b-index-bnn .r-menu li a:hover {
  color: #0c7cae;
}

.b-index-bnn .r-menu li.is-active a {
  background: #777580;
}

/* .b-index-banner .e-arrow ***********************************************************************************************************************************/

/* .b-index-banner .r-text ************************************************************************************************************************************/

.b-index-bnn .r-text {
  position: absolute;
  z-index: 60;
  top: 254px;
  left: 50%;
  width: 500px;
  height: 10px;
  margin-left: -250px;
  text-align: center;
}

.b-index-bnn .r-text > li {
  font-size: 19px;
  line-height: 27px;
  font-family:"ProximaLight", Helvetica, Roboto, Arial, sans-serif;
  color: #ffffff;
  position: relative;
  width: 500px;
  height: 90px;
  vertical-align: middle;
  background: #555260;
  display: none;
}

/* .b-clouds **************************************************************************************************************************************************/

/* .b-carousel ************************************************************************************************************************************************/

.b-carousel {
  position: absolute;
  bottom: -27px;
  left: 50%;
  display: none;
  z-index: 9;
}

.b-carousel:before {
  content: ' ';
  background: url(../img/path.png) no-repeat;
  width: 843px;
  height: 398px;
  position: absolute;
  z-index: 0;
  bottom: 24px;
  left: -422px;
}

.b-carousel > li {
  background: #4c456e;
  width: 102px;
  height: 102px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  top: 100px;
  left: 0;
  margin: -51px 0 0 -51px;
  z-index: 100;
}

.b-carousel > li a {
  background: url(../img/icons.png) 0 90px no-repeat;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 70;
  top: 6px;
  left: 6px;
  z-index: 100;
}

.b-carousel > li i {
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -14px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  display: none;
  border-top: 11px solid #fff;
}
.b-carousel > li.is-active{
  background: #555260;
}
.b-carousel > li.is-active i{
  display: block;
}
.b-carousel > li.n1 a {
  background-position: 0 -90px;
}

.b-carousel > li.n2 a {
  background-position: 0 -180px;
}

.b-carousel > li.n3 a {
  background-position: 0 -270px;
}

.b-carousel > li.n4 a {
  background-position: 0 -360px;
}

.b-carousel > li.n5 a {
  background-position: 0 -450px;
}


.b-carousel > li.n6 a {
  background-position: 0 -450px;
}

/* .b-banner-list *********************************************************************************************************************************************/

.b-bnn-list {
  position: absolute;
  z-index: 7;
  bottom: 0;
  left: 50%;
}

.b-bnn-list > li {
  -ms-transform-origin: 50% -127.36px;
  -o-transform-origin: 50% -127.36px;
  -moz-transform-origin: 50% -127.36px;
  -webkit-transform-origin: 50% -127.36px;
  transform-origin: 50% -127.36px;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 50%;
}

/* .b-banner-list > li.n1 *************************************************************************************************************************************/

/* .b-banner-list > li.n2 *************************************************************************************************************************************/

/* .b-banner-list > li.n3 *************************************************************************************************************************************/

/* .b-banner-list > li.n4 *************************************************************************************************************************************/

/* .b-banner-list > li.n5 *************************************************************************************************************************************/

/* .b-banner-list > li.n6 *************************************************************************************************************************************/

/* .b-banner-list > li.n7 *************************************************************************************************************************************/

/* .b-banner-list > li.n8 *************************************************************************************************************************************/

/* .b-banner-list > li.n9 *************************************************************************************************************************************/

/* .b-banner-list > li.n10 ************************************************************************************************************************************/

/* .b-banner-list > li.n11 ************************************************************************************************************************************/

/* .b-banner-list > li.n12 ************************************************************************************************************************************/

/* .b-banner-list > li.n13 ************************************************************************************************************************************/

/* End */

/* .b-circle-banner *******************************************************************************************************************************************/

/* .b-event ***************************************************************************************************************************************************/

/* .b-event-people ********************************************************************************************************************************************/

/* .b-events-inner ********************************************************************************************************************************************/

/* .b-events-filter *******************************************************************************************************************************************/

/* .b-event-main **********************************************************************************************************************************************/

/* .b-event-list **********************************************************************************************************************************************/

/* .b-app-list ************************************************************************************************************************************************/

/* #b-webinar-reg *********************************************************************************************************************************************/

/* #b-enter-reg ***********************************************************************************************************************************************/

/* .ge-status *************************************************************************************************************************************************/

/* .b-partner *************************************************************************************************************************************************/

/* .b-partner-projects ****************************************************************************************************************************************/

/* .b-partner-info ********************************************************************************************************************************************/

/* .b-partners-list *******************************************************************************************************************************************/

/* .b-error ***************************************************************************************************************************************************/

/* End */

/* Start:http://www.bitrix24.com/bitrix/templates/b24_en_new/css/en.css*/

/* CSS3 *******************************************************************************************************************************************************/

/* Transform **************************************************************************************************************************************************/

/* Transition *************************************************************************************************************************************************/

/* IE Filter **************************************************************************************************************************************************/

/* .mx-font 1 *************************************************************************************************************************************************/

/* .mx-font 2 *************************************************************************************************************************************************/

/* .mx-font 3 *************************************************************************************************************************************************/

/* .mx-font 4 *************************************************************************************************************************************************/

/* .mx-font 5 *************************************************************************************************************************************************/

/* #b-header **************************************************************************************************************************************************/

/* .b-help-links **********************************************************************************************************************************************/

/* .b-partner-contacts ****************************************************************************************************************************************/

/* .b-references **********************************************************************************************************************************************/

/* .b-installation ********************************************************************************************************************************************/

/* .b-downloads ***********************************************************************************************************************************************/

/* .b-main-features *******************************************************************************************************************************************/

/* .b-side-menu ***********************************************************************************************************************************************/

/* .b-back-to-top *********************************************************************************************************************************************/

/* .b-index-bnn ***********************************************************************************************************************************************/

/* .ib-daily-scene .i-notebook ********************************************************************************************************************************/

/* .b-index-buy.n-inbox ***************************************************************************************************************************************/

/* .b-banner-list *********************************************************************************************************************************************/

/* .b-circle-banner *******************************************************************************************************************************************/

/* .b-index-meet **********************************************************************************************************************************************/

.b-loader {
  margin-left: -81px;
}

.b-load-gap {
 

}

/* End */

/* http://www.bitrix24.com/bitrix/templates/b24_en_new/css/reset.css */

/* http://www.bitrix24.com/bitrix/templates/b24_en_new/css/style.css */

/* http://www.bitrix24.com/bitrix/templates/b24_en_new/css/mixins.css */

/* http://www.bitrix24.com/bitrix/templates/b24_en_new/css/animation.css */

/* http://www.bitrix24.com/bitrix/templates/b24_en_new/css/form.css */

/* http://www.bitrix24.com/bitrix/templates/b24_en_new/css/main.css */

/* http://www.bitrix24.com/bitrix/templates/b24_en_new/css/shared.css */

/* http://www.bitrix24.com/bitrix/templates/b24_en_new/css/banner.css */

/* http://www.bitrix24.com/bitrix/templates/b24_en_new/css/content.css */

/* http://www.bitrix24.com/bitrix/templates/b24_en_new/css/en.css */
