/* =General
===========================================================================*/
:focus {
  outline: none !important;
}
::-moz-focus-inner {
  border: 0 none;
}

  /* =Fonts
  -------------------------------------------------------------------------*/
  @font-face {
    font-family: 'museosans_100';
    src: url('webfonts/museosans_100-webfont.eot');
    src: url('webfonts/museosans_100-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('webfonts/museosans_100-webfont.woff') format('woff'),
         url('webfonts/museosans_100-webfont.ttf') format('truetype'),
         url('webfonts/museosans_100-webfont.svg#museosans_100') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'museosans_300';
    src: url('webfonts/museosans_300-webfont.eot');
    src: url('webfonts/museosans_300-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('webfonts/museosans_300-webfont.woff') format('woff'),
         url('webfonts/museosans_300-webfont.ttf') format('truetype'),
         url('webfonts/museosans_300-webfont.svg#museosans_300') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'museosans_500';
    src: url('webfonts/museosans_500-webfont.eot');
    src: url('webfonts/museosans_500-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('webfonts/museosans_500-webfont.woff') format('woff'),
         url('webfonts/museosans_500-webfont.ttf') format('truetype'),
         url('webfonts/museosans_500-webfont.svg#museosans_500') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'museosans_700';
    src: url('webfonts/museosans_700-webfont.eot');
    src: url('webfonts/museosans_700-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('webfonts/museosans_700-webfont.woff') format('woff'),
         url('webfonts/museosans_700-webfont.ttf') format('truetype'),
         url('webfonts/museosans_700-webfont.svg#museosans_700') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'museosans_900';
    src: url('webfonts/museosans_900-webfont.eot');
    src: url('webfonts/museosans_900-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('webfonts/museosans_900-webfont.woff') format('woff'),
         url('webfonts/museosans_900-webfont.ttf') format('truetype'),
         url('webfonts/museosans_900-webfont.svg#museosans_900') format('svg');
    font-weight: normal;
    font-style: normal;
  }


  /* =custom_15_07
===========================================================================*/


.bubble 
{

font-weight: bold;
position: relative;
text-decoration: none;
width: 240px;
height: 30px;
text-align: center;
padding-top: 12px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom:20px;
padding-bottom: 8px;
}


a {


color: #138BC6;

}

a:hover{

text-decoration: none;
color:#ccc;
}



.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 105px;
}



.onebizhub-page section.main-info .parallax-layer {
    top: auto;
    bottom: 0px;
    left: 50%;
    width: 540px;
    height: 271px;
    margin-left: -50px;
    background: url(../img/bg_promo_onebizhub.jpg) 0 0 no-repeat;
    -webkit-background-size: 540px 271px;
       -moz-background-size: 540px 271px;
            background-size: 540px 271px;
  }

  .onebizhub-page section.main-info {
    background: #CFE7F3;
  }


.only-mobile{display: none;}
.only-desktop{display: block;}

@media only screen and (max-width:767px){
  .only-mobile{display: block;}
  .only-desktop{display: none;}
}

/* =Body
===========================================================================*/
.main-page #page {
/*  margin-top: -80px;*/
}

.inner-page #page {
  padding-top: 80px;
}

/* =Header
===========================================================================*/
header {
  position: absolute;
  width: 100%;
  height: 80px;
  padding: 17px 89px 0 76px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 9;
}

/**
 * with video
 */
header.with_video{
  height: 80px;
  padding: 17px 89px 0 76px;
  position: fixed;
  top: 0;
  background: #fff;
  -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}
@media screen and (max-width: 767px){
  header.with_video {
      padding: 17px 20px 17px 18px;
      height: 60px;
  }  
}


/* header scroll*/
header.fixHeader {
  height: 80px;
  padding: 17px 89px 0 76px;
  position: fixed;
  top: 0;
  background: #fff;
  -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}

header.fixHeader .toggle-nav,
header.fixHeader .logo {
  -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
       -o-transition: all 0.1s ease-out;
          transition: all 0.1s ease-out;
}

.inner-page header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 63px;
  background: #fff;
  height: 80px;
}

  /* =Logo
  -------------------------------------------------------------------------*/
  header .logo {
    width: 246px;
    height: 49px;
    margin: 0 0 17px;
    background: url(../img/ico_header_logo.png) 0 0 no-repeat;
  }

  /* =ToggleNav
  -------------------------------------------------------------------------*/
  header .toggle-nav {
    margin-top: 17px;
  }

  header .toggle-nav b {
    float: left;
    margin: 0 16px 0 0;
    font: 18px/1em 'museosans_500', sans-serif;
    color: #128AC5;
  }

  header .toggle-nav .toggle-button {
    float: left;
    margin-top: 3px;
    width: 18px;
  }

  header .toggle-nav .toggle-button .ico {
    display: block;
    height: 2px;
    margin: 0 0 3px;
    background: #128AC5;
  }

/* =Page
===========================================================================*/

  /* =MainInfo
  -------------------------------------------------------------------------*/
  section.main-info {
    position: relative;
    height: 510px;
  }

  .overview-page section.main-info {
    background: #CFE7F3;
  }
  
    .company-page section.main-info {
    background: #CFE7F3;
  }

  .endusers-page section.main-info {
    background: #FEE9BF;
  }

  .serviceproviders-page section.main-info {
    background: #E3D9E2;
  }

  .overview-page section.main-info .parallax-layer {
    top: auto;
    bottom: 0px;
    left: 50%;
    width: 540px;
    height: 271px;
    margin-left: -50px;
    background: url(../img/bg_promo_overview.jpg) 0 0 no-repeat;
    -webkit-background-size: 540px 271px;
       -moz-background-size: 540px 271px;
            background-size: 540px 271px;
  }
  
   .company-page section.main-info .parallax-layer {
    top: auto;
    bottom: 20px;
    left: 50%;
    width: 1000px;
    height: 483px;
    margin-left: -100px;
    margin-top: 20%;
    background: url(../img/bg_company.jpg) 0 0 no-repeat;
    -webkit-background-size: 1000px 483px;
       -moz-background-size: 1000px 483px;
            background-size: 1000px 483px;
  }


  .endusers-page section.main-info .parallax-layer {
    top: auto;
    bottom: -15px;
    left: auto;
    right: 0;
    width: 540px;
    height: 343px;
    background: url(../img/bg_promo_endusers.jpg) 0 0 no-repeat;
    -webkit-background-size: 540px 343px;
       -moz-background-size: 540px 343px;
            background-size: 540px 343px;
  }

  .serviceproviders-page section.main-info .parallax-layer {
    top: auto;
    bottom: -15px;
    left: auto;
    right: -50px;
    width: 540px;
    height: 444px;
    background: url(../img/bg_promo_serviceproviders.jpg) 0 0 no-repeat;
    -webkit-background-size: 540px 444px;
       -moz-background-size: 540px 444px;
            background-size: 540px 444px;
  }

  section.main-info .container {
    position: relative;
    z-index: 2;
  }

  section.contact-company .navigate,
  section.main-info .navigate {
    padding: 18px 42px 0 0;
    position: fixed;
    width: 180px;
  }

  section.main-info .navigate ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  section.main-info .navigate li {
    margin: 0 0 3px;
    font: 16px/43px 'museosans_500', sans-serif;
  }

  section.main-info .navigate a {
    display: block;
    padding: 1px 0 1px 16px;
    color: #666;
    text-decoration: none;
  }

  section.main-info .navigate li.active > a {
    padding: 0 0 0 15px;
    border: 1px solid #666;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }

  section.main-info .content {
    padding: 72px 0 0;
  }

  section.main-info .content h2 {
    margin: 0 0 6px;
    font: 20px/1em 'museosans_500', sans-serif;
    color: #707170;
    letter-spacing: -1px;
    text-transform: uppercase;
  }

  section.main-info .content h1 {
    margin: 0 0 8px;
    font: 28px/40px 'museosans_500', sans-serif;
    color: #128AC5;
    letter-spacing: -1.5px;
  }

  section.main-info .content .information {
    font: 20px/55px 'museosans_500', sans-serif;
    color: #333;
  }

  section.company .content .information {
    font: 20px/55px 'museosans_500', sans-serif;
    color: #333;
  }

  section.main-info .content .information strong {
    color: #128AC5;
  }

  section.main-info .content .information a {
    color: #128AC5;
    text-decoration: underline;
  }

  /* .:Overview page:. */


  /* custom 15_07*/

  section.overview .feature-rich {
    height: 300px;
    background: url(../img/feature-rich.png) 0 0 no-repeat;
    margin: 0 0 0px -25px;
  }

  section.overview .onebizhub {
    height: 300px;
    background: url(../img/onebizhub.png) 0 0 no-repeat;
    margin: 0 0 0px -25px;
  }


  section.overview .optimize {
    height: 300px;
    background: url(../img/optimize.png) 0 0 no-repeat;
    margin: 0 0 0px -25px;
  }

   section.overview .secure-business {
    height: 300px;
    background: url(../img/secure-business.png) 0 0 no-repeat;
    margin: 0 0 0px -25px;
  }


  /* end custom */

  section.overview {
    padding: 6px 0 91px;
  }

  section.overview.grey {
    background-color: #F6F6F6;
    padding: 6px 0 113px;
  }

  section.overview.grey.more,
  section.overview.more {
    padding: 6px 0 127px;
  }

  section.overview.small {
    padding: 107px 0 160px;
  }

  section.overview .wrap-description .mobile {
    padding: 8px 0 0 73px;
  }

  section.overview .wrap-description .mobile a {
    margin: 0 0 0 15px;
  }

  section.overview .wrap-description .icon {
    background: url(../img/soc_os_overview.png) 0 0 no-repeat;
    display: inline-block;
    width: 30px;
    height: 40px;
  }

  section.overview .wrap-description .icon.android {
    background-position: 0 0 ;
    width: 22px;
  }

  section.overview .wrap-description .icon.ipad {
    background-position: -48px 0;
    width: 32px;
  }

  section.overview .wrap-description .icon.bb {
    background-position: -101px 0;
    width: 32px;
  }

  section.overview .wrap-description .icon.w-p {
    background-position: -151px 0;
    width: 40px;
  }

  section.overview .image.how-work {
    height: 300px;
    background: url(../img/bg_overview_how_to_work.png) 0 0 no-repeat;
    margin: 0 0 0px -25px;
  }

  section.overview .image.sharing {
    height: 300px;
    background: url(../img/bg_overview_sharing.png) 0 0 no-repeat;
    margin: 23px 0 25px -40px;
  }

  section.overview .image.access {
    height: 300px;
    background: url(../img/bg_overview_access.png) 0 0 no-repeat;
    margin: 32px 0 0 -33px;
  }

  section.overview .image.tablets {
    height: 300px;
    background: url(../img/bg_overview_tablets.png) 0 0 no-repeat;
    margin: 25px 0 9px -40px; 
  }

  section.overview h3 {
    font: 24px/28px 'museosans_500', sans-serif;
    color: #138BC6;
    letter-spacing: -1px;
    padding: 0 0 5px;
  }

  section.overview .wrap-description .description {
    font: 18px/40px 'museosans_500', sans-serif;
    color: #333333;
    padding: 0 0 10px;
  }

  section.overview.grey.more .wrap-description h3 {
    padding: 0;
  }

  section.overview.grey.more .wrap-description .description {
    line-height: 30px;
  }

  /* .:End users and Service Providers:. */

  section.end-users {
    padding: 37px 0 269px;
  }

  section.service-providers {
    padding: 40px 0 116px;
  }

  section.contact-list .accordion-inner,
  section.contact-list .accordion-group,
  section.service-providers .accordion-inner,
  section.service-providers .accordion-group,
  section.end-users .accordion-inner,
  section.end-users .accordion-group {
    margin: 0;
    border: 0;
    border-radius: 0;
    position: relative;
  }

  section.contact-list .accordion-heading .accordion-toggle,
  section.service-providers .accordion-heading .accordion-toggle,
  section.end-users .accordion-heading .accordion-toggle {
    padding: 0;
  }

  section.service-providers .accordion-group .accordion-heading a,
  section.end-users .accordion-group .accordion-heading a {
    font: 24px/28px 'museosans_500', sans-serif;
    color: #333333;
    text-decoration: none;
    padding-left: 60px;
    margin-bottom: 60px;
    cursor: pointer;
  }

  section.end-users .accordion-group .accordion-heading a.security {
    background: url(../img/ico_home_solutions_item_1.png) 0 0 no-repeat;
  }

  section.end-users .accordion-group .accordion-heading a.syncing {
    background: url(../img/ico_home_solutions_item_2.png) 0 0 no-repeat;
  }

  section.end-users .accordion-group .accordion-heading a.sharing {
    background: url(../img/ico_home_solutions_item_3.png) 0 0 no-repeat;
  }

  section.end-users .accordion-group .accordion-heading a.integrating {
    background: url(../img/ico_home_solutions_item_4.png) 0 0 no-repeat;
  }

  section.service-providers .accordion-group .accordion-heading a.white-label {
    background: url(../img/ico_home_solutions_item_8.png) 0 0 no-repeat;
  }

  section.service-providers .accordion-group .accordion-heading a.digital {
    background: url(../img/ico_home_solutions_item_7.png) 0 0 no-repeat;
  }

  section.service-providers .accordion-group .accordion-heading a.flexibility {
    background: url(../img/ico_home_solutions_item_6.png) 0 0 no-repeat;
  }

  section.service-providers .accordion-group .accordion-heading a.deploy {
    background: url(../img/ico_home_solutions_item_5.png) 0 0 no-repeat;
  }

  section.contact-list .accordion-group .accordion-heading a.accordion-toggle:after,
  section.service-providers .accordion-group .accordion-heading a:after,
  section.end-users .accordion-group .accordion-heading a:after {
    background: url(../img/ico_users_add.png) 0 0 no-repeat;
    content: '';
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    position: absolute;
  }

  section.contact-list .accordion-group .accordion-heading a.accordion-toggle.collapsed:after,
  section.service-providers .accordion-group .accordion-heading a.collapsed:after,
  section.end-users .accordion-group .accordion-heading a.collapsed:after {
    background: url(../img/ico_users_add.png) -25px 0 no-repeat;
    content: '';
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    position: absolute;
  }

  section.service-providers .accordion-group .accordion-heading b,
  section.end-users .accordion-group .accordion-heading b {
    color: #1C8AC3;
    font-weight: normal;
  }

  section.service-providers .accordion-group .accordion-inner,
  section.end-users .accordion-group .accordion-inner {
    font: 16px/32px 'museosans_500', sans-serif;
    color: #333333;
    display: block;
    padding: 0 205px 50px 60px;
  }

  section.end-users .button {
    margin-left: 60px;
  }

  section.service-providers .padding {
    padding-top: 70px;
  }

  section.service-providers h3 {
    font: 24px/28px 'museosans_500', sans-serif;
    color: #138BC6;
    letter-spacing: -1px;
    padding: 0 0 5px;
  }

  /* .:Comparisons:. */

  .comparisons-page section.main-info {
    background-color: #CECECE;
  }

  .comparisons-page section.main-info .parallax-layer {
    top: auto;
    bottom: -17%;
    left: auto;
    right: -25px;
    width: 740px;
    height: 524px;
    background: url(../img/bg_promo_comparisons.jpg) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
       -moz-background-size: 100% auto;
            background-size: 100% auto;
  }

  section.comparisons {
    padding: 57px 0 228px;
  }

  /* .:Case study:. */

  .casestudy-page section.main-info {
    background: #CEE7F4;
  }
  
  .casestudy-page section.main-info .parallax-layer {
    top: auto;
    bottom: -41%;
    left: 45%;
    width: 840px;
    height: 645px;
    background: url(../img/bg_promo_case_study.jpg) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }

  section.case-study {
    padding: 63px 0 176px;
  }

  section.case-study .information .title {
    font: 24px/28px 'museosans_500', sans-serif;
    padding-bottom: 51px;
  }

  section.case-study .information .title strong {
    font-weight: normal;
    color: #138BC6;
  }

  section.case-study .information .description {
    font: 18px/21px 'museosans_500', sans-serif;
    padding-bottom: 46px;
  }

  section.case-study .logos {
    padding-bottom: 38px;
  }

  section.case-study .logos .about .solutions {
    font: 14px/21px 'museosans_500', sans-serif;
    color: #cccccc;
    display: block;
  }

  section.case-study .logos .sharp {
    background: url(../img/logo_case_study_sharp.png) 0 0 no-repeat;
    height: 115px;
  }

  section.case-study .logos .knp {
    background: url(../img/logo_case_study_knp.png) 50% 0 no-repeat;
    height: 115px;
  }

  section.case-study .logos .oi {
    background: url(../img/logo_case_study_oi.png) 50% 0 no-repeat;
    height: 115px;
  }

  section.case-study .logos .lg {
    background: url(../img/logo_case_study_lg.png) 50% 0 no-repeat;
    height: 115px;
  }

  section.case-study .logos .movistar {
    background: url(../img/logo_case_study_movistar.png) 0 0 no-repeat;
    height: 115px;
  }

  section.case-study .logos .nokia {
    background: url(../img/logo_case_study_nokia.png) 50% 0 no-repeat;
    height: 115px;
  }

  section.case-study .logos .etisalat {
    background: url(../img/logo_case_study_etisalat.png) 50% 0 no-repeat;
    height: 115px;
  }

  section.case-study .logos .e-plus {
    background: url(../img/logo_case_study_e_plus.png) 50% 0 no-repeat;
    height: 115px;
  }

  section.case-study .logos .samsung {
    background: url(../img/logo_case_study_samsung.png) 0 0 no-repeat;
    height: 115px;
  }

  section.case-study .logos .sprint {
    background: url(../img/logo_case_study_sprint.png) 50% 0 no-repeat;
    height: 115px;
  }

  section.case-study .logos .l-l {
    background: url(../img/logo_case_study_l_l.png) 50% 0 no-repeat;
    height: 115px;
  }

  section.case-study .logos .base {
    background: url(../img/logo_case_study_base.png) 50% 0 no-repeat;
    height: 115px;
  }

  /* =News Page
  -------------------------------------------------------------------------*/

  .news-page header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 80px;
  }

  .news-page #page {
    padding-top: 80px;
  }

  section.wrap-news {
    background-color: #D0E8F4;
  }

  section.wrap-news .titles h2 {
    font: 20px/72px 'museosans_500', sans-serif;
    color: #717170;
    text-transform: uppercase;
    margin: 0;
  }

  section.wrap-news .titles span {
    font: 22px/72px 'museosans_500', sans-serif;
    color: #138BC6;
    display: block;
  }

  section.wrap-news .subtitle span {
    font: 14px/72px 'museosans_500', sans-serif;
    color: #138BC6;
    display: block;
  }

  section.inner-news {
    padding: 32px 0 347px;
  }

  section.inner-news form input[type="text"] {
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
    box-shadow: none;
    font: 12px/14px 'museosans_500', sans-serif;
    padding: 0 0 0 38px;
    width: 86%;
    height: 40px;
    background: url(../img/ico_news_search.png) 10px 50% no-repeat;
    margin-bottom: 30px;
  }

  section.inner-news form label {
    font: 18px/22px 'museosans_500', sans-serif;
    color: #333;
    border-bottom: 1px solid #EFEFEF;
    margin-left: -2px;
    padding-bottom: 10px;
  }

  section.inner-news form .btn-group .dropdown-toggle,
  section.inner-news form .btn-group.open .dropdown-toggle {
    background: none;
  }

  section.inner-news form .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
    height: 40px;
    margin: 13px 0 37px;
  }

  section.inner-news form .btn-group>.btn:first-child {
    height: 40px;
    font: 12px/14px 'museosans_500', sans-serif;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
    box-shadow: none;
    border: 1px solid #EFEFEF;
    background: url(../img/ico_arrow_news.png) 96% 50% no-repeat;
  }

  section.inner-news form .bootstrap-select.btn-group .btn .caret {
    border-top-color: #999999;
    display: none;
  }

  section.inner-news form .dropdown-menu>li>a:hover, 
  section.inner-news form .dropdown-menu>li>a:focus, 
  section.inner-news form .dropdown-submenu:hover>a, 
  section.inner-news form .dropdown-submenu:focus>a {
    background: #EFEFEF;
    color: #333;
  }

  section.inner-news .dropdown-menu {
    border: 1px solid #EFEFEF;
  }

  section.inner-news form .bootstrap-select.btn-group .btn .filter-option {
    color: #999999;
    font: 14px/1em 'museosans_500', sans-serif;
  }

  section.inner-news .span9 {
    margin-left: 0;
  }

  section.inner-news .boxes {
    width: 321px;
    height: 211px;
    background-color: #EFEFEF;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
  }

  section.inner-news .info {
    padding: 0 22px 0 322px;
  }

  section.inner-news .info h2 {
    font: 24px/28px 'museosans_500', sans-serif;
    color: #333;
    padding-left: 22px;
  }

  section.inner-news .info .description {
    font: 12px/20px 'museosans_500', sans-serif;
    color: #333;
    padding-left: 22px;
  }

  section.inner-news .more-tabs {
   clear: left;
   border-bottom: 1px solid #EFEFEF;
   margin-right: 22px;
  }

  section.inner-news .tabs {
    margin: 25px 0 25px;

  }

  section.inner-news .more-tabs .tabs .about {
    text-decoration: none;
    height: 54px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    width: 559px;
    background: url(../img/ico_tabs_news.png) 0 0 no-repeat;
    display: block;
    margin-left: -15px;
  }

  /* =Contact Page
  -------------------------------------------------------------------------*/

  .contact-page header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #EFEFEF;
    height: 80px;
  }

  .contact-page #page {
    padding-top: 80px;
  }

  section.contact-company {
    padding: 0 0 100px;
  }

  section.contact-list.grey {
    background-color: #F6F6F6;
    padding: 65px 0 170px;
  }

  section.contact-company .content {
    padding: 18px 0 0 0;
  }

  section.contact-company .content.span9 {
    margin-left: 25.641025641025642%;
  }



  section.contact-company .navigate ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  section.contact-company .navigate li {
    margin: 0 0 3px;
    font: 16px/43px 'museosans_500', sans-serif;
  }

  section.contact-company .navigate a {
    display: block;
    padding: 1px 0 1px 16px;
    color: #666;
    text-decoration: none;
  }

  section.contact-company .navigate li.active > a {
    padding: 0 0 0 15px;
    border: 1px solid #666;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }

  section.contact-company .content h2 {
    margin: 0 0 6px;
    font: 20px/1em 'museosans_500', sans-serif;
    color: #707170;
    letter-spacing: -1px;
    text-transform: uppercase;
  }

  section.contact-company .content h1 {
    margin: 0 0 8px;
    font: 28px/40px 'museosans_500', sans-serif;
    color: #128AC5;
    letter-spacing: -1.5px;
  }

  section.contact-company .content .information {
    font: 18px/30px 'museosans_500', sans-serif;
    color: #333;
    margin-bottom: 45px;
  }

  section.contact-company .content iframe {
    margin-bottom: 37px;
  }

  section.contact-company .content form h3 {
    margin: 0 0 8px;
    font: 24px/28px 'museosans_500', sans-serif;
    color: #128AC5;
    letter-spacing: -1.5px;
  }

  section.contact-company .content headquarters h3 {
    margin: 0 0 8px;
    font: 24px/28px 'museosans_500', sans-serif;
    color: #128AC5;
    letter-spacing: -1.5px;
  }

  section.contact-company .content form .address {
    font: 14px/18px 'museosans_500', sans-serif;
    margin-bottom: 77px;
  }

  section.contact-company .content form .information {
    font: 12px/18px 'museosans_500', sans-serif;
    margin-bottom: 77px;
    letter-spacing: 0.5px;
  }

  section.contact-company .content form .information strong {
    letter-spacing: 0;
  }

  section.contact-company .content form .span7 {
    margin: 0;
    padding-right: 34px;
  }

  section.contact-company .content form input[type="text"] {
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
    box-shadow: none;
    font: 16px/1em 'museosans_500', sans-serif;
    padding: 0 0 0 12px;
    width: 100%;
    height: 52px;
    margin-bottom: 13px;
  }

  section.contact-company .content form textarea:focus,
  section.contact-company .content form input[type="text"]:focus {
    border-color: rgba(204,204,204,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(204,204,204,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(204,204,204,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(204,204,204,0.6);
  }

  section.contact-company .content form textarea {
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
    box-shadow: none;
    font: 16px/19px 'museosans_500', sans-serif;
    padding: 12px 0 12px 12px;
    width: 100%;
    height: 294px;
    resize: none;
    margin-bottom: 30px;
  }

  section.contact-company .content form .result {
    width: 104%;
    margin-bottom: 30px;
  }

  section.contact-company .content form .result label {
    text-align: center;
    font: 18px/52px 'museosans_500', sans-serif;
    margin-right: 30px;
    display: block;
  }

  section.contact-company .content form .result input[type="text"] {
    width: 56.5%;
  }

  section.contact-company .content form input[type="submit"] {
    display: inline-block;
    width: 104%;
    border: 2px solid #1C8AC3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    font: 20px/52px 'museosans_500', sans-serif;
    color: #1C8AC3;
    text-decoration: none;
    text-align: center;
    padding: 0 0 0 12px;
  }

  section.contact-list h2 {
    font: 22px/28px 'museosans_500', sans-serif;
    color: #08c;
    margin-bottom: 20px;
  }

  section.contact-list .accordion-group .accordion-heading a {
    color: #128AC5;
    font: 24px/1em 'museosans_500', sans-serif;
    text-decoration: none;
    margin-bottom: 20px;
    padding-right: 300px;
    cursor: pointer;
  }

  section.contact-list .accordion-group .accordion-inner {
    padding: 0 30px 20px 0;
  }

  section.contact-list .accordion-group .accordion-inner h4 {
    color: #128AC5;
    cursor: default;
    font: normal 14px/20px 'museosans_500', sans-serif;
  }

  section.contact-list .accordion-group .accordion-inner span {
    color: #333;
    font: normal 14px/20px 'museosans_500', sans-serif;
    margin-bottom: 20px;
    display: block;
  }


  /* =PromoSlider
  -------------------------------------------------------------------------*/

  .experts-page header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 80px;
  }

  .experts-page #page {
    padding-top: 80px;
  }

  .experts-page section.experts .parallax-layer {
    top: auto;
    bottom: -2%;
    right: -14%;
    left: auto;
    width: 1250px;
    height: 603px;
    margin-left: -250px;
    background: url(../img/bg_promo_company.jpg) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }

  section.experts {
    background-color: #CFE7F3;
    height: 509px;
    position: relative;
  }

  section.experts .container {
    z-index: 2;
    position: relative;
  }

 

  section.experts .content h2 {
    margin: 0 0 6px;
    font: 20px/1em 'museosans_500', sans-serif;
    color: #707170;
    letter-spacing: -1px;
    text-transform: uppercase;
    padding-top: 33px;
  }

  section.experts .content h1 {
    margin: 0 0 8px;
    font: 28px/40px 'museosans_500', sans-serif;
    color: #128AC5;
    letter-spacing: -1.5px;
  }

  section.experts .content .information {
    font: 18px/40px 'museosans_500', sans-serif;
    color: #333;
    margin-bottom: 45px;
  }

  section.experts-wrapper {
    background: url(../img/bckg_experts_wrapper4.png) 50% 55% no-repeat;
  }

  section.experts-wrapper .content {
    padding: 20px 0 70px;
  }

  section.experts-wrapper .row-fluid.title .content.span2 {
    width: 16.62991452991453%;
  }

  section.experts-wrapper .row-fluid.date .content.span2 {
    width: 16.62991452991453%;
  }

  section.experts-wrapper .row-fluid.date {
    position: relative;
  }

  section.experts-wrapper .row-fluid.date .content.span2.current {
    position: absolute;
    right: 0;
    width: 4%;
  }

  section.experts-wrapper .row-fluid.title [class*="span"]:first-child {
    margin-left: 0;
  }

  section.experts-wrapper .row-fluid.date [class*="span"]:first-child {
    margin-left: 0;
  }

  section.experts-wrapper .row-fluid.title [class*="span"] {
    margin-left: 2.964102564102564%;
  }

  section.experts-wrapper .row-fluid.date [class*="span"] {
    margin-left: 2.964102564102564%;
  }

  section.experts-wrapper .content .title {
    font: 18px/21px 'museosans_500', sans-serif;
    color: #128AC5;
  }

  section.experts-wrapper .content .title span {
    display: none;
  }

  section.experts-wrapper .content span {
    font: 14px/18px 'museosans_500', sans-serif;
    color: #333;
    display: block;
  }

  section.experts-inner {
    padding-bottom: 68px;
  }

   section.experts-inner .awards {
    margin-top: 40px;
  }

  section.experts-inner .description {
    font: 14px/24px 'museosans_500', sans-serif;
    color: #333;
  }

  section.experts-inner .description strong {
    letter-spacing: -0.7px;
  }

  section.experts-career.grey {
    background-color: #F6F6F6;
    margin: 0;
    border: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  section.experts-career {
    margin: 60px 0 0;
    border-top: 1px solid #666;
  }

   

  section.experts-career .nav-tabs {
    margin-top: -60px;
  }

  section.experts-career.grey .tab-content {
    padding: 0;
  }

  section.experts-career .tab-content {
    padding: 53px 0 0;
  }

  section.experts-career .nav-tabs > li a {
    padding: 0;
    text-align: center;
    border-radius: 7px 7px 0 0;
  }

  section.experts-career .tab-content .solution-items .images {
    padding-bottom: 15px;
  }

  section.experts-career .tab-content .solution-items h2 {
    font: 20px/24px 'museosans_500', sans-serif;
    margin: 0;
  }

  section.experts-career .tab-content .solution-items span {
    font: 13px/16px 'museosans_500', sans-serif;
    text-transform: uppercase;
    margin-bottom: 35px;
    display: block;
  }

  section.experts-career .tab-content .solution-items .description {
    font: 14px/20px 'museosans_500', sans-serif;
    letter-spacing: -0.3px;
  }

  section.experts-career.grey .tab-content .solution-items .description {
    letter-spacing: -0.4px;
  }

  section.experts-career .tab-content .solution-items a {
    font: 16px/20px 'museosans_500', sans-serif;
    color: #128AC5;
    padding: 30px 0;
  }

  /* =PromoSlider
  -------------------------------------------------------------------------*/
  section.promo-slider {
    position: relative;
    height: 900px;
  }

  section.promo-slider .wrap-description {
    position: absolute;
    left: 78px;
    right: 50px;
    top: 31.111111%; /* 280/900 = 0,3111111111111111 */
  }

  section.promo-slider .wrap-description h2 {
    margin: 0 0 25px;
    font: 42px/50px 'museosans_500', sans-serif;
    color: #138BC6;
  }

  section.promo-slider .wrap-description .description {
    margin: 0 0 75px;
    font: 24px/28px 'museosans_500', sans-serif;
    color: #138BC6;
  }

  /* =About
  -------------------------------------------------------------------------*/
  section.about h2 {
    margin: 0 0 17px;
    font: 28px/1em 'museosans_500', sans-serif;
    color: #1C8AC3;
  }

  section.about .content {
    margin: 0;
    font: 20px/55px 'museosans_500', sans-serif;
    color: #333;
  }

  section.about .content a {
    color: #138BC6;
    text-decoration: none;
  }

  section.about .video {
    display: block;
    height: 256px;
    background: url(../img/bg_home_video.jpg) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
       -moz-background-size: 100% auto;
            background-size: 100% auto;
  }



  /* =Custom
  -------------------------------------------------------------------------*/

  h3 {
    font: 18px/22px 'museosans_500', sans-serif;
    color: #08c;
    letter-spacing: -1px;
    padding: 0 0 5px;
  }
  
  h4 {
    font: 14px/18px 'museosans_500', sans-serif;
    color: #999999;
    letter-spacing: -1px;
    padding: 0 0 5px;
  }

    h5 {
    font: 18px/20px 'museosans_500', sans-serif;
    color: #138BC6;
    letter-spacing: -1px;
    padding: 0 0 5px;
  }


 

   section.contact-company h2.border {
    margin: 0 0 6px;
    padding-top:20px;
    font: 20px/1em 'museosans_500', sans-serif;
    color: #707170;
    letter-spacing: -1px;
    text-transform: uppercase;
  }

  

    .caption {
      border-bottom:1px solid #efefef;
      margin-bottom:20px;
      padding-bottom:20px;
        }

    .details {
      font-size:12px;
      color:#999999;
        }

    .companyinfo {
    font: 12px/16px 'museosans_500', sans-serif;
    color: #333;
    line-height: 22px;

    }

      .companyinfo strong {
    color: #128AC5;
  }


  .container-full {
  margin: 0 auto;
  width: 100%;
}

  #awards {
  padding-top: 200 px;
  width: 100%;
}



  section.service-providers .accordion-group .accordion-heading a.white-label {
    background: url(../img/ico_home_solutions_item_8.png) 0 0 no-repeat;
  }

  section.service-providers .accordion-group .accordion-heading a.digital {
    background: url(../img/ico_home_solutions_item_7.png) 0 0 no-repeat;
  }

  section.service-providers .accordion-group .accordion-heading a.flexibility {
    background: url(../img/ico_home_solutions_item_6.png) 0 0 no-repeat;
  }

  section.service-providers .accordion-group .accordion-heading a.deploy {
    background: url(../img/ico_home_solutions_item_5.png) 0 0 no-repeat;
  }

  /* =Cloud rate
  -------------------------------------------------------------------------*/
  section.cloud-rate{background: #F5F5F5;padding: 60px 0 100px;}
  section.cloud-rate .container{text-align: center;}
  section.cloud-rate .slider-container{position: relative;}
  section.cloud-rate h2{
    color:#138BC6;
    text-transform: uppercase;
    font-family: 'museosans_100';
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 30px;
  }
  section.cloud-rate .title-step, section.cloud-rate .title-step[rel="none"]{color:#fc3d4b;font-size: 25px;margin-bottom: 10px;font-family: 'museosans_500';}
  section.cloud-rate .title-step[rel="backup"]{color:#ff8000;}
  section.cloud-rate .title-step[rel="passive"]{color:#f4ae1d;}
  section.cloud-rate .title-step[rel="digitallife"]{color:#009800;}
  section.cloud-rate .desc-step{font-family: 'museosans_500';}
  section.cloud-rate .cloud-rate-steps{max-width: 445px;margin:0 auto;font-size: 18px;}
  
  section.cloud-rate .widget-slider{width: 80%;margin: 0 auto;margin-top: -20px;}
  section.cloud-rate .input-slider{opacity:0;}
  section.cloud-rate .second-info{margin-top: 15px;}
  section.cloud-rate .slider{width: 100%;}
  section.cloud-rate .slider .dragger{
    background-color: #fff;
    border: 1px solid #138BC6;
    border-radius: 50%;
    width: 25px;
    height: 25px;
  }
  section.cloud-rate .slider .track,
  section.cloud-rate .slider .highlight-track{
    background: #ccc;
    height: 7px;
    width: 95%;
    border-radius: 5px;
  }


  /* =Solutions
  -------------------------------------------------------------------------*/
  section.solutions {
    margin: 0 0 54px;
    border-top: 1px solid #666;
  }

  section.solutions .nav-tabs {
    margin-top: -60px;
  }

  section.solutions .nav-tabs > li.user a {
    padding: 0 0 0 76px;
    background: #fff url(../img/ico_home_solutions_user.png) 19px 17px no-repeat;
  }

  section.solutions .nav-tabs > li.provider a {
    padding: 0 0 0 62px;
    background: #fff url(../img/ico_home_solutions_provider.png) 15px 20px no-repeat;
  }

     section.solutions .nav-tabs > li.company a {
    padding: 0 0 0 62px;
    background: #fff;
  }

  section.solutions .tab-content {
    padding: 53px 0 0;
  }

  section.solutions .solution-items > h4 {
    margin-top: 0;
    margin-bottom: 46px;
    padding: 0 0 0 50px;
    background-position: 0 0;
    background-repeat: no-repeat;
    font: 18px/37px 'museosans_500', sans-serif;
    color: #333;
  }

  section.solutions .securing {
    background-image: url(../img/ico_home_solutions_item_1.png);
  }

  section.solutions .sharing {
    background-image: url(../img/ico_home_solutions_item_2.png);
  }

  section.solutions .syncing {
    background-image: url(../img/ico_home_solutions_item_3.png);
  }

  section.solutions .integrating {
    background-image: url(../img/ico_home_solutions_item_4.png);
  }


  section.solutions .whitelabel {
    background-image: url(../img/ico_home_solutions_item_8.png);
  }


  section.solutions .digitallife {
    background-image: url(../img/ico_home_solutions_item_7.png);
  }

   section.solutions .flexibility {
    background-image: url(../img/ico_home_solutions_item_6.png);
  }

   section.solutions .deployment {
    background-image: url(../img/ico_home_solutions_item_5.png);
  }

  section.solutions .solution-items a {
    color: #333;
    text-decoration: none;
  }

  section.solutions .solution-items strong {
    font-weight: normal;
    color: #138BC6; 
  }

  section.solutions .button {
    margin-top: -11px;
  }

  /* =Company
  -------------------------------------------------------------------------*/
  section.company {
    padding: 52px 0 63px;
    background: #F5F5F5;
  }

   section.companyintro {
    padding: 52px 0 63px;
    background: #ffffff;
  }

  section.company .image {
    min-height: 350px;
    background: url(../img/bg_home_company.png) 100% 50% no-repeat;
    background-size: 100% auto;
  }

  section.company .wrap-description {
    margin-left: 0;
  }

  section.company h3 {
    margin: 0 0 17px;
    font: 28px/1em 'museosans_500', sans-serif;
    color: #1C8AC3;
  }

  section.company .description {
    margin: 0 0 39px;
    font: 20px/55px 'museosans_500', sans-serif;
    color: #323232;
  }

  section.company .description a {
    color: #138BC6;
    text-decoration: none;
  }

  /* =LatestNews
  -------------------------------------------------------------------------*/
  section.latest-news {
    padding: 77px 0 58px;
  }

  section.latest-news h3 {
    margin: 0 0 35px;
    font: 28px/1em 'museosans_500', sans-serif;
    color: #1C8AC3;
  }

   section.latest-news h3 a{
    margin: 0 0 35px;
    font: 28px/1em 'museosans_500', sans-serif;
    color: #1C8AC3;
    text-decoration:none;
  }

  section.latest-news .item {
    margin-bottom: 27px;
    font: 18px/1em 'museosans_500', sans-serif;
  }

  section.latest-news .item a {
    color: #1C8AC3;
    text-decoration: none;
    line-height: 2;
  }

/* =Footer
===========================================================================*/
footer {
  font: 14px/1em 'museosans_500', sans-serif;
  color: #fff;
}

footer a,
footer a:hover {
  color: #fff;
  text-decoration: none;
}

footer .top {
  padding: 30px 0 27px;
  background: #008CC9;
  line-height: 22px;
}

footer .bottom {
  padding: 26px 0 30px;
  background: #00A3D4;
}

  /* =Logo
  -------------------------------------------------------------------------*/
  footer .logo {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 0 14px;
    background: url(../img/ico_footer_logo.png) 0 0 no-repeat;
    -webkit-background-size: 50px 50px;
       -moz-background-size: 50px 50px;
            background-size: 50px 50px;
  }

  footer .wrap-logo strong {
    display: block;
    font-weight: normal;
  }

  /* =Contacts
  -------------------------------------------------------------------------*/
  footer .contacts {
    padding: 10px 0 0;
  }

  footer .contacts p {
    margin: 0;
  }

  /* =Copyright
  -------------------------------------------------------------------------*/
  footer .copyright {
    padding: 3px 0 0;
    color: #89c5e2;
  }

  /* =Nav
  -------------------------------------------------------------------------*/
  footer nav {
    margin-right: 50px;
  }

  footer nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  footer nav li {
    float: left;
    margin: 0 0 0 13px;
    border-left: 1px solid #fff;
    padding: 0 0 0 13px;
  }

  footer nav li:first-child {
    margin: 0;
    border-left: 0 none;
    padding: 0;
  }

/* =Mics
===========================================================================*/ 
  /* =Button
  -------------------------------------------------------------------------*/
  #page .button {
    display: inline-block;
    max-width: 219px;
    width: 100%;
    border: 2px solid #1C8AC3;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background: #fff;
    font: 20px/52px 'museosans_500', sans-serif;
    color: #1C8AC3;
    text-decoration: none;
    text-align: center;
  }

    #page .button:hover {
  border:2px solid #cccccc;
  color:#cccccc;
}

  #main-slider .button {
    min-width: 245px;
    background: none;
  }

   #main-slider .button:hover {
    border:2px solid #cccccc;
    min-width: 245px;
    background: none;
  }

  /* =NavTabs
  -------------------------------------------------------------------------*/
  .nav-tabs {
    border: 0 none;
    margin: 0;
  }

  .nav-tabs > li > a,
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus,
  .nav-tabs > li > a:hover,
  .nav-tabs > li > a:focus {
    border: 1px solid #666;
    border-bottom: 0 none;
    background: #fff;
    font: 18px/58px 'museosans_500', sans-serif;
    color: #999;
  }

  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    padding-bottom: 1px !important;
    margin-bottom: -1px;
    color: #138BC6;
  }

  /* =Carousel
  -------------------------------------------------------------------------*/
  .carousel {
    height: 100%;
    margin: 0;
  }

  .carousel-inner {
    height: 100%;
  }

  .carousel-inner > .item {
    height: 100%;
  }

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    margin: 0 auto;
  }

  .carousel-indicators {
    position: absolute;
    top: auto;
    bottom: 28px;
    right: 50%;
    margin: 0 0 0 ;
  }

  .carousel-indicators li {
    width: 13px;
    height: 13px;
    margin-left: 7px;
    border: 1px solid #138BC6;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    background: #fff;
  }

  .carousel-indicators li:first-child {
    margin-left: 0;
  }

  .carousel-indicators li.active {
    background: #138BC6;
  }

  /* =ParallaxCarousel
  -------------------------------------------------------------------------*/
  .parallax-viewport {
    position: absolute;     /* relative, absolute, fixed */
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .parallax-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 105%;
    height: 105%;
    background: url(../img/bg_home_slider.jpg) 50% 100% no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
            background-size: cover;
  }

  .parallax-layer2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 105%;
    height: 105%;
    background: url(../img/bg_home_slider2.jpg) 50% 100% no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
            background-size: cover;
  }


/* custom 15_07*/

    .parallax-layer3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 105%;
    height: 105%;
    background: url(../img/bg_home_slider3.jpg) 50% 100% no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
            background-size: cover;
  }

  /* end custom */

  /* =SiteLoader
  -------------------------------------------------------------------------*/
  html {
    opacity: 0;
  }

  html.no-js {
    opacity: 1;
  }

  html.loaded {
    opacity: 1;
    -webkit-transition: opacity 1s linear;
       -moz-transition: opacity 1s linear;
         -o-transition: opacity 1s linear;
        -ms-transition: opacity 1s linear;
            transition: opacity 1s linear;
  }

  /* =MMenuNavigate
  -------------------------------------------------------------------------*/
  html.mm-opened .mm-page {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }

  #navigate.mm-menu {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    background: #fff;
  }

  @media (min-width: 550px) {
    #navigate.mm-menu {
      width: 300px;
    }
  }

  #navigate.mm-menu > .mm-panel {
    margin: 0;
    padding: 36px 15px 0 31px;
    border-left: 5px solid #EFEFEF;
  }

  #navigate.mm-menu > .mm-panel > li {
    margin-bottom: 42px;
    font: 18px/1em 'museosans_500', sans-serif;
    list-style-type: none;
  }

  #navigate.mm-menu > .mm-panel li:after {
    display: none;
  }

  #navigate.mm-menu a.mm-subopen {
    display: none;
  }

  #navigate.mm-menu > .mm-panel a {
    margin: 0;
    padding: 0;
    background: none;
    color: #666;
    text-decoration: none;
  }

  #navigate.mm-menu > .mm-panel > li.active > a {
    color: #ccc;
  }

  #navigate.mm-menu > .mm-panel ul {
    margin: 30px 0 -10px 30px;
  }

  #navigate.mm-menu > .mm-panel ul li {
    margin-bottom: 32px;
    font: 16px/1em 'museosans_500', sans-serif;
    list-style-type: none;
  }

  #navigate.mm-menu > .mm-panel ul li:last-child {
    margin: 0;
  }
  
  #navigate a.close-nav {
    position: absolute;
    z-index: 2;
    top: 34px;
    right: 34px;
    width: 26px;
    height: 26px;
    background: url(../img/ico_nav_close.png) 0 0 no-repeat;
  }

/**
 * Promo video
 */
.promo-video{
  opacity: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.fun-video-overlay{
  background: #000;
  opacity: .4;
  width: 100%;
  position: absolute;
  top:0;
  left:0;
  bottom: 0;
}
.video-claim{
  position: absolute;
  right: 0;
  left: 0;
  top: 40%;
  text-align: center;
}
.video-claim .video-claim_tit{
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 45px;
  line-height: 55px;
  font-family: 'museosans_100';
}
.video-claim .video-claim_sub{
  color: #fff;
  font-family: 'museosans_100';
  font-size: 25px;
}
.video-anchor{
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  text-align: center;
  font-family: 'museosans_300';
}
.video-anchor a{
  display: inline-block;
  text-align: center;
}
.video-anchor_label{
  display: block;
  font-size: 14px;
  color: #fff;
  margin-bottom: 5px;
}
.video-anchor_img{
  width: 20px;
}

@media screen and (max-width: 767px){
  .video-claim{
      top:48%;
  }
  .video-claim .video-claim_tit{font-size: 40px;line-height: 50px;margin-bottom: 20px;}
  .video-claim .video-claim_sub{
    display: none;
  }
  .video-anchor{
    display: none;
  }
  .fun-video-overlay{display: none;}
}

@media screen and (max-width: 640px){
  .promo-video{
    padding-top: 60px;
  }
  .video-claim{
      top:30%;
  }
  .video-claim .video-claim_sub{
    display: none;
  }
  .video-claim .video-claim_tit{
    font-size: 25px;
    line-height: 35px;
  }
  .video-claim{
    top: 48%;
  }

  .row-fluid .span4.infographic-img-cont,
  .row-fluid .span5.infographic-img-cont{
    display: none;
  }

  
}

.txt-content{
  margin-bottom: 30px;
}
.home_more-link{
  display: inline-block;
  border-radius: 4px;
  border: 2px solid #138BC6;
  padding: 15px 50px;
  line-height: 1;
  font-size: 15px !important;
}
.home_more-link img{
  width: 17px;
  margin-left: 15px;
}
.home_video-link{
  margin-left: 50px;
  font-size: 15px !important;
}

@media screen and (max-width: 640px){
  .home_more-link{
    padding: 15px 30px;
  }
  .home_more-link img{
      margin-left: 10px;
  }
  .home_video-link{
    margin-left: 30px;
  }
}

.container.container_restyle{
  margin: 0 auto;
  padding: 80px 0;
}

@media screen and (max-width: 767px){
  .container.container_restyle{
      padding: 0 15px;
  }
  .infographic-img{display: none;}
}

.container_restyle .content-title{
  text-transform: uppercase;
  margin-top: 20px;
}

.video_modal iframe{
  width: 100%;
  height: auto;
  min-height: 300px;
}
.video_modal .modal-header{border-bottom: 0;padding: 5px 10px 20px;}
.video_modal .modal-body{overflow-y: visible;}

.grey_row{
  background: #F5F5F5;
}

/**
 * Fix internal pages
 */
#page{
    font-family: 'museosans_500', sans-serif;
    font-size: 16px;
    line-height: 2;
    color: #333;
}
#page ul li{
  line-height: 1.5;
}
.comparisons .image{
  margin-bottom: 50px;
  text-align: left;
}
.comparisons .image img{max-width: 50%;}
#page .end-users td b a{line-height: 1;}

header{
  z-index: 1100;
}

.page-wrap{
  z-index: 10;
  position: relative;
}
#video_modal{
  z-index: 0;
}

.txt-right{text-align: right;}
@media screen and (max-width: 767px) {
  .txt-right{text-align: left;}
}

/* =MediaRules
===========================================================================*/ 
@media screen and (max-width: 767px) {
  body {
    padding:0;
  }

  .container {
    padding: 0 15px;
  }

  .overview-page .container {
    padding: 0 21.4px;
  }

  section.promo-slider {
    height: 180px;
  }

  header.fixHeader {
    padding: 17px 20px 0 18px;
    height: 55px;
  }

  header {
    padding: 17px 20px 17px 18px;
  }

  header.fixHeader .logo,
  header .logo {
    width: 120px;
    height: 23px;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }

  header .toggle-nav {
    margin-top: 9px;
  }

  header .toggle-nav b {
    font-size: 12px;
    margin: 0 10px 0 0;
  }

  header .toggle-nav .toggle-button {
    margin-top: 1px;
    width: 16px;
  }

  header .toggle-nav .toggle-button .ico {
    margin: 0 0 2px;
  }

  /* .:navigate panel:. */
  #navigate.mm-menu > .mm-panel {
    padding: 22px 15px 0 16px;
  }

  #navigate.mm-menu > .mm-panel > li {
    font-size: 12px;
    margin-bottom: 29px;

  }
  
  #navigate.mm-menu > .mm-panel ul li {
    font-size: 12px;
  }

  #navigate.mm-menu > .mm-panel ul {
    margin: 18px 0 -10px 16px;
  }

  #navigate.mm-menu > .mm-panel ul li {
    margin-bottom: 24px;
  }

  #navigate.mm-menu {
    width: 56.5%;
  }

  #navigate a.close-nav {
    top: 20px;
    right: 22px;
    width: 15px;
    height: 15px;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }

  section.about {
    padding: 30px 0;
    margin: 0;
  }

  section.about h2 {
    font-size: 14px;
  }

  section.about .content {
    font-size: 12px;
    line-height: 32px;
  }

  section.about .video {
    width: 280px;
    height: 150px;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
  }

  section.solutions {
    margin: 30px 0;
  }

  section.solutions .nav-tabs {
    margin-top: -36px;
  }

  section.solutions .nav-tabs > li {
    float: left;
    width: 48%;
    margin-left: 4%;
    text-align: center;
  }

  section.solutions .nav-tabs > li:first-child {
    margin-left: 0;
  }

  section.solutions .nav-tabs > li a {
    padding-left: 5px !important;
    padding-right: 5px !important;
    background: #fff !important;
  }

  section.solutions .tab-content {
    padding: 25px 0 0;
  }

  section.solutions .solution-items > h4 {
    margin-bottom: 15px;
    font-size: 12px;
  }

  section.solutions .button {
    margin-top: 10px;
  }

  section.company {
    padding: 30px 0;
  }

  section.company h3 {
    font-size: 14px;
  }

  section.company .container .image {
    min-height: 150px;
    margin-bottom: 30px;
    background-position: 50% 50%;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
  }

  section.company .description {
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 32px;
  }

  section.latest-news {
    padding: 30px 0;
  }

  section.latest-news h3 {
    margin: 0 0 15px;
    font-size: 14px;
  }

  section.latest-news .item {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .inner-page #page {
    padding-top: 61px;
  }

  .inner-page header {
    height: 61px;
  }

  
 
  /*cutom 15_07*/
   .experts-page header,
   .overview-page header,
   .onebizhub-page header {
    background-color: #CFE7F3;
  }
  /*end custom*/

  .endusers-page header {
    background-color: #FEE9BF;
  }

  .company-page header {
    background-color: #CFE7F3;
  }

  .serviceproviders-page header {
    background-color: #E3D9E2;
  }

  .comparisons-page header {
    background-color: #CECECE;
  }

  .casestudy-page header {
    background-color: #CEE7F4;
  }
  
   .casestudy-page section.main-info .parallax-layer,
  section.experts .content .information,
  .experts-page section.experts .parallax-layer,
  section.contact-company .navigate,
  .comparisons-page section.main-info .parallax-layer,
  .serviceproviders-page section.main-info .parallax-layer,
  .endusers-page section.main-info .parallax-layer,
  .overview-page section.main-info .parallax-layer,
  section.main-info .content .information,
  section.main-info .navigate {
    display: none;
  }

  section.experts,
  section.main-info {
    height: auto;
  }

  section.experts .content,
  section.main-info .content {
    padding: 0 0 38px;
    font-family: 'museosans_500';
  }

  section.promo-slider .wrap-description {
    left: 25px;
  }

  section.promo-slider .wrap-description h2 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.8px;
    margin: 0;
  }
  
  #main-slider .button,
  section.promo-slider .wrap-description .description {
    display: none;
  }

  section.promo-slider .wrap-description a.button {
    display: none;
  }

  section.experts .content h1,
  section.main-info .content h1 {
    font-size: 18px;
    line-height: 26px;
    padding-right: 70px;
    letter-spacing: -0.8px;
  }

  section.experts .content h2 {
    font-size: 10px;
    padding-top: 0;
  }

  section.main-info .content h2 {
    font-size: 10px;
  }

  section.overview.grey.more, 
  section.overview.more,
  section.overview.grey,
  section.overview {
    padding: 6px 0 52px;
  }

  section.overview.small {
    padding: 52px 0;
  }

  section.service-providers h3,
  section.overview.small h3 {
    float: left;
    width: 140px;
    font-size: 13px;
    line-height: 30px;
    margin: 0;
  }

  section.overview .wrap-description {
    padding-left: 12px;
  }

  section.overview .wrap-description .description {
    font-size: 12px;
    line-height: 30px;
    padding: 0 35px 20px 0;
    letter-spacing: -0.4px;
  }
  
  /*custom 15_07*/

  section.overview .image.tablets,
  section.overview .image.access,
  section.overview .image.sharing,
  section.overview .image.how-work,
  section.overview .image.secure-business,
  section.overview .image.feature-rich,
  section.overview .image.onebizhub,
  section.overview .image.optimize {
    width: 160px;
    height: 160px;
    -webkit-background-size: 100% auto;
       -moz-background-size: 100% auto;
            background-size: 100% auto;
    margin: -2px 0 0 -3px;
    min-height: 0;
  }

  /*end_custom 15_07*/


  section.overview h3 {
    font-size: 14px;
    line-height: 25px;
    padding: 0;
  }

  section.overview .wrap-description .mobile {
    padding: 0;
  }

  section.overview .wrap-description .mobile a {
    margin: 0;
  }

  section.overview .wrap-description .icon {
    background-size: auto 22px;
  }

  section.overview .wrap-description .icon.android {
    background-position: 0 8px;
    width: 14px;
    height: 30px;
  }

  section.overview .wrap-description .icon.ipad {
    background-position: -23px 8px;
    width: 26px;
    height: 30px;
  }

  section.overview .wrap-description .icon.bb {
    background-position: -58px 8px;
    width: 20px;
    height: 30px;
  }

  section.overview .wrap-description .icon.w-p {
    background-position: -84px 8px;
    width: 26px;
    height: 30px;
  }
  
  section.contact-list.grey,
  section.contact-company,
  section.case-study,
  section.comparisons,
  section.service-providers,
  section.end-users {
    padding: 20px 0 50px;
  }

  section.service-providers .accordion-group .accordion-heading a,
  section.end-users .accordion-group .accordion-heading a {
    font-size: 12px;
    padding: 0 30px 0 50px;
    margin: 0 0 15px;
    letter-spacing: -0.6px;
    line-height: 20px; 
  }

  section.service-providers .accordion-group .accordion-inner,
  section.end-users .accordion-group .accordion-inner {
    padding: 0 50px 20px 50px;
    font-size: 10px;
  }

  section.service-providers .padding {
    padding-top: 30px;
  }

  section.case-study .logos .logo {
    background-size: 20% auto;
    background-position: 50% 50%;
    height: 75px;
    margin-bottom: 10px;
  }

  section.case-study .logos .etisalat {
    height: 115px;
    margin: 0;
  }

  section.case-study .information .title {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 30px;
  }

  section.case-study .information .description {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 26px;
  }

  section.case-study .logos .about {
    font-size: 11px;
    line-height: 1em;
  }

  /* ..:CONTACT PAGE:.. */

  .contact-page header {
    height: 63px;
  }

  .contact-page #page {
    padding-top: 63px;
  }

  section.contact-company .content, 
  section.contact-company .navigate {
    padding: 0;
  }

  section.contact-company .content h2 {
    font-size: 10px;
    letter-spacing: 0;
  }

  section.contact-company .content h1 {
    font-size: 18px;
    line-height: 26px;
    padding-right: 70px;
    letter-spacing: -0.8px;
  }

  section.contact-company .content .information {
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 10px;
  }

  section.contact-company .content iframe {
    min-height: 257px;
    height: auto;
    margin-bottom: 10px;
  }

  section.contact-company .content form h3 {
    font-size: 13px;
    letter-spacing: 0;
  }

  section.contact-company .content form .address {
    font-size: 12px;
    margin-bottom: 20px;
  }

  section.contact-company .content form .information {
    letter-spacing: 0;
    margin-bottom: 30px;
  }

  section.contact-company .content form .span7 {
    padding-right: 15px;
  }

  section.contact-company .content form input[type="text"] {
    height: 42px;
    font-size: 14px;
  }

  section.contact-company .content form textarea {
    height: 150px;
    font-size: 14px;
  }

  section.contact-company .content form .result {
    width: 100%;
    padding-right: 15px;
    margin-bottom: 10px;
  }

  section.contact-company .content form .result input[type="text"] {
    width: 100%;
  }

  section.contact-company .content form .result label {    
    font-size: 12px;
    line-height: 42px;
    margin: 0;
    padding-left: 15px;
  }

  section.contact-company .content form input[type="submit"] {
    max-width: 120px;
    border-width: 1px;
    font-size: 12px;
    line-height: 28px;
    padding: 0;
  }

  section.contact-list h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  section.contact-list .accordion-group .accordion-heading a {
    padding: 0 50px 0 0;
    font-size: 14px;
    margin: 0 0 15px;
    letter-spacing: -0.6px;
    line-height: 25px;
  }

  section.contact-list .accordion-group .accordion-inner {
    padding: 0 30px 30px 20px;
  }

  section.contact-list .accordion-group .accordion-inner span,
  section.contact-list .accordion-group .accordion-inner h4 {
    font-size: 12px;
  }

  section.contact-company .content.span9 {
    margin-left: 0;
  }


  section.experts-wrapper  {
    background: none;
  }

  section.experts-wrapper .row-fluid.title .content.span2 {
    width: 100%;
  }

  section.experts-wrapper .content:first-child {
    margin: 20px 0 0;
  }

  section.experts-wrapper .content {
    padding: 20px 0 20px 20px;
    border-left: 3px solid #138BC6;
  }

  section.experts-wrapper .row-fluid.title [class*="span"] {
    margin-left: 0;
  }

  section.experts-wrapper .content .title {
    font-size: 12px;
    line-height: 18px;
  }

  section.experts-wrapper .content .title span {
    display: inline-block;
    padding-left: 20px;
    color: #128AC5;
    font-size: 12px;
  }

  section.experts-wrapper .row-fluid.date {
    display: none;
  }

  /* ..:FOOTER:.. */

  footer .bottom .pull-right,
  footer .bottom .pull-left {
    float: none;
  }

  footer nav {
    margin: 0 0 20px;
  }

  footer .bottom a {
    text-decoration: underline;
  }

  footer nav li {
    float: none;
    margin: 0 0 12px !important;
    border: 0 none;
    padding: 0;
  }

  /* mics */
  #page .button {
    max-width: 120px;
    border-width: 1px;
    font-size: 12px;
    line-height: 28px;
  }

  .nav-tabs > li > a,
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus,
  .nav-tabs > li > a:hover,
  .nav-tabs > li > a:focus {
    font-size: 14px;
    line-height: 34px;
  }
}

@media screen and (max-width: 768px) {
  /*section.about .span6{width:100%;margin-left: 0;float: none;}*/
  section.about .span6 iframe{margin: 0 auto;display: block;}
}

@media screen and (max-width: 640px) {
  section.cloud-rate .widget-slider{width: 95%;margin-left: 7px;}
  section.solutions{margin-top: 0 !important;}
  section.cloud-rate{padding-bottom: 60px;}
  section.cloud-rate .desc-step{font-size: 15px;line-height: 18px;}
}

@media screen and (max-width: 470px) {
  section.cloud-rate .widget-slider{width: 90%;margin-left: 7px;}
  section.cloud-rate .cloud-rate-steps{max-width: 190px;}
  section.cloud-rate h2{position: static;font-size: 25px;line-height: 28px;margin-bottom: 20px;}
  section.cloud-rate{padding-top: 30px;padding-bottom: 40px;}
  
  section.about .span6 iframe{max-width: 100%;}
  .bubble{display: none;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  section.promo-slider {
    height: 300px;
  }
}

@media screen and (min-width: 768px) and (max-width: 979px) {
  /* content */
  section.company .description {
    font-size: 18px;
    line-height: 42px;
  }

  section.about .content {
    font-size: 18px;
    line-height: 42px;
  }

  section.about .video {
    height: 196px;
  }

  section.contact-company .navigate,
  section.main-info .navigate {
    width: 156px;
  }

  section.contact-company .content form .result input[type="text"] {
    width: 53%;
  }

  section.experts-wrapper  {
    background-size: 1200px auto;
  }
  
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
}

@media screen and (min-width: 1200px) {
  .container {
    width: 1040px !important;
  }
}

/*retina displays */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  /*section.company .container {
    background-image: url(../img/bg_home_company@2x.png);
  }*/


   /*custom 15_07*/

  .onebizhub-page section.main-info .parallax-layer {
    background-image: url(../img/bg_promo_onebizhub%402x.jpg);
  }


  section.overview .image.secure-business {
    background-image: url(../img/secure-business%402x.png); 
    background-size: auto 100%;
  }

  section.overview .image.feature-rich {
    background-image: url(../img/feature-rich%402x.png); 
    background-size: auto 100%;
  }

  section.overview .image.onebizhub {
    background-image: url(../img/onebizhub%402x.png); 
    background-size: auto 100%;
  }
  section.overview .image.optimize {
    background-image: url(../img/optimize%402x.png); 
    background-size: auto 100%;
  }


  /*end custom 15_07*/


  header .logo {
    margin: 0 0 17px;
    background: url(../img/ico_header_logo%402x.png) 0 0 no-repeat;
    background-size:auto 100%;
  }

  
  .overview-page section.main-info .parallax-layer {
    background-image: url(../img/bg_promo_overview%402x.jpg);
  }

  .endusers-page section.main-info .parallax-layer {
    background-image: url(../img/bg_promo_endusers%402x.jpg);
  }

  .serviceproviders-page section.main-info .parallax-layer {
    background-image: url(../img/bg_promo_serviceproviders%402x.jpg);
  }

  .casestudy-page section.main-info .parallax-layer {
    background-image: url(../img/bg_promo_case_study%402x.jpg); 
  }

  .comparisons-page section.main-info .parallax-layer {
    background-image: url(../img/bg_promo_comparisons%402x.jpg); 
  }

  section.company .image {
    background-image: url(../img/bg_home_company%402x.png);
  }

  section.overview .image.access {
    background-image: url(../img/bg_overview_access%402x.png);
    background-size: auto 100%;
  }

  section.overview .image.how-work {
    background-image: url(../img/bg_overview_how_to_work%402x.png); 
    background-size: auto 100%;
  }

  section.overview .image.sharing {
    background-image: url(../img/bg_overview_sharing%402x.png); 
    background-size: auto 100%;
  }

  section.overview .image.tablets {
    background-image: url(../img/bg_overview_tablets%402x.png); 
    background-size: auto 100%;
  }

  section.case-study .logos .sharp {
   background-image: url(../img/logo_case_study_sharp%402x.png); 
   background-size: auto 100%;
  }

  section.case-study .logos .knp {
   background-image: url(../img/logo_case_study_knp%402x.png); 
   background-size: auto 100%;
  }

  section.case-study .logos .oi {
   background-image: url(../img/logo_case_study_oi%402x.png); 
   background-size: auto 100%;
  }

  section.case-study .logos .lg {
   background-image: url(../img/logo_case_study_lg%402x.png); 
   background-size: auto 100%;
  }

  section.case-study .logos .movistar {
   background-image: url(../img/logo_case_study_movistar%402x.png); 
   background-size: auto 100%;
  }

  section.case-study .logos .nokia {
   background-image: url(../img/logo_case_study_nokia%402x.png); 
   background-size: auto 100%;
  }

  section.case-study .logos .etisalat {
   background-image: url(../img/logo_case_study_etisalat%402x.png); 
   background-size: auto 100%;
  }

  section.case-study .logos .e-plus {
   background-image: url(../img/logo_case_study_e_plus%402x.png); 
   background-size: auto 100%;
  }

  section.case-study .logos .samsung {
   background-image: url(../img/logo_case_study_samsung%402x.png); 
   background-size: auto 100%;
  }

  section.case-study .logos .sprint {
   background-image: url(../img/logo_case_study_sprint%402x.png); 
   background-size: auto 100%;
  }

  section.case-study .logos .l-l {
   background-image: url(../img/logo_case_study_l_l%402x.png); 
   background-size: auto 100%;
  }

  section.case-study .logos .base {
   background-image: url(../img/logo_case_study_base%402x.png); 
   background-size: auto 100%;
  }

  section.about .video {
    background-image: url(../img/bg_home_video%402x.jpg);
  }

  footer .logo {
    background-image: url(../img/ico_footer_logo%402x.png);
  }
}