body {
  font-family:'Proximanova reg', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
h1 {
  display: block;
  width: 70%;
  margin: 0px auto 20px;
  font-family: Proximanova, sans-serif;
  color: #181d1d;
  font-size: 40px;
  line-height: 50px;
  font-weight: 200;
  text-align: center;
  text-transform: none;
}
h2 {
  margin-top: 0px;
  margin-bottom: 30px;
  font-family:'Proximanova reg', sans-serif;
  color: #181d1d;
  font-size: 34px;
  line-height: 44px;
  font-weight: 700;
  text-align: center;
}
h3 {
  display: block;
  width: 90%;
  margin: 0px auto 10px;
  font-family:'Proximanova reg', sans-serif;
  color: #181d1d;
  font-size: 16px;
  line-height: 24px;
  font-weight: 200;
  text-align: center;
}
h4 {
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  text-align: center;
}
h5 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: Proximanova, sans-serif;
  color: #777;
  font-size: 16px;
  line-height: 20px;
  font-weight: 200;
  text-align: center;
}
h6 {
  display: block;
  width: 74%;
  margin: 10px auto;
  font-family: Proximanova, sans-serif;
  color: #00adc1;
  font-size: 22px;
  line-height: 30px;
  font-weight: 200;
  text-align: center;
}
a {
  font-family:'Proximanova reg', sans-serif;
  color: #3255e3;
  font-weight: 400;
}
a:hover {
  color: #00e;
}
.webinar-h2 {
  font-size: 24px;
  text-align: left;
  font-weight: 300;
}
.webinar-h3 {
  font-size: 20px;
}
.help-theme {
  text-align: center;
  margin-left: 30px;
  width: 100%;
}
.help-block {
  align-items: center;
  display: flex;
  margin-top: 15px;
  width: 100%;
}
.help-block .ask-list {
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
  width: 400px;
}
.help-block .video-block {
  display: inline-block;
  padding-left: 50px;
}
.list-free {
  font-family: 'Proximanova reg', sans-serif;
  font-size: 18px;
  margin-top: -30px;
}
.list-non-free {
  margin-bottom: 20px;
}
.date {
  font-family: Menlo, monospace;
  color: #181d1d;
  text-decoration: none;
  font-weight: 200;
}
.warning {
  color: #ff5e3a;
  font-size: 18px;
}
.button {
  display: inline-block;
  margin-top: 40px;
  padding: 18px 38px;
  float: left;
  border-radius: 6px;
  background-color: #ff4b65;
  color: white !important;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
}
.button.signup {
  height: 44px;
  margin-top: 4px;
  margin-bottom: 3px;
  padding: 10px 22px 12px;
  float: right;
  border: 2px solid #ff4b65;
  border-radius: 100px;
  background-color: transparent;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #ff4b65 !important;
  font-size: 16px;
}
.button.signup:hover {
  opacity: 0.85;
}
.button.signup:active {
  -webkit-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96);
}
.headersection {
  padding: 16px 22px 16px 16px;
}
._1screen {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #343a8c;
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.29) 3%, rgba(0, 0, 0, 0.70) 93%), url('/images/o-KID-ON-IPAD-facebook.jpg');
  background-image: linear-gradient(rgba(0, 0, 0, 0.29) 3%, rgba(0, 0, 0, 0.70) 93%), url('/images/o-KID-ON-IPAD-facebook.jpg');
  background-position: 0px 0px, 0px 50%;
  background-size: auto, cover;
  text-align: center;
}
.brand {
  width: 300px;
  float: left;
  color: #222;
}
.brand.header {
  width: auto;
}
.brand.footerlogo {
  width: auto;
}
.logoimage {
  float: right;
}
.logotext {
  margin-left: -10px;
  font-family: Proximanova, sans-serif;
  color: #555;
  font-size: 26px;
  font-weight: 600;
}
.logotext.one {
  margin-top: 2px;
  margin-bottom: 4px;
  margin-left: -6px;
}
.logotext.two {
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 10px;
  padding-left: 10px;
  float: left;
  clear: none;
  border-left: 1px none #181d1d;
  font-family:'Proximanova reg', sans-serif;
  color: #181d1d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}
.phonelink {
  margin-top: 11px;
  margin-right: 22px;
  margin-bottom: 7px;
  float: right;
  font-family: Proximanova, sans-serif;
  color: #1b4790;
  font-size: 22px;
  line-height: 44px;
  font-weight: 600;
  text-decoration: none;
}
.phonelink.header {
  display: inline-block;
  margin-top: 2px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-family:'Proximanova reg', sans-serif;
  color: #181d1d;
  font-size: 20px;
  line-height: 29px;
}
.phonelink.footer2 {
  margin-right: 0px;
  color: #343a8c;
}
.container {
  margin-top: 140px;
  margin-bottom: 140px;
}
._2screen {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: -webkit-linear-gradient(white, rgba(255, 255, 255, 0) 31%), url('/images/pattern4.png');
  background-image: linear-gradient(white, rgba(255, 255, 255, 0) 31%), url('/images/pattern4.png');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 300px;
  color: #222;
}
._2screen.webinar {
  padding-bottom: 20px;
}
._3screen {
  background-image: -webkit-linear-gradient(white, rgba(255, 255, 255, 0) 6%, white 160%), url('/images/pattern4.png');
  background-image: linear-gradient(white, rgba(255, 255, 255, 0) 6%, white 160%), url('/images/pattern4.png');
}
.text {
  margin-bottom: 10px;
  font-family: Proximanova, sans-serif;
  color: #777;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.text.one {
  display: block;
  width: 77%;
  margin-right: auto;
  margin-left: auto;
  font-family:'Proximanova reg', sans-serif;
  color: #222;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.text.two {
  margin-bottom: 100px;
  font-family:'Proximanova reg', sans-serif;
  color: #222;
  font-size: 18px;
  line-height: 28px;
}
.text.white {
  color: white;
}
.text.three {
  margin-bottom: 60px;
  font-family:'Proximanova reg', sans-serif;
  color: #181d1d;
  font-size: 18px;
}
.screenshot {
  max-width: 800px;
  float: left;
}
.screenshot.other {
  overflow-x: visible;
  overflow-y: visible;
  max-width: 600px;
  margin-right: 20px;
  float: right;
}
.screenshot.right {
  width: 100%;
  max-width: 750px;
  min-width: 650px;
  margin-right: 0px;
  float: right;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 6px 0px;
}
.screenshot.right._2 {
  border-radius: 24px;
}
.circle {
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 4px;
  float: left;
  border: 2px solid #ff4b65;
  border-radius: 100px;
}
.text2 {
  width: auto;
  margin-left: 0px;
  float: left;
  font-family: Proximanova, sans-serif;
  color: #324a62;
  font-size: 16px;
  line-height: 24px;
  font-weight: 200;
}
.div {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 24px;
}
.quotescreen {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f8f8f8;
}
.quotescreen.one {
  background-color: #fd5869;
}
.quotescreen.two {
  border-bottom: 1px solid #eee;
  background-color: #fd5869;
}
.qimage {
  border-radius: 150px;
}
.qimage.one {
  width: 200px;
  border-radius: 150px;
}
.qimage.two {
  display: block;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 200px;
}
.qimage.three {
  display: block;
  width: 150px;
  margin-right: auto;
  margin-left: auto;
}
.qshit {
  position: absolute;
  color: white;
  font-size: 84px;
  line-height: 84px;
}
.qtext {
  margin-bottom: 14px;
  margin-left: 54px;
  color: #343a8c;
  font-size: 14px;
  line-height: 22px;
  font-style: normal;
  font-weight: 400;
}
.screen {
  padding-top: 80px;
  padding-bottom: 70px;
  background-color: white;
}
.icon {
  display: block;
  width: 50px;
  margin-right: auto;
  margin-left: auto;
}
.tabscreen {
  min-height: auto;
  padding-top: 10px;
  padding-bottom: 260px;
  background-color: #6bd1dd;
  background-image: url('/images/ptrn.png');
  background-position: 0px 0px;
}
.modelscreen {
  padding-top: 10px;
  padding-bottom: 100px;
  border-bottom: 1px solid #eee;
  background-color: #f2f2f2;
  background-image: url('/images/ptrn.png');
  background-position: 0px 0px;
}
.model {
  display: block;
  width: auto;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 3px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 6px 0px;
}
.teamscreen {
  padding-top: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #eee;
}
.row {
  margin-top: 60px;
}
.listitem {
  margin-bottom: 10px;
  font-size: 14px;
}
.list {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-left: 16px;
  float: none;
}
.techspecs {
  margin-top: 60px;
  margin-right: -40px;
  margin-left: -40px;
  padding-top: 60px;
  padding-right: 40px;
  padding-left: 40px;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(#e4ebf2, white);
  background-image: linear-gradient(#e4ebf2, white);
}
.smallerthanh2 {
  margin-bottom: 40px;
  font-size: 30px;
  line-height: 38px;
}
.smallerthanh2.margin {
  margin-top: 80px;
}
.smallerthanh4 {
  margin-top: 14px;
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.form {
  display: block;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #00adc1;
  background-image: -webkit-linear-gradient(rgba(0, 173, 193, 0.8) 1%, rgba(0, 173, 193, 0.90) 96%), url('/images/o-KID-ON-IPAD-facebook.jpg');
  background-image: linear-gradient(rgba(0, 173, 193, 0.8) 1%, rgba(0, 173, 193, 0.90) 96%), url('/images/o-KID-ON-IPAD-facebook.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}
.whiteh2 {
  color: white;
}
.form2 {
  display: block;
  width: 75%;
  margin: 60px auto 0px;
}
.textfield {
  height: 50px;
  padding-left: 16px;
  border: 1px solid white;
  border-radius: 100px;
  font-family: Proximanova, sans-serif;
  font-size: 16px;
}
.submitbutton {
  width: 100%;
  height: 52px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  background-color: white;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #00adc1;
  font-size: 17px;
}
.submitbutton:hover {
  opacity: 0.85;
}
.submitbutton:active {
  -webkit-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96);
}
.footer {
  padding-top: 30px;
  padding-bottom: 30px;
}
.divider {
  display: inline-block;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #eee;
}
.footertext {
  margin-top: -10px;
  float: left;
  font-family: Proximanova, sans-serif;
  color: #d6d6d6;
}
.footertext.right {
  float: right;
}
.empty {
  height: 55px;
}
.bold {
  font-family:'Proximanova reg', sans-serif;
  color: white;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.light {
  color: white;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.miniheading {
  margin-top: 0px;
  margin-bottom: 60px;
  color: #999;
  text-align: center;
}
.tabsmenu {
  text-align: center;
}
.tablink {
  background-color: transparent;
  opacity: 0.7;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: Proximanova, sans-serif;
  color: #324a62;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.tablink:hover {
  opacity: 1;
}
.tablink.w--current {
  border-bottom: 1px none #324a62;
  border-radius: 100px;
  background-color: transparent;
  opacity: 1;
  font-family:'Proximanova reg', sans-serif;
  color: #324a62;
  font-weight: 500;
}
.tabs {
  overflow-x: visible;
  overflow-y: visible;
  margin-top: 40px;
}
.tabpane {
  overflow-x: visible;
  overflow-y: visible;
}
.tabscontent {
  overflow-x: visible;
  overflow-y: visible;
  margin-top: 20px;
}
.video {
  overflow-x: hidden;
  overflow-y: hidden;
  border-radius: 3px;
}
.videov {
  height: 400px;
}
.partners {
  padding-top: 80px;
  padding-bottom: 100px;
  border-bottom: 1px solid #eee;
}
.partner {
  display: block;
  width: 200px;
  height: 200px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #eee;
  border-radius: 100px;
}
.partner._1 {
  background-image: url('/images/logo1.png');
  background-position: 0px 0px;
  background-size: cover;
}
.partner._2 {
  background-image: url('/images/logo2.png');
  background-position: 0px 0px;
  background-size: 200px;
}
.partner._3 {
  background-image: url('/images/logo3.png');
  background-position: 0px 0px;
  background-size: cover;
}
.client {
  display: block;
  width: 150px;
  height: 150px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #eee;
  border-radius: 100px;
}
.client.margin {
  padding-top: 60px;
  padding-bottom: 60px;
}
.client.margin.color1 {
  background-color: #4cd964;
  background-image: -webkit-linear-gradient(#4cd3d9 1%, #3fbab0 95%);
  background-image: linear-gradient(#4cd3d9 1%, #3fbab0 95%);
}
.client.margin2 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.client.margin2.color2 {
  background-color: #34aadc;
  background-image: -webkit-linear-gradient(#34aadc 1%, #2b8fba);
  background-image: linear-gradient(#34aadc 1%, #2b8fba);
}
.client.margin3 {
  padding: 57px 10px;
}
.contacts {
  padding-top: 60px;
  padding-bottom: 60px;
}
.map {
  display: none;
  height: 500px;
  margin-bottom: 60px;
}
.text3 {
  margin-bottom: 0px;
  margin-left: 0px;
  color: #181d1d;
}
.mheading {
  margin-bottom: 16px;
  color: #222;
  font-size: 26px;
  line-height: 32px;
}
.mheading.color {
  color: white;
}
.soclink {
  width: 40px;
  height: 40px;
}
.tabsmenu2 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 40%;
  float: right;
}
.tablink2 {
  width: 90%;
  padding: 10px 0px 10px 24px;
  background-color: transparent;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: Proximanova, sans-serif;
  color: #324a62;
  font-size: 16px;
  line-height: 24px;
  font-weight: 200;
}
.tablink2:hover {
  opacity: 0.7;
}
.tablink2.w--current {
  padding: 10px 0px 10px 22px;
  border-left: 2px solid #ff4b65;
  background-color: transparent;
  font-family:'Proximanova reg', sans-serif;
  color: #324a62;
  font-size: 16px;
  line-height: 24px;
}
.navbar {
  background-color: transparent;
}
.navlink {
  color: #181d1d;
  font-size: 15px;
}
.navlink:hover {
  opacity: 0.7;
}
.navlink.w--current {
  color: #00adc1;
}
.play {
  margin-top: 30px;
}
.tabscontent2 {
  overflow-x: visible;
  overflow-y: visible;
  width: 60%;
}
.first {
  position: relative;
  z-index: 100;
  padding-top: 50px;
  background-color: white;
  background-image: none;
  background-size: auto;
}
.after_header{
  padding-top: 50px;
}
.container2 {
  margin-top: 80px;
}
.videolb {
  display: block;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  opacity: 0.95;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.videolb:hover {
  opacity: 0.85;
}
.videolb:active {
  opacity: 0.95;
  -webkit-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96);
}
.screenshot2 {
  display: block;
  max-width: 100%;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}
.icondiv1 {
  display: block;
  width: 200px;
  height: 200px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
  float: none;
  border: 2px solid #eee;
  border-radius: 100px;
  color: #999;
  text-align: center;
}
.iconimg {
  display: block;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}
.icondiv2 {
  display: block;
  width: 75px;
  height: 75px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  padding-top: 17px;
  padding-bottom: 17px;
  float: left;
  border-radius: 100px;
  background-image: -webkit-linear-gradient(#fe2f81, #fff453);
  background-image: linear-gradient(#fe2f81, #fff453);
  text-align: center;
}
.icondiv2._1 {
  margin-bottom: 0px;
  float: none;
  background-image: -webkit-linear-gradient(#ff5e3a, #ff2a68);
  background-image: linear-gradient(#ff5e3a, #ff2a68);
}
.icondiv2._2 {
  margin-bottom: 0px;
  float: none;
  background-image: -webkit-linear-gradient(#c644fc 1%, #5856d6);
  background-image: linear-gradient(#c644fc 1%, #5856d6);
}
.icondiv2._3 {
  margin-bottom: 0px;
  float: none;
  background-image: -webkit-linear-gradient(#ef4db6, #c643fc);
  background-image: linear-gradient(#ef4db6, #c643fc);
}
.icondiv2._4 {
  margin-bottom: 0px;
  float: none;
  background-image: -webkit-linear-gradient(#52edc7 2%, #5ac8fb);
  background-image: linear-gradient(#52edc7 2%, #5ac8fb);
}
.icondiv2._5 {
  margin-bottom: 0px;
  float: none;
  background-image: -webkit-linear-gradient(#ff9500, #ff5e3a 96%);
  background-image: linear-gradient(#ff9500, #ff5e3a 96%);
}
.icondiv2._6 {
  margin-bottom: 0px;
  float: none;
  background-image: -webkit-linear-gradient(#1ad6fd 1%, #1d62f0 97%);
  background-image: linear-gradient(#1ad6fd 1%, #1d62f0 97%);
}
.icontext {
  display: block;
  width: auto;
  margin: 14px auto 40px 0px;
  float: none;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.mheading2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Proximanova, sans-serif;
  color: #181d1d;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  text-align: center;
}
.fixednavbar {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  height: 72px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 2px solid #eee;
  background-color: white;
}
.logoimg {
  margin-top: 5px;
}
.colorheading2 {
  color: #324a62;
}
.respdiv {
  display: block;
  width: 100%;
  max-width: 1200px;
  min-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
}
.min {
  max-width: 650px;
  float: left;
}
.mockup {
  position: absolute;
  right: 0px;
  bottom: 0px;
  -webkit-transform: translate(0px, 340px);
  -ms-transform: translate(0px, 340px);
  transform: translate(0px, 340px);
}
.mockup2 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  -webkit-transform: translate(0px, 223px);
  -ms-transform: translate(0px, 223px);
  transform: translate(0px, 223px);
}
.schooltext {
  font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  color: white;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}
.message {
  border: 2px none #46dd7b;
  border-radius: 3px;
  background-color: rgba(63, 235, 144, 0.7);
  text-align: center;
}
.text4 {
  margin-bottom: 0px;
  margin-left: 0px;
  color: white;
  font-size: 16px;
}
.redtext {
  margin-bottom: 0px;
  margin-left: 0px;
  font-family:'Proximanova reg', sans-serif;
  color: white;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.ermessage {
  border: 2px none #fa4a4a;
  border-radius: 3px;
  background-color: rgba(250, 74, 74, 0.7);
}
.icon2 {
  position: absolute;
  float: left;
}
.phone {
  margin-left: 32px;
  float: left;
  color: #181d1d;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
}
.div2 {
  margin-bottom: 10px;
}
.text5 {
  margin-left: 12px;
  float: left;
  font-family: Proximanova, sans-serif;
  color: #999;
  line-height: 24px;
  font-style: italic;
}
.tabs1 {
  width: auto;
  max-width: 750px;
  min-width: 590px;
  float: right;
}
.tabsmenu3 {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.slider {
  width: 659px;
  height: 412px;
  max-height: 469px;
  max-width: 750px;
  min-height: 369px;
  min-width: 590px;
  float: right;
  clear: none;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 6px 0px;
}
.slide-task-frame {
  width: 780px;
}
.slider.edges {
  width: 100%;
  border-radius: 26px;
}
.stream-line{
  width: 100% !important;
  height: 416px;
}
.video-cont, .chat-cont {
  display: inline-block !important;
}
.video-cont {
  width: 740px;
}
.chat-cont {
  padding-left: 25px;
  vertical-align: top;
  overflow-y: auto;
  overflow-x: hidden;
  height: 416px;
  width: 455px;
}
.frame-line {
  height: 600px;
  width: 100%;
}
.slide1 {
  background-image: url('/images/001.png');
  background-position: 0px 0px;
  background-size: cover;
}
.slide1._3 {
  background-image: url('/images/008.png');
}
.slide1._4 {
  background-image: url('/images/012.png');
}
.slide1._5 {
  background-image: url('/images/009.png');
  background-size: cover;
}
.slide1._6 {
  background-image: url('/images/011.png');
}
.slide1._7 {
  background-image: url('/images/007.png');
  background-size: cover;
}
.slide1._8 {
  background-image: url('/images/010.png');
  background-size: cover;
}
.slide1._9 {
  background-image: url('/images/006.png');
}
.slide1._1 {
  background-size: contain;
}
.arrow {
  color: #ff4b65;
  text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px;
}
.mask {
  max-width: 750px;
  min-width: 550px;
}
.mask-task{
  max-width: 780px;
  min-width: 780px;
}
.slide2 {
  background-image: url('/images/005.png');
  background-position: 0px 0px;
  background-size: cover;
}
.bullet {
  position: relative;
  left: 0px;
  top: 0px;
  width: 8px;
  height: 8px;
  margin-top: 8px;
  margin-left: -22px;
  border-radius: 100px;
  background-color: #ff4b65;
}
.sliderdiv {
  width: 750px;
  max-width: 750px;
  float: right;
}
.div3 {
  display: inline-block;
  height: 49px;
  margin-right: 22px;
  float: right;
}
.text6 {
  clear: right;
  text-align: right;
}
.container3 {
  padding-top: 50px;
}
html.w-mod-js *[data-ix="new-interaction"] {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
html.w-mod-js *[data-ix="new-interaction-2"] {
  opacity: 0;
}
@media (max-width: 991px) {
  h1 {
    width: 100%;
  }
  h2 {
    margin-bottom: 20px;
  }
  h6 {
    width: 95%;
  }
  .logotext.two {
    margin-left: 0px;
    padding-left: 0px;
  }
  .phonelink.header {
    margin-top: 7px;
    margin-right: 0px;
    clear: right;
    line-height: 36px;
  }
  .text.one {
    font-size: 16px;
    line-height: 26px;
  }
  .text.two {
    font-size: 16px;
    line-height: 26px;
  }
  .screenshot.right {
    display: block;
    width: 550px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    float: none;
  }
  .text2 {
    text-align: left;
  }
  .quotescreen.one {
    padding: 40px 10px;
  }
  .qimage.three {
    width: 120px;
  }
  .tabscreen {
    padding-top: 60px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .techspecs {
    margin-right: 0px;
    margin-left: 0px;
  }
  .form {
    padding-right: 10px;
    padding-left: 10px;
  }
  .tabpane {
    text-align: center;
  }
  .map {
    height: 300px;
  }
  .videolb {
    margin-bottom: 20px;
  }
  .respdiv {
    display: inline;
    width: 100%;
    max-width: 100%;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .mockup2 {
    -webkit-transform: translate(0px, 183px);
    -ms-transform: translate(0px, 183px);
    transform: translate(0px, 183px);
  }
  .slider {
    display: inline-block;
    width: 500px;
    height: 344px;
    max-width: 550px;
    min-height: 344px;
    min-width: 550px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    float: none;
  }
  .sliderdiv {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
}
@media (max-width: 767px) {
  h1 {
    width: 80%;
    margin-bottom: 14px;
    font-size: 26px;
    line-height: 34px;
  }
  h2 {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 34px;
  }
  h3 {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
  }
  h4 {
    font-size: 15px;
    line-height: 24px;
  }
  h5 {
    font-size: 15px;
  }
  h6 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 17px;
    line-height: 25px;
  }
  p {
    margin-left: 0px;
    font-size: 13px;
    line-height: 23px;
  }
  .logotext.two {
    font-size: 12px;
    line-height: 16px;
  }
  .phonelink.header {
    margin-top: 4px;
    line-height: 28px;
  }
  ._2screen {
    padding: 40px 10px 20px;
  }
  .text.one {
    width: 100%;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 22px;
  }
  .text.two {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 22px;
  }
  .text.white {
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
  }
  .qimage.two {
    width: 100px;
  }
  .qimage.three {
    width: 100px;
  }
  .qtext {
    margin-left: 0px;
  }
  .screen {
    padding-right: 10px;
    padding-bottom: 60px;
    padding-left: 10px;
  }
  .tabscreen {
    padding-top: 40px;
    padding-bottom: 100px;
  }
  .modelscreen {
    padding: 0px 10px 80px;
  }
  .teamscreen {
    padding: 40px 10px;
  }
  .row {
    margin-top: 30px;
  }
  .list {
    width: 90%;
  }
  .techspecs {
    margin-top: 40px;
    padding-top: 40px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .smallerthanh4 {
    font-size: 14px;
    line-height: 20px;
  }
  .form {
    padding: 40px 0px;
  }
  .form2 {
    width: 100%;
    margin-top: 30px;
  }
  .textfield {
    font-size: 14px;
  }
  .submitbutton {
    font-size: 15px;
  }
  .footer {
    padding-right: 10px;
    padding-left: 10px;
  }
  .miniheading {
    margin-bottom: 40px;
    font-size: 13px;
    line-height: 18px;
  }
  .tablink {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
  }
  .tabs {
    margin-top: 20px;
  }
  .tabscontent {
    margin-top: 20px;
  }
  .partners {
    padding: 40px 10px 60px;
    border-bottom: 1px solid #eee;
  }
  .partner._1 {
    width: 150px;
    height: 150px;
  }
  .partner._2 {
    width: 150px;
    height: 150px;
    background-size: cover;
  }
  .contacts {
    padding: 40px 10px;
  }
  .soclink {
    width: 30px;
  }
  .first {
    padding-top: 10px;
  }
  .container2 {
    margin-top: 30px;
  }
  .videolb {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }
  .screenshot2 {
    margin-top: 20px;
  }
  .icontext {
    margin-bottom: 30px;
    font-family: Proximanova, sans-serif;
  }
  .mockup {
    -webkit-transform: translate(0px, 170px);
    -ms-transform: translate(0px, 170px);
    transform: translate(0px, 170px);
  }
  .mockup2 {
    -webkit-transform: translate(0px, 130px);
    -ms-transform: translate(0px, 130px);
    transform: translate(0px, 130px);
  }
  .div2 {
    margin-bottom: 12px;
  }
  .slider {
    width: auto;
    height: 250px;
    min-height: 250px;
    min-width: 400px;
  }
  .div3 {
    margin-right: 0px;
  }
  .text6 {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 479px) {
  h1 {
    width: 100%;
    font-size: 24px;
    line-height: 32px;
  }
  h2 {
    line-height: 36px;
  }
  h3 {
    margin-bottom: 50px;
  }
  h5 {
    margin-bottom: 16px;
  }
  h6 {
    font-size: 14px;
    line-height: 22px;
  }
  .button.signup {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .brand.header {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: center;
  }
  .phonelink.header {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: center;
  }
  .phonelink.header.footerlink {
    text-align: left;
  }
  .phonelink.header.foote3 {
    float: left;
  }
  .qimage.one {
    display: block;
    width: 100px;
    height: 100px;
    margin-right: auto;
    margin-bottom: 12px;
    margin-left: auto;
  }
  .qimage.two {
    margin-top: 20px;
  }
  .qimage.three {
    width: 80px;
  }
  .qtext {
    line-height: 18px;
    text-align: center;
  }
  .screen {
    padding-bottom: 10px;
  }
  .teamscreen {
    padding-top: 60px;
    padding-bottom: 20px;
  }
  .row {
    margin-top: 0px;
  }
  .listitem {
    font-size: 13px;
  }
  .list {
    width: 100%;
    margin-bottom: 30px;
  }
  .techspecs {
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .smallerthanh2 {
    font-size: 24px;
    line-height: 30px;
  }
  .smallerthanh4 {
    font-size: 12px;
    line-height: 14px;
  }
  .bold {
    font-size: 14px;
    line-height: 18px;
  }
  .light {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }
  .miniheading {
    line-height: 16px;
  }
  .miniheading.margin {
    margin-bottom: 58px;
  }
  .tablink {
    text-align: center;
  }
  .partners {
    border-bottom: 1px solid #eee;
  }
  .partner._1 {
    margin-bottom: 10px;
  }
  .client.margin.color1 {
    margin-bottom: 10px;
    padding-top: 60px;
  }
  .client.margin3 {
    margin-bottom: 10px;
  }
  .soclink {
    width: 40px;
  }
  .first {
    padding-right: 10px;
    padding-left: 10px;
  }
  .icontext {
    margin-bottom: 30px;
    font-family: Proximanova, sans-serif;
    font-size: 13px;
  }
  .mockup2 {
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    max-width: 70%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .div2 {
    margin-bottom: 12px;
  }
  .text5 {
    margin-left: 32px;
  }
  .div3 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .text6 {
    text-align: center;
  }
  .text6.f {
    clear: left;
    text-align: left;
  }
  .container3 {
    padding-top: 40px;
  }
}

@font-face {
  font-family: 'Proximanova';
  src: url('/fonts/ProximaNova-Bold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Proximanova reg';
  src: url('/fonts/ProximaNova-Reg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Proximanova';
  src: url('/fonts/ProximaNova-Light.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Marta';
  src: url('/fonts/Marta_Bold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Marta';
  src: url('/fonts/Marta_Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Marta';
  src: url('/fonts/Marta_Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}


.promo-line .promo-link {
  display: block;
  font-size: 24px;
  line-height: 60px;
  color: #fff;
  background: #fd5869;
  padding: 10px 20px 10px 80px;
  text-decoration: none;
  vertical-align: middle;

  border-radius: 5px;
}
.promo-line .promo-link .image {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  background: #fff url('/images/Coollll.png') no-repeat;
  background-size: 55px;
  border: 2px solid transparent;
  border-radius: 100%;
}
.promo-line .promo-link:hover {
  text-decoration: underline;
}
.promo-line .promo-link:hover .image {
  border-color: #fff;
}

@media (max-width: 767px) {
  .promo-line .promo-link {
    font-size: 18px;
    line-height: 22px;
    padding: 10px;
  }
  .promo-line .promo-link .image {
    display: none;
  }
}

.webinar h1,
.webinar h2,
.webinar h3,
.webinar h4,
.webinar h5
{
  text-align: left;
  width: auto;
}

.webinar .about-section {
  padding-left: 210px;
  background: url('/images/todd.png') no-repeat;
  background-size: 133px;
  min-height: 400px;
}

.webinar-payment .about-section {
  background-image: url('/images/Coollll.png');
  background-size: 200px;
}

.webinar-ege .about-section,
.webinar-simple .about-section {
  padding-left: 0;
  background: none;
  min-height: auto;
}

.webinar .about-section h5 {
  color: #000;
  font-size: 20px;
  margin-bottom: 10px;
}

.webinar .about-section h1 a,
.webinar .about-section h4 a {
  color: #000;
}
.webinar .about-section p a {
  color: #000;
}
.webinar .about-section h1 a:hover,
.webinar .about-section h4 a:hover {
  text-decoration: none;
}
.webinar .about-section p a:hover {
  text-decoration: none;
}

.webinar .about-section h1 {
  font-weight: bold;
  font-size: 40px;
  margin-bottom: 30px;
}

.webinar-payment .about-section h1 {
  font-size: 34px;
  margin-bottom: 30px;
}

.webinar-simple .about-section h1 {
  font-size: 28px;
  margin: 10px 0 20px;
}

.webinar .notice {
  overflow: hidden;
  margin-bottom: 20px;
}
.webinar .notice h5 {
  float: left;
  width: 31%;
  margin-right: 2%;
  color: #00adc1;
  font-size: 14px;
  line-height: 18px;
  font-weight: 200;
}
.webinar .notice h5:first-child {
  width: 34%;
}
.webinar .notice h5:last-child {
  margin-right: 0;
}
.webinar .notice h5 span {
  display: block;
  font-weight: bold;
}

.webinar .about {
  overflow: hidden;
  padding: 0;
  margin: 0 0 60px 0;
}

.webinar .about .section {
  list-style: none;
  float: left;
  width: 45%;
  padding: 0;
  margin: 0;
}
.webinar .about li:nth-child(2n-1) {
  clear: left;
  margin: 0 8% 3% 0;
}

.webinar .about .section ul {
  padding-left: 16px;
}

.webinar .lessons-section {
  overflow: hidden;
}

.webinar .examples {
  overflow: hidden;
}
.webinar-simple .examples {
  padding-top: 10px;
}

.webinar .examples h2,
.webinar .examples ul {
  text-align: center;
}

.webinar .tabs {
  list-style: none;
  margin: -10px 0 20px 0;
  padding: 0;
}

.webinar .tabs li {
  display: inline;
  margin: 0 20px 0 0;
  padding: 0;
}

.webinar .tabs a {
  color: #000;
}

.webinar .tabs .active a {
  text-decoration: none;
}

.webinar .tabs-content {
  width: 100%;
  min-height: 400px;
  padding-right: 50px;
}

.webinar .tab-content {
  display: none;
  overflow: hidden;
  position: relative;
  width: 790px;
  margin: 0 auto;
}

.webinar .tab-content .prev-slide,
.webinar .tab-content .next-slide {
  position: absolute;
  right: 0;
  top: 0;
  height: 400px;
  width: 40px;
  cursor: pointer;
  background: url('/images/right.svg') no-repeat 50% 50%;
  background-size: 20px 50px;
}
.webinar .tab-content .prev-slide {
  right: auto;
  left: 0;
  transform: rotate(180deg);
}

.webinar .tab-content-wrap {
  overflow: hidden;
  position: relative;
  width: 25000px;
  transition: margin 200ms ease-in;
}

.webinar .examples iframe {
  float: left;
  width: 780px;
  min-height: 400px;
  border: 0;
  vertical-align: top;
  margin: 0 10px 0 0;
}

.webinar code {
  background: rgb(246, 243, 226);
  font-weight: normal;
  color: #333;
  padding: 0 5px;
}

.webinar .payment-reqs table {
  border-collapse: collapse;
  margin-bottom: 20px;
  font-size: 0.8em;
  line-height: 1.8em;
}
.webinar .payment-reqs th,
.webinar .payment-reqs td {
  border: 1px solid #eee;
  vertical-align: top;
  padding: 2px 8px;
}
.webinar .payment-reqs th {
  font-weight: normal;
  width: 35%;
}

.webinar .payment-cost {
  overflow: hidden;
  margin: 20px 0 40px 0;
  padding: 0;
}
.webinar .payment-cost li {
  position: relative;
  list-style: none;
  float: left;
  width: 35%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1.2em;
}
.webinar .payment-cost .by-course {
  margin-left: -1px;
  width: 45%;
  padding-right: 10%;
  border-left: 1px solid #eee;
}

.webinar .payment-cost .lessons,
.webinar .payment-cost .bottom-line {
  display: block;
}

.webinar .payment-cost .discount {
  position: absolute;
  right: 0;
  top: 20%;
  background: rgb(246, 243, 226);
  padding: 4px 15px 4px 25px;
  border-radius: 1px 7px 7px 7px;
  font-size: 10px;
  line-height: 14px;
}
.webinar .payment-cost .discount span {
  display: block;
  font-size: 14px;
}

.webinar .payment-cost .discount:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: 7px;
  height: 7px;
  opacity: .95;
  background: #ffffff;
  border-radius: 100%;
  -webkit-box-shadow: inset .5px 0 rgba(0, 0, 0, 0.6);
  box-shadow: inset .5px 0 rgba(0, 0, 0, 0.6);
}

.webinar .bill {
  list-style: none;
  padding: 0;
}
.webinar .bill a {
  display: inline-block;
  line-height: 18px;
  height: 18px;
  padding-left: 22px;
  background: url('/images/oferta.png') no-repeat;
  background-size: 16px;
  color: #000;
  text-decoration: underline;
}
.webinar .bill a:hover {
  text-decoration: none;
}

.webinar .oferta {
  display: inline-block;
  margin: 40px 0 30px;
  font-size: 1.4em;
  line-height: 45px;
  height: 45px;
  padding-left: 50px;
  background: url('/images/oferta.png') no-repeat;
  background-size: 40px;
  color: #000;
  text-decoration: underline;
}
.webinar .oferta:hover {
  text-decoration: none;
}

.webinar .important {
  padding: 5px 10px;
  border-left: 5px solid #eee;
}

h4 em {
  background: rgb(246, 243, 226);
  font-weight: normal;
  font-style: normal;
  padding: 0 5px;
  margin: 0 0 0 -5px;
}


@media (max-width: 767px) {
  .webinar #wip {
    padding-top: 20px !important;
  }
  .webinar .about-section {
    padding: 10px;
    background: none;
  }

  .webinar .about-section h5 {
    font-size: 16px;
    margin-bottom: 25px;
  }

  .webinar .about-section h1 {
    font-size: 23px;
    margin-bottom: 20px;
  }

  .webinar .notice h5 {
    width: auto !important;
    float: none;
  }

  .webinar .about {
    margin: 0 0 30px 0;
  }

  .webinar .about .section {
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
  }
  .webinar .about li:nth-child(2n-1) {
    clear: left;
    margin: 0 0 3% 0;
  }

  .webinar .tabs {
    margin-bottom: 10px;
  }

  .webinar .tabs-content {
    width: 100%;
    min-height: 400px;
    padding-right: 50px;
  }

  .webinar .tab-content {
    transform: scale(0.7);
    transform-origin: 25% 0;
  }


  .webinar .payment-cost {
    margin: 10px 0 20px 0;
    font-size: 0.9em;
  }
  .webinar .payment-cost li {
    width: 50%;
  }
  .webinar .payment-cost .by-course {
    width: 50%;
    padding-right: 0;
  }

  .webinar .payment-cost .discount {
    position: relative;
    display: inline-block;
    right: auto;
    top: auto;
  }

  .webinar .payment-reqs {
    margin: 0;
    padding: 0;
  }

}

@media (max-width: 580px) {
  .webinar .tab-content {
    transform: scale(0.635);
    transform-origin: 0 0;
  }
}

@media (max-width: 479px) {
  .webinar .tab-content {
    transform: scale(0.45);
    transform-origin: 3% 0;
  }
}

@media (max-width: 330px) {
  .webinar .tab-content {
    transform: scale(0.405);
    transform-origin: 0 0;
  }
}