/** 
 * Fonts loading
 **/
@font-face {
  font-family: 'HelveticaNeueLT45LightRegular';
  src: url('/static/fonts/helveticalt45light.eot');
  src: url('/static/fonts/helveticalt45light.eot') format('embedded-opentype'),
       url('/static/fonts/helveticalt45light.woff2') format('woff2'),
       url('/static/fonts/helveticalt45light.woff') format('woff'),
       url('/static/fonts/helveticalt45light.ttf') format('truetype'),
       url('/static/fonts/helveticalt45light.svg#HelveticaNeueLT45LightRegular') format('svg');
}

/** 
 * Theme overwrite styles
 **/
body {
  background: #ffffff;
}

.container-wrap.resetme {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  background: none;
}

/** 
 * Blocks / Global configs
 **/
.block--1 .container,
.block--2 .container,
.block--3 .container,
.block--4 .container,
.block--5 .container,
.block--6 .container,
.block--7 .container,
.block--8 .container,
.block--9 .container,
.block--10 .container,
.block--11 .container,
.block--12 .container {
  margin: 0 auto;
  padding: 0;
  clear: both;
  overflow: hidden;
}

.block--1 h1,
.block--2 h1,
.block--3 h1,
.block--4 h1,
.block--5 h1,
.block--6 h1,
.block--7 h1,
.block--8 h1,
.block--9 h1,
.block--10 h1,
.block--11 h1,
.block--12 h1 {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.block--1 h2,
.block--2 h2,
.block--3 h2,
.block--4 h2,
.block--5 h2,
.block--6 h2,
.block--7 h2,
.block--8 h2,
.block--9 h2,
.block--10 h2,
.block--11 h2,
.block--12 h2 {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.block--1 h3,
.block--2 h3,
.block--3 h3,
.block--4 h3,
.block--5 h3,
.block--6 h3,
.block--7 h3,
.block--8 h3,
.block--9 h3,
.block--10 h3,
.block--11 h3,
.block--12 h3 {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.block--1 p,
.block--2 p,
.block--3 p,
.block--4 p,
.block--5 p,
.block--6 p,
.block--7 p,
.block--8 p,
.block--9 p,
.block--10 p,
.block--11 p,
.block--12 p {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.block--1 figure,
.block--2 figure,
.block--3 figure,
.block--4 figure,
.block--5 figure,
.block--6 figure,
.block--7 figure,
.block--8 figure,
.block--9 figure,
.block--10 figure,
.block--11 figure,
.block--12 figure {
  margin: 0;
  padding: 0;
}

.block--1 img,
.block--2 img,
.block--3 img,
.block--4 img,
.block--5 img,
.block--6 img,
.block--7 img,
.block--8 img,
.block--9 img,
.block--10 img,
.block--11 img,
.block--12 img {
  max-width: 100%;
}

.block--1 .col-1,
.block--2 .col-1,
.block--3 .col-1,
.block--4 .col-1,
.block--5 .col-1,
.block--6 .col-1,
.block--7 .col-1,
.block--8 .col-1,
.block--9 .col-1,
.block--10 .col-1,
.block--11 .col-1,
.block--12 .col-1 {
  overflow: hidden;
}

.block--1 .col-2,
.block--2 .col-2,
.block--3 .col-2,
.block--4 .col-2,
.block--5 .col-2,
.block--6 .col-2,
.block--7 .col-2,
.block--8 .col-2,
.block--9 .col-2,
.block--10 .col-2,
.block--11 .col-2,
.block--12 .col-2 {
  float: right;
  overflow: hidden;
}

.inline-embed-video {
  position: relative;
  oveflow: hidden;
  display: block;
}

.inline-embed-video img,
.inline-embed-video iframe {
  max-width: 100%;
}


.inline-embed-video iframe {

}

/** 
 * Block I (welcome message + login box)
 **/
.block--1 {
  padding: 35px 0 35px 0;
  clear: both;
  overflow: hidden;
  background: transparent url(/static/img/blocks/block--1/pattern.png) center center no-repeat;
  background-size: cover;
}

.block--1 .col-1 {
  padding: 0 35px 0 0;
}

.block--1 .brief h1,
.block--1 .brief p {
  color: #fff;
}

.block--1 .brief h1 {
  font-size: 44px;
  padding: 5px 0 15px 0;
  font-family: HelveticaNeueLT45LightRegular;
}

.block--1 .brief p {
  font-size: 19px;
  line-height: 25px;
}

.block--1 .signin {
  width: 387px;
  padding: 15px 15px 15px 15px;
  margin: 0 auto;
  overflow: hidden;
  background: #e7ebec;
}
.block--1 .signin .linkedin {
  display: block;
  width: 308px;
  height: 69px;
  margin: 0 auto;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url(/static/img/blocks/block--1/signin-linked.png) left top no-repeat;
}
.block--1 .signin .other-options {
  height: 32px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  margin: 0 0 4px 0;
  background: transparent url(/static/img/blocks/block--1/signin-other-options.png) left center repeat-x;
}
.block--1 .signin .other-options span {
  padding: 0 4px;
  background: #e7ebec;
}
.block--1 .signin .feature-services {
  overflow: hidden;
}
.block--1 .signin .feature-services .item {
  float: left;
}
.block--1 .signin .feature-services .google {
  margin: 0 7px 0 0;
}
.block--1 .signin .feature-services .blackberry {
  float: right;
}
.block--1 .signin .feature-services .item .icon {
  display: block;
  height: 41px;
  text-indent: -9999px;
  overflow: hidden;
}
.block--1 .signin .feature-services .google .icon {
  width: 124px;
  background: transparent url(/static/img/blocks/block--1/signin-google.png) left top no-repeat;
}
.block--1 .signin .feature-services .apple .icon {
  width: 135px;
  background: transparent url(/static/img/blocks/block--1/signin-apple.png) left top no-repeat;
}
.block--1 .signin .feature-services .blackberry .icon {
  width: 114px;
  background: transparent url(/static/img/blocks/block--1/signin-blackberry.png) left top no-repeat;
}
.block--1 .signin .feature-services .item span {
  display: block;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 20px;
}

/** 
 * Block II (for SAP)
 **/
.block--2 .row-1 {
  padding: 15px 0 15px 0;
  clear: both;
  overflow: hidden;
  background: #e4e4e4;
}

.block--2 .row-1 .col-1 {
  padding: 0 15px 0 0;
}

.block--2 .row-1 h1 {
  color: #0093d5;
  font-size: 44px;
  line-height: 51px;
  font-family: HelveticaNeueLT45LightRegular;
}

.block--2 .row-2 {
  padding: 35px 0 35px 0;
  clear: both;
  overflow: hidden;
  background: #f2f2f2;
}

.block--2 .row-2 .col-1 {
  padding: 0 35px 0 0;
}

.block--2 .row-2 h1 {
  color: #0093d5;
  font-size: 44px;
  line-height: 51px;
  padding-bottom: 10px;
  font-family: HelveticaNeueLT45LightRegular;
}

.block--2 .row-2 h2 {
  color: #000000;
  font-size: 19px;
  padding: 5px 0 15px 0;
}

.block--2 .row-2 h2 mark {
  color: #11abe9;
  background: none;
}

.block--2 .row-2 p {
  color: #6c6c6c;
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
  padding-bottom: 25px;
}

/** 
 * Block III (articles)
 **/
.block--3 .row-1 {
  padding: 35px 0 35px 0;
  clear: both;
  overflow: hidden;
  background: #ffffff;
}

.block--3 .row-1 .col-1,
.block--3 .row-1 .col-2 {
  max-width: 435px;
  width: 47%;
}

.block--3 .row-1 h1 {
  padding: 0 0 25px 0;
}

.block--3 .row-1 figure {
  padding: 0 0 25px 0;
}

.block--3 .row-1 h2 {
  padding: 0 0 15px 0;
  color: #0298d2;
  text-transform: uppercase;
  font-size: 19px;
  font-family: HelveticaNeueLT45LightRegular;
}

.block--3 .row-1 h3 {
  color: #2f2e2e;
  font-size: 16px;
  padding: 0 0 5px 0;
}

.block--3 .row-1 p {
  padding: 0 0 15px 0;
  color: #2f2e2e;
  font-size: 14px;
  line-height: 18px;
}

.block--3 .row-1 .extenral-link {
  background: #88c3dc;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px 20px;
  margin: 10px 0 0 0;
  display: block;
  float: left;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/** 
 * Block IV (partners)
 **/
.block--4 {
  padding: 35px 0 35px 0;
  clear: both;
  overflow: hidden;
  text-align: center;
  background: #e7ebec;
}

.block--4 h1 {
  color: #424242;
  font-size: 20px;
  text-transform: uppercase;
}

.block--4 .row-2 {
  padding: 15px 0 0 0;
}

.block--4 .row-2 .item {
  margin: 0 0 10px 0;
  width: 33.33%;
  float: left;
  text-align: center;
}

/** 
 * Block V (footer)
 **/
.block--5 {
  padding: 15px 0 15px 0;
  clear: both;
  overflow: hidden;
  text-align: center;
  background: #3b4446;
}

.block--5 p {
  color: #acacac;
  font-size: 11px;
  line-height: 16px;
}

/** 
 * Block VI (page title)
 **/
.block--6 {
  padding: 25px 0 25px 0;
  clear: both;
  overflow: hidden;
  background: #e4e4e4;
}

.block--6 h1 {
  color: #312f32;
  font-size: 30px;
  line-height: 35px;
  text-transform: uppercase;
  font-family: HelveticaNeueLT45LightRegular;
}

.block--6 .button {
  float: right;
  line-height: 35px;
}

/** 
 * Block VII (blog items)
 **/
.block--7 {
  padding: 35px 0 35px 0;
  clear: both;
  overflow: hidden;
  background: #ffffff;
}

.block--7 .item {
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid #cccccc;
}

.block--7 .container:last-child .item {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.block--7 h1,
.block--7 h1 a {
  color: #0aa3ef;
  font-size: 25px;
  font-family: HelveticaNeueLT45LightRegular;
}

.block--7 .meta {
  padding: 20px 0;
  font-weight: bold;
  color: #3c3c3c;
  font-size: 13px;
}

.block--7 .meta .divider {
  padding: 0 5px;
  font-size: 12px;
}

.block--7 .meta a {
  color: #0aa3ef;
}

.block--7 .post-preview {
  overflow: hidden;
  clear: both;
}

.block--7 .post-preview .entry-summary,
.block--7 .post-preview .entry-summary p {
  color: #636363;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
}

.block--7 .post-preview .entry-summary p {
  padding: 0 0 15px 0;
}

.block--7 .post-preview .entry-summary p:last-child {
  padding-bottom: 0;
}

.block--7 .post-preview figure {
  float: left;
  margin: 0 20px 5px 0;
  width: 130px;
}

.block--7 .post-preview figure img {
  border: 1px solid #cccccc;
}

.block--7 .post-preview .social {
  padding-top: 20px;
  color: #636363;
}

.block--7 .post-preview .social ul {
  margin: 0;
  list-style-position: inside;
  list-style-type: none;
}

.block--7 .post-preview .social ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 10px;
  padding-right: 10px;
}

.block--7 .post-preview .social ul li:not(:last-child) {
  border-right: 1px solid #9a9a9a;
}

.block--7 .post-preview .social ul li.social_title {
  padding-left: 0;
}

.block--7 .post-preview .social ul li a.facebook,
.block--7 .post-preview .social ul li a.twitter,
.block--7 .post-preview .social ul li a.google {
  height: 14px;
  background-repeat: no-repeat;
}

.block--7 .post-preview .social ul li a.facebook a,
.block--7 .post-preview .social ul li a.twitter a,
.block--7 .post-preview .social ul li a.google a {
  height: 14px;
}

.block--7 .post-preview .social ul li a.twitter,
.block--7 .post-preview .social ul li a.google {
  padding-left: 17px;
}

.block--7 .post-preview .social ul li a.twitter a,
.block--7 .post-preview .social ul li a.google a {
  width: 14px;
}

.block--7 .post-preview .social ul li a.facebook {
  padding-left: 7px;
  background-image: url(/static/img/facebook-7x14.png);
}

.block--7 .post-preview .social ul li a.twitter {
  background-image: url(/static/img/twitter-17x14.png);
}

.block--7 .post-preview .social ul li a.google {
  background-image: url(/static/img/google-17x14.png);
}

/** 
 * Block VIII (paging)
 **/
.block--8 {
  padding: 25px 0 25px 0;
  clear: both;
  overflow: hidden;
  background: #e7ebec;
}

.block--8 ul {
  overflow: hidden;
  margin: 0;
  list-style-position: inside;
  list-style-type: none;
}

.block--8 ul li.next {
  float: right;
}

.block--8 ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 10px;
}

.block--8 ul li,
.block--8 ul li a {
  color: #716f72;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: HelveticaNeueLT45LightRegular;
}

.block--8 ul li.active,
.block--8 ul li a:hover {
  color: #1384c6;
  text-decoration: none;
}

/** 
 * Block IX (HCP intro)
 **/
.block--9 {
  padding: 35px 0 35px 0;
  clear: both;
  overflow: hidden;
  background: #f8f8f8;
}

.block--9 h1 {
  margin: 5px 0 20px 0;
}

.block--9 ul li,
.block--9 ul,
.block--9 p {
  font-size: 16px;
  color: #2d2d2d;
  line-height: 24px;
}

.block--9 p {
  margin: 0 0 20px 0;
}

.block--9 .col-2 {
  margin-left: 35px;
}

.block--11 form,
.block--9 form {
  padding: 30px 30px;
  margin: 0;
  background: #e9e9e9;
}

.block--11 form h2,
.block--9 form h2 {
  color: #27acef;
  font-size: 25px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  font-family: HelveticaNeueLT45LightRegular;
}

.block--11 form .textarea textarea,
.block--9 form .textarea textarea,
.block--11 form .textfield input,
.block--9 form .textfield input {
  width: 370px;
  padding: 10px 10px;
  font-weight: normal;
  resize: none;
  border: 1px solid #a7a7a7;
}

.block--11 form .textarea textarea,
.block--9 form .textarea textarea {
  height: 80px;
}

.block--11 form *:-ms-input-placeholder,
.block--9 form *:-ms-input-placeholder {
  font-weight: normal;
}

.block--11 form *::-webkit-input-placeholder,
.block--9 form *::-webkit-input-placeholder {
  font-weight: normal;
}

.block--11 form *::-moz-placeholder,
.block--9 form *::-moz-placeholder {
  font-weight: normal;
}

.block--11 form .submit input,
.block--9 form .submit input {
  background: #88c3dc;
  color: #ffffff;
  font-size: 16px;
  padding: 8px 20px;
  margin: 0 0 0 0;
  border: 0;
  height: auto;
  line-height: auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.block--1 form .submit input:hover,
.block--9 form .submit input:hover {
  text-decoration: underline;
}

.block--11 form .errorlist,
.block--9 form .errorlist {
  list-style-position: inside;
  list-style-type: none;
  text-align: right;
  margin-bottom: 10px !important;
}

.block--11 form .errorlist li,
.block--9 form .errorlist li {
  font-size: 12px;
  color: #ff0000;
  line-height: normal;
  margin-top: -5px;
}

.block--11 form .notifications,
.block--9 form .notifications {
  color: green;
  margin: 0 0 10px 0;
}

/** 
 * Block X (HCP items)
 **/
.block--10 {
  padding: 35px 0 35px 0;
  clear: both;
  overflow: hidden;
}

.block--10 .col-2 {
  margin-left: 35px;
}

.block--10 .row-1,
.block--10 .row-2,
.block--10 .row-3,
.block--10 .row-4,
.block--10 .row-5 {
  overflow: hidden;
}

.block--10 .row-2,
.block--10 .row-3,
.block--10 .row-4 {
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid #ccc;
}

.block--10 .col-2 h2 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #2d2d2d;
  font-family: inherit;
  font-weight: bold;
}

.block--10 .col-2 p {
  margin-bottom: 15px;
  font-size: 14px;
  color: #2d2d2d;
  line-height: 22px;
}

.block--10 .col-1 {
  float: left;
  margin-right: 35px;
}

.block--10 .col-2 {
  float: none;
}

.block--10 h1 {
  color: #27acef;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 35px 0;
  font-family: HelveticaNeueLT45LightRegular;
}

/** 
 * Block XI (about us list)
 **/
.block--11 {
  padding: 35px 0 35px 0;
  clear: both;
  overflow: hidden;
}

.block--11 .row-1 {
  padding: 0 0 35px 0;
  margin: 0 0 35px 0;
  border-bottom: 1px solid #ccc;
  clear: both;
  overflow: hidden;
}

.block--11 .col-2 {
  width: 47%;
  margin-left: 6%;
}

.block--11 h1 {
  color: #27acef;
  font-size: 25px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  font-family: HelveticaNeueLT45LightRegular;
}

.block--11 ul li,
.block--11 ul,
.block--11 p {
  font-size: 14px;
  color: #2d2d2d;
  line-height: 24px;
}

.block--11 ul,
.block--11 p {
  margin-bottom: 15px;
}

.block--11 ul:last-child,
.block--11 p:last-child {
  margin-bottom: 0;
}

/** 
 * Block XII (download kit)
 **/
.block--12 {
  padding: 20px 0 20px 0;
  clear: both;
  overflow: hidden;
  background: #89C2DF;
}

.block--12 a {
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 80px;
  color: #fff;
  font-size: 30px;
  font-family: HelveticaNeueLT45LightRegular;
  background: transparent url(/static/img/blocks/block--12/button.png) left center no-repeat;
}

/** 
 * Media queries
 **/
@media all and (max-width: 1050px) {
  .beta {
    display: none;
  }
  
  header .container,
  .container {
    width: 95%;
  }
  
  .block--1 .col-1, 
  .block--1 .col-2 {
    float: none;
    width: 100%;
  }
  
  .block--1 .col-2 {
    margin-bottom: 20px;
  }
  
  .block--11 .row-2 .col-1,
  .block--11 .row-2 .col-2 {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .block--11 .row-2 .col-2 {
    margin-bottom: 30px;
  }
  .block--11 form {
    text-align: center;
  }
  .block--11 form .textarea textarea,
  .block--11 form .textfield input {
    width: 90%;
  }
  
}

@media all and (max-width: 850px) {  
  .block--9 .col-1,
  .block--9 .col-2,
  .block--2 .row-2 .col-1, 
  .block--2 .row-2 .col-2 {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  
  .block--9 .col-2 {
    text-align: center;
    margin-bottom: 20px;
  }
  .block--9 form .textarea textarea,
  .block--9 form .textfield input {
    width: 90%;
  }
    
  .block--2 .row-2 .col-2.desktop {
    display: none;
  }
  
  .block--2 .row-2 .col-2.mobile {
    display: block;
    margin-top: 20px;
    text-align: center;
  } 
}

@media all and (max-width: 600px) {  
  .block--2 .row-1 h1,
  .block--2 .row-2 h1 {
    font-size: 30px;
  }
  .block--7 h1, 
  .block--7 h1 a {
    font-size: 20px;
  }
  .block--7 .meta {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .block--7 .meta .divider {
    display: none;
  }
  .block--7 .meta .source {
    display: block;
    padding-top: 2px;
  }
  .block--7 .meta .actions {
    display: block;
    padding-top: 2px;
  }
  .block--11 .col-1,
  .block--11 .col-2,
  .block--10 .col-1,
  .block--10 .col-2 {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .block--11 .col-2 {
    margin-bottom: 30px;
  }
  .block--10 .col-1 {
    text-align: center;
    margin-bottom: 20px;
  }
}

@media all and (max-width: 450px) {  
  .block--1 .brief h1 {
    font-size: 30px;
  }
  .block--2 .row-1 h1 {
    font-size: 20px;
  }
  .block--2 .row-2 h1 {
    padding-bottom: 5px;
  }
  .block--1 .signin {
    width: 94%;
    padding: 3%;
  }
  .block--1 .signin .feature-services .item {
    width: 100%;
    float: none;
  }
  .block--1 .signin .feature-services .item .icon {
    margin: 0 auto;
  }
  .block--1 .signin .linkedin {
    width: 100%;
    max-width: 308px;
    background-size: 100% 100%;
  }
}

@media all and (max-width: 550px) {  
  header menu {
    float: left;
    padding-left: 0;
    clear: both;
  }
  header menu ul {
    margin-left: 0;
  }
  .block--3 .row-1 .col-1, 
  .block--3 .row-1 .col-2 {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  
  .block--3 .row-1 .col-2 {
    text-align: center;
    margin-bottom: 20px;
  }
  
  .block--3 .row-1 h1,
  .block--3 .row-1 figure {
    text-align: center;
  }
  
  .block--4 .row-2 .item {
    width: 50%;
  }
}

@media all and (max-width: 450px) {  
  .block--4 .row-2 .item {
    width: 100%;
  }
}