body {
  height: 100%;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

.maglr-presentation-holder {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.maglr-presentation-holder.auto {
  width: 100%;
  height: 100%;
}

.maglr-presentation-holder.scroller {
  position: relative;
  width: 1300px;
  height: 750px;
}

.body {
  height: 100%;
  background-color: #e7e7e7;
  font-family: 'Titillium Web', sans-serif;
}

.pt100-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.pt100-left {
  position: absolute;
  width: 500px;
  height: 100%;
  background-image: url('../images/placeholder-1.png');
  background-position: 50% 50%;
  background-size: cover;
}

.pt100-menu {
  position: absolute;
  top: 50%;
  right: -30px;
  width: 300px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #0065c0;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.pt100-col1 {
  width: 500px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.pt100-col2 {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
}

.demo-link {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 25px;
  padding-left: 25px;
  font-size: 22px;
  line-height: 1.2em;
}

.demo-subtitle {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 25px;
  padding-left: 25px;
  font-weight: 400;
}

.demo-intro {
  margin-bottom: 0px;
  padding-right: 25px;
  padding-left: 25px;
}

.pt100-section {
  height: 100%;
  padding-left: 50px;
}

.pt100-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, .11);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  font-size: 22px;
  line-height: 1.2em;
  font-weight: 700;
  text-decoration: none;
}

.pt100-item:hover {
  padding-left: 35px;
}

.pt100-item.active {
  padding-left: 20px;
  background-color: hsla(0, 0%, 100%, .09);
}

.pt100-item-title {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 20px;
  line-height: 22px;
}

.pt101-main {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-image: url('../images/placeholder-1.png');
  background-position: 50% 50%;
  background-size: cover;
}

.pt-vertical-section-container {
  height: 100%;
}

.pt-vertical-section {
  position: relative;
  height: 100%;
  background-color: #fff;
}

.pt-vertical-content {
  width: 100%;
  height: 100%;
  max-height: 700px;
  padding-right: 25px;
  padding-left: 25px;
}

.pt101-item-container {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100px;
  padding-right: 25px;
  padding-bottom: 35px;
  padding-left: 25px;
}

.pt101-item-holder {
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
}

.pt101-item-holder:hover {
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}

.pt101-item {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 4px solid #bedcea;
  border-radius: 5px;
  background-color: #fff;
}

.demo-link-sub {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 25px;
  padding-left: 25px;
  font-size: 22px;
  line-height: 1.2em;
  font-weight: 400;
}

.pt101-lt {
  width: 600px;
  height: 500px;
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
  border-bottom-right-radius: 100px;
  background-image: url('../images/shape-lb.svg');
  background-position: 100% 100%;
  background-size: cover;
}

.pt102-main {
  position: relative;
  z-index: 10;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #006fd2;
}

.st102-img {
  display: block;
  height: 50%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/placeholder-1.png');
  background-position: 50% 50%;
  background-size: cover;
}

.st102-mask {
  width: 100%;
  height: 100%;
  background-image: url('../images/big-head-mask.svg');
  background-position: 50% 94%;
  background-size: 4000px;
  background-repeat: no-repeat;
  -webkit-transform: translate(0px, 2px);
  -ms-transform: translate(0px, 2px);
  transform: translate(0px, 2px);
}

.st102-intro {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 50%;
  text-align: center;
}

.st-down-circle {
  position: absolute;
  left: 50%;
  right: 0px;
  bottom: -35px;
  width: 70px;
  height: 70px;
  padding-top: 7px;
  border-radius: 300px;
  background-color: #fff;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #006fd2;
  font-size: 22px;
  line-height: 22px;
  text-decoration: none;
}

.st-down-circle:hover {
  bottom: -29px;
}

.st-down-icon {
  text-align: center;
}

.pt-vertical-sidemenu {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
  display: block;
  width: 75px;
  height: 100%;
  padding-top: 15px;
  padding-right: 15px;
}

.pt-vertical-to-top {
  position: relative;
  width: 45px;
  height: 45px;
  padding-top: 6px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

.pt-vertical-to-top:hover {
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.pt-vertical-nav-holder {
  position: relative;
  top: 50%;
  right: 0px;
  bottom: 0px;
  z-index: 5;
  width: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 15px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.pt-vertical-nav-item {
  width: 12px;
  height: 12px;
  margin-bottom: 25px;
  float: left;
  clear: left;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, .35);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
}

.pt-vertical-nav-item:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.pt-vertical-nav-item.active {
  background-color: rgba(0, 0, 0, .77);
}

.pt104-main {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/placeholder-1.png');
  background-position: 50% 50%;
  background-size: cover;
}

.pt104-item-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1300px;
  padding-right: 25px;
  padding-left: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.pt104-item-holder {
  width: 25%;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.pt104-item {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 25px;
  border-bottom: 5px solid #bedcea;
  border-radius: 5px;
  background-color: #fff;
  font-size: 20px;
  line-height: 1.2em;
}

.pt106-intro {
  width: 100%;
  max-width: 1300px;
  padding: 25px;
}

.maglr-content-holder {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
}

.pt105-main {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffae00;
  color: #fff;
}

.pt015-slideholder {
  position: relative;
  width: 100%;
  height: 100%;
}

.pt105-slide {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #e25206;
  color: #fff;
}

.pt105-slidecontainer {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 45px;
  padding-left: 250px;
}

.pt105-left {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  width: 250px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.pt105-right {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  float: left;
}

.pt105-topcontent {
  position: absolute;
  top: 100px;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.pt105-topbtn {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-right: 50px;
  padding-left: 35px;
  border-radius: 25px;
  background-color: #003663;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  color: #fff;
  font-size: 25px;
  line-height: 2;
  cursor: pointer;
}

.pt105-topbtn:hover {
  -webkit-transform: translate(0px, 5px);
  -ms-transform: translate(0px, 5px);
  transform: translate(0px, 5px);
}

.pt105-btntext {
  display: inline-block;
}

.pt105-btnicon {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  font-family: 'Fontawesome webfont', sans-serif;
}

.pt105-topbtn-holder {
  display: block;
  width: 100%;
  margin-right: auto;
  padding-top: 50px;
}

.pt105-top-line {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(0, 0, 0, .31);
}

.div-block {
  position: relative;
}

.pt105-topcontent-holder {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.pt105-bignumber {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 150px;
  font-size: 120px;
  line-height: 1.25;
  text-align: center;
}

.pt105-bignumber.pt105-custom {
  position: relative;
  width: auto;
  margin-top: 65px;
  margin-right: 80px;
  float: right;
}

.pt105-top-lineholder {
  position: absolute;
  top: 100px;
  right: 0px;
  bottom: 0px;
  width: 80px;
}

.pt105-top-lineholder.pt105-custom {
  top: 0px;
  padding-top: 0px;
  padding-bottom: 110px;
}

.pt105-btn-nextslide {
  position: absolute;
  left: 7px;
  bottom: 55px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  cursor: pointer;
}

.pt105-btn-nextslide:hover {
  -webkit-transform: translate(0px, 5px);
  -ms-transform: translate(0px, 5px);
  transform: translate(0px, 5px);
}

.pt105-btn-nextslide-icon {
  position: relative;
  top: 50%;
  width: 65px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  font-family: 'Fontawesome webfont', sans-serif;
  color: #003663;
  font-size: 30px;
  line-height: 1;
  text-align: center;
}

.pt106-main {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #006fd2;
}

.pt106-col1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: url('../images/placeholder-1.png');
  background-position: 50% 50%;
  background-size: cover;
}

.pt106-col2 {
  width: 460px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
}

.pt106-col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 360px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #5f5f5f;
}

.pt106-item-container {
  width: 100%;
  padding: 25px 30px;
}

.pt106-item-holder {
  position: relative;
  width: 100%;
}

.pt106-item {
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-size: 1.6em;
  line-height: 1em;
  cursor: pointer;
}

.pt106-item:hover {
  padding-left: 10px;
  opacity: 0.8;
}

.pt106-txt {
  width: 100%;
}

.pt104-heading {
  width: 100%;
  max-width: 1300px;
  padding-right: 10px;
  padding-bottom: 25px;
  padding-left: 10px;
}

@font-face {
  font-family: 'Fontawesome webfont';
  src: url('../fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}