@font-face {
  font-family: 'porto';
  src: url('fonts/porto.eot?20988115');
  src: url('fonts/porto.eot?20988115#iefix') format('embedded-opentype'),
    url('fonts/porto.woff2?20988115') format('woff2'),
    url('fonts/porto.woff?20988115') format('woff'),
    url('fonts/porto.ttf?20988115') format('truetype'),
    url('fonts/porto.svg?20988115#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Open Sans";
  line-height: 1.4em;
  font-weight: 400;
  color: #222;
  font-size: 16px;
}
.site-alert {
    padding: 10px 50px 13px 20px;
    position: relative;
    background: #30388f;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}
.site-alert .closebox {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 30px;
    height: 30px;
}
.site-alert a {color: #FFF;}
.site-alert a:hover {color: #EEE;}
.vs-container {
  max-width: 1600px;
  margin: auto;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.aut-top-bg-leftblock {
  background-color: #F3f3f3;
  max-width: 580px;
  margin: 3em;
}

.main-kv { min-height: 432px;}

a {
  color: #111;
}

a:hover {
  text-decoration: none;
  color: #E63C3B;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222;
}

h1 {
  font-size: 1.8rem;
  font-weight: bold;
}

.h1-svgicon {
  max-width: 5rem;
  max-height: 5rem;
}

h2 {
  font-size: 2.5rem;
  line-height: 1.25em;
  font-weight: 700;
  margin-bottom: 0.75em;
}

h3 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  letter-spacing: 0px;
}

h4 {
  font-size: 1.75rem;
  font-weight: normal;
  margin: 0.5em 0;
  line-height: 1.3617em;
}

.body2 {
  font-size: .875rem;
}

.body3 {
  font-size: 1.375rem;
}

.touch-slide-quote h3 {
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.touch-slide-quote h3 q {
  line-height: 2em;

}

h2 small {
  line-height: 2;
}

h2 big {
  font-size: 39px;
  font-weight: bold;
}

.title-icon {
  max-width: 60px;
  float: left;
  width: 100%;
}

.logotype-inline {
  max-height: 1.9rem;
  width: auto;
}

.uk-lightbox {
  background: rgba(0, 0, 0, 0.75);
}

.btn-vs-g {
  background-color: #fff;
  padding: .35rem 1.25em;
  border: 1px solid #333;
  border-radius: 5rem;
  min-width: 120px;
  font-weight: 600;
  text-transform: uppercase;
}

h2.featurette-heading.clips:after {
  content: "New";
  width: 60px;
  height: 30px;
  background-color: #E63C3B;
  display: table;
  position: absolute;
  top: -10%;
  left: 64%;
  border-radius: 5px;
  color: #FFF;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.9;
}

h2.featurette-heading.clips:before {
  content: " ";
  border-top: 26px solid #E63C3B;
  border-bottom: 0px solid #E63C3B00;
  border-right: 26px solid #E63C3B00;
  position: absolute;
  display: block;
  top: 0;
  right: 33.6%;
}

.navbar {

  border-radius: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0px 0px 8px #DDDDDD5e;
  box-shadow: 0px 0px 8px #DDDDDD5e;
  padding: 5px;

}

.nav-item.active .nav-link {
  color: #E63C3B;
}

.navbar-nav li {
  padding: 0 0.5em;
  font-weight: 400;
  color: #333;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 2.65;
}

.youtube-player {
  background: url(../images/yt-photo.jpg) no-repeat 50% 50%;
  background-size: cover;
  position: relative;
  margin: 0 auto;
}

.youtube-player button {
  width: 100%;
  background: rgba(0, 0, 0, 0.1) url(https://img.icons8.com/material-outlined/96/FFFFFF/circled-play.png) no-repeat 50% 50%;
  background-size: 5em;
  border: 0;
  display: block;
  cursor: pointer;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

.youtube-player iframe {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.youtube-player button:before {
  content: "";
  display: block;
  padding-top: 56.2222222222%;
}

.youtube-player button:hover {
  background-color: rgba(0, 0, 0, 0.02);
  background-image: url(https://img.icons8.com/material/96/FFFFFF/circled-play.png);
}

a.navbar-brand span {
  font-size: 14px;
  font-weight: 500;
}

a.navbar-brand span:after {
  content: " ";
  height: 2px;
  display: block;
}

.nav-container {
  max-width: 1600px;
}

nav.navbar svg {
  color: #E63C3B;
}

a.nav-link img {
  max-width: 28px;
  width: 100%;
}

a.nav-link:hover img {
  width: 100%;
  -webkit-filter: sepia(10) saturate(180) hue-rotate(30deg) brightness(0.8);
  filter: sepia(10) saturate(180) hue-rotate(30deg) brightness(0.8);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

li.nav-item.no-bar:hover:after {
  display: none
}


li.nav-item:hover:after {
  content: "";
  width: 100%;
  transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}


h6.dropdown-header {
  font-size: 9px;
  text-transform: uppercase;
}

.dropdown-item.indent {
  padding-left: 2.5em;
}

.dropdown-toggle::after {
  content: '\e81c';
  font-family: "porto";
  width: 10px;
  height: 10px;
  top: 50%;
  right: 15px;
  left: auto;
  margin-top: -7px;
  margin-left: 0.1em;
  border-color: transparent;
  vertical-align: -0.01em;
}
.vs-container img,.vs-container video{}
img.img-responsive {
  max-width: 100%;
  height: auto;
}

img.img-fluid.school-logo {
  max-width: 90px;
  margin: auto;
  display: table;
  padding: 1em;
}

.br-gray{
  border: 1px solid #EEE;
}

.js-filter img {
  max-width: 90px;
}

.megamenu {
  position: static
}

.megamenu .dropdown-menu {
  background: none;
  border: none;
  width: 100%
}

.dropdown-menu li.nav-item {
  padding: 0;
  line-height: 2;
}

.dropdown-menu li.nav-item:after {
  display: none;
}

.dropdown-item {
  font-size: 14px;
}

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}



/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.uk-tooltip {
  padding: 10px;
  background-color: #ededed;
  color: #222;
  border-radius: 5px;
  margin-top: -10px;
  -webkit-box-shadow: 0 0 5px #00000030;
  box-shadow: 0 0 5px #00000030;
}

.home-slider .uk-button-default.rounded-pill {
  border-radius: 100px;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: inherit;
  min-width: 180px;
}

.home-slider .uk-button-default.rounded-pill.uk-active {
  background-color: #999;
  color: #FFF;
}

#vsign-pagetitle.vs-container{
  padding-left: 0;
  padding-right: 0;
}

.mvb-home-icon img {
  max-width: 140px;
  padding-bottom: 10px;
}

.my-hero h3 {
  font-size: 2.5rem;
}

.home-icon .responsive div {
  display: inline-block;
}

.home-icon .responsive div img {
  height: 130px;
  padding: 12px;
}

.home-slider li.active div {
  background-color: #E63C3B;
  color: #FFF;
}

.home-slider li div:hover {
  background-color: #DDD;
  color: #111;
}

ul.home-slider.classroom li,
ul.myvb-slider li {
  padding: .5em 0em;
}

.home-slider.classroom li div:hover {
  background-color: transparent;
  color: #E63C3B;
}

.home-slider.classroom li.active div {
  background-color: transparent;
  color: #E63C3B;
}

.home-slider.classroom li img {
  max-width: 80px;
  padding: 10px 0px;
}

.home-slider.classroom li p {
  font-size: 14px;
}

footer h6 {
  font-weight: 600;
}

.my-hero {
  /*background: url(https://myviewboard.com/why-myviewboard/prepare-present-participate/images/hero-background.svg);*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;

}

.pricing-table-header.manager {
  min-height: 40px;
  /* 120px with icon */
}

.manager-hero {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%)translateY(-50%);
  transform: translateX(-50%)translateY(-50%);
  z-index: 1;
  color: #FFF;
}

.manager-hero h1 {
  color: #FFF;
  font-weight: 600;
}

.lesson .l-bg p {
  border: none;
  font-weight: 400;
  font-size: 16px;
  border-radius: 5px;
  padding: 2.5em 1em;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  background-color: #FFF;
  min-height: 140px;
  border: 1px solid #EEE;
  -webkit-box-shadow: 0px 0px 20px #EEE;
  box-shadow: 0px 0px 20px #EEE;
  border-radius: 5px;
}

.l-bg p {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.js-filter.uk-grid>* {
  padding-left: 0px;
}

.mvb-shadow {
  border: none;
  -webkit-box-shadow: 0px 0px 20px #DDD;
  box-shadow: 0px 0px 20px #DDD;
  border-radius: 5px;
  padding: 1em 1.8em;
  margin: 1em 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  background-color: #FFF;
}

.outline {
  border: none;
  -webkit-box-shadow: 0px 0px 20px #DDD;
  box-shadow: 0px 0px 20px #DDD;
  border-radius: 5px;
  padding: 2em 1.8em;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  min-height: 460px;
  background-color: #FFF;
}

.outline:after {
  content: " ";
  background: url(../images/red_check_icon-01.svg);
  position: absolute;
  bottom: 30px;
  width: 36px;
  height: 36px;
  display: table;
  margin: auto;
  background-size: contain;
  left: 128px;
}

.outline-v2 {
  border: none;
  -webkit-box-shadow: 0px 0px 20px #DDD;
  box-shadow: 0px 0px 20px #DDD;
  border-radius: 5px;
  padding: 1em 1.8em;
  margin: 1em 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  background-color: #FFF;
  min-height: 460px;
}

.align-items-stretch .outline-v2 {
  min-height: none;
  height: 96.4%;
}

.carousel-inner>.item {
  position: relative;
  display: none;
  -webkit-transition: 2s ease-in-out left;
  transition: 2s ease-in-out left;
}

.outline-v2.classroom {
  min-height: 360px;
}

.outline-v2.classroom img {
  max-width: 120px;
  padding: .5em;
}

.outline-v2 ul,
.check-icon ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: -.1px;
}

.outline-v2 li,
.check-icon li {
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
  text-align: left;
  margin-left: 2em;
}

.outline-v2 ul li:before,
.check-icon ul li:before {
  font: normal normal normal 16px/1 'Font Awesome 5 Pro';
  /*font-family: 'Font Awesome 5 Pro';*/
  content: "\f14a";
  padding: 5px 9px;
  color: #666;
  font-weight: 400;
  margin-left: -2em;
}

.check-icon.no ul li:before {
  content: "\f2d3";
}


.school-logo {
  overflow: hidden;
  display: inline-block;
  position: relative;
  height: 30px;
  width: 40px;
}

.school-logo-s1 {
  background: url(location.png) no-repeat;
  height: 100%;
  width: 100%;
  display: inline-block;
}

.icon>.icon-del {
  -webkit-filter: drop-shadow(20px 0 #666);
  filter: drop-shadow(20px 0 #666);
  position: relative;
  left: -20px;
}

.show-title:before {
  display: none;
}

.pricing-table .outline-v2 ul,
.pricing-plan-icon ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
  /*line-height: 1.8;*/
  font-weight: 400;
  letter-spacing: -.1px;
}

.pricing-table {
  font-weight: 400;
  font-size: 16px;
}

.pricing-table .pricing-table-header_pricing small {
  line-height: 1.5em;

}

.pricing-table .cost-explanation {
  line-height: 1em;
  display: inline-block;
}

.pricing-table .pricing-plan-icon,
.pricing-table .pricing-plan-field {
  padding-top: 2em;
}

.pricing-table .uk-card-default {
  color: #222;
  font-weight: 400;
  border-top: solid #EF5350 8px;
}

#pricing-header.uk-card-default {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 45px;
  padding: .7em 0;
  overflow: hidden;

}

#pricing-header.uk-sticky.uk-active {
  -webkit-box-shadow: 0 8px 6px -6px #efefef;
  box-shadow: 0 8px 6px -6px #efefef;
  height: auto;

}

.pricing-table .dollar-amount-hide {
  /* color:#A8A8A8;
  text-decoration: line-through;*/
}

.pricing-table .uk-card-default .free-trial {
  color: #EF5350;
}

.pricing-table .uk-card-default .pricing-plan-icon {
  margin-top: -8px;
  /*-31px;*/
}

.pricing-table .see-more .fal {
  font-size: 0.6rem;
}

.pricing-table .see-more {
  /*margin-left:7.5vw;*/
  color: #E63C3B;
}

.pricing-table .price-desc {
  font-size: 1em;
  line-height: 1.6em;
  color: #E63C3B;
  position: absolute;
  /*top: -4em;*/
  top: -6em;
  min-height: 76px;
  vertical-align: bottom;
  display: table-cell;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pricing-table.pricing-table-sum .pricing-plan-icon ul li {
  border: none;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  height: 2.5em;
  min-height: inherit;
}

.pricing-table.pricing-table-sum {
  border-radius: 5px;
  background: #fff;
  border: solid 1px #ddd;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}

.pricing-table .pricing-plan-icon ul li,
.pricing-table .pricing-plan-field ul li {
  min-height: 4.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}


.pricing-table .pricing-plan-icon ul li.plan-item-desc {
  display: grid;
}

.pricing-table .pricing-plan-field ul li {
  /*display: flex;*/
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  text-align: left;
  line-height: 2;
}


.pricing-table .pricing-plan-field ul li a {
  color: #E63C3B;
  font-weight: 900;
}

.pricing-table .pricing-plan-field ul li button.btn.btn-link {
  color: #222;
  text-decoration: none;
  text-align: left;
  white-space: normal;
}

.pricing-table .pricing-plan-field ul li button:after {
  font: normal normal normal 18px'Font Awesome 5 Pro';
  content: "\f141";
  padding-right: .25em;
  color: #DFDFDF;
  margin-left: .5rem;
}


.pricing-table .pricing-plan-field ul li button.btn.btn-link:hover {
  color: #d16061;
}

.pricing-table ul li.plan-item-g {
  font-size: 1.2em;
  padding: .8em 0 0 0;
}

.pricing-table .pricing-plan-icon .plan-item-g:before {
  content: none;
}


.pricing-table .fal,
.downloadpage .fal {
  margin-left: 2px;
  font-weight: 900;
}

.pricing-table .pricing-plan-icon ul li:before {
  font: normal normal normal 18px'Font Awesome 5 Pro';
  content: "-";
  padding: 0 .5em;
  color: #BEBEBE;

}

.pricing-table.pricing-table-sum .pricing-plan-icon ul li.plan-item-active:before,
.pricing-table.pricing-table-sum .pricing-plan-icon ul li,
.pricing-table .button-wrap p {
  color: #8C8686;
}

.pricing-plan-body ul li.plan-item-active {
  margin: 0.5em 0 0.5em 0em;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  line-height: 1.5em;
  height: auto;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0.25em 0;
}

.pricing-plan-body ul li.plan-item-active:before {
  line-height: 1.5em !important;
}

/*, 
.pricing-table .pricing-plan-field ul li.coming-soon button,
.pricing-table .pricing-plan-field ul li.coming-soon button:after */

.pricing-table ul li.coming-soon,
.pricing-table ul li.coming-soon button.btn.btn-link {
  /*color: #B7B7B7;*/
  /*color: #d16061;*/
  color: #8C8686;
}

.pricing-table ul li.coming-soon button::after {
  /*content: "\f017";*/
}

.pricing-table .pricing-plan-icon ul li.plan-item-active:before {
  font: normal normal normal 18px'Font Awesome 5 Pro';
  content: "\f00c";
  padding-right: .25em;
  color: #d16061;
}

.pricing-table .pricing-plan-icon ul li.plan-item-chat-p:before {
  font: normal normal normal 18px'Font Awesome 5 Pro';
  content: "\f217";
  padding-right: .25em;
  color: #d16061;
}

.pricing-table .pricing-plan-icon ul li.plan-item-chat:before {
  font: normal normal normal 18px'Font Awesome 5 Pro';
  content: "\f07a";
  padding-right: .25em;
  color: #d16061;
}

.pricing-table .pricing-plan-icon ul li.plan-item-buy:before {
  font: normal normal normal 18px'Font Awesome 5 Pro';
  content: "\f291";
  padding-right: .25em;
  color: #d16061;
}

.pricing-table .pricing-plan-icon ul li.plan-item-dollor:before {
  font: normal normal normal 18px'Font Awesome 5 Pro';
  content: "\f155";
  padding-right: .25em;
  color: #d16061;
}

.pricing-table .pricing-plan-icon ul li.plan-item-no:before {
  display: none;
}

.pricing-table .pricing-plan-icon ul li.plan-item-link:before {
  font: normal normal normal 18px'Font Awesome 5 Pro';
  content: "\f054";
  padding: 0 .5em;
  color: #d16061;
  margin-top: 2px;
}

.pricing-table .pricing-plan-icon ul li.plan-item-link a {
  color: #E63C3B;
  font-weight: 900;
}

.pricing-table hr.primary {
  border-width: 3px;
  max-width: 50px;
  border-color: #E63C3B;
  margin: auto;
}

.pricing-plan-header {
  height: 401px;
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pricing-plan-body {
  text-align: left;
}


.pricing-plan-body h5 {
  font-weight: 900;
}

.plan-Features:before {
  display: none;
}

.plan-Features {
  color: #BEBEBE;
}

.pricing-table-header_pricing {
  height: 79px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.5rem;
}

#pricing-header.uk-active h4 {
  /* font-size:1.2rem;
 margin-bottom: .15rem;*/
}

#pricing-header.uk-active hr.primary {
  /* border-width:2px;
 max-width:30px;*/
}

#pricing-header.uk-active span.dollar-amount {
  /* font-size: 1.6em;*/
}

#pricing-header.uk-active .pricing-table-header_pricing {
  /*height: 28px;
 margin-top: 0.8rem;*/
}

#pricing-header.uk-active .cost-explanation {
  color: #8C8686;
}

span.dollar-amount {
  font-size: 2em;
  font-weight: bold;
  display: block;
  margin-bottom: .25em;
}

span.dollar-amount small,
span.dollar-amount sup {
  font-size: .4em;
  /*font-weight: 100 ;*/
  color: #000;
}

.pricing-table big {
  font-weight: bold;
}

/* Security start */
#security-behind-everything .panel-heading {
  margin: 3em 0;
}

#security-behind-everything .panel-heading .panel-title a {
  color: #9B9B9B;
  text-decoration: none;
  margin-left: 1.8em;
}

#security-behind-everything .panel-heading .panel-title a:after,
.pricing-table-btn a:after {
  font: normal normal normal 18px'Font Awesome 5 Pro';
  content: "\f078";
  margin-left: 2.25em;
  color: #EF5350;
  display: inline-block;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.pricing-table-btn a,
.pricing-table-btn a:after {
  color: #000;
  text-decoration: none;
}

#security-behind-everything .panel-heading .panel-title a.collapsed:after,
.pricing-table-btn a.collapsed:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* Security end */

h6.ftitle {
  font-size: 24px;
  margin-top: -.2em;
  font-weight: 300;
}

.touch-slide-quote.nopic.biggest {
  background-color: #FFF;
  border-radius: 5px;
  padding: 4em 2em;
  margin: 3em 2em
}

.nopic.biggest:before {
  font: normal normal normal 66px'Font Awesome 5 Pro';
  content: "\f10d";
  font-weight: 900;
  padding: 0 .5em;
  position: absolute;
  top: -10%;
  left: 10%;
}

.hardware .touch-slide-quote.nopic.biggest:before {
  top: 7vh;
}


sup {
  color: #E63C3B;
  font-weight: 400;

}

.blog-text {
  min-height: 110px;
}

.clips-bg {

  background: url(../images/clips-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;

}

.clips-bg-2 {

  background: url(../images/clips-bg-2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;

}

.clips-icon,
.school {
  width: 100%;
}

.clips-icon .col-md-4 {
  padding: 0 2em;
}

.mh-48 {
  /* min-height: 3em; */

}

.school img {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.clips-icon img {
  max-height: 50px;
  /*margin-left: 5.5em;
 padding-bottom: 1em;
 /*-webkit-filter: brightness(1.5);
  filter: brightness(1.5);*/
  display: table;
}

.clips-icon b {
  font-weight: 600;
  /*display: block;*/
  line-height: 1.8;
  margin-bottom: .5em;
  margin-top: 1em;
  /* margin-left: 3em;*/
  letter-spacing: 1px;
}

.clips-icon p {
  padding: 0;
  font-size: 14px;
  display: inline-block;
  /*margin-left: 3.6em;*/
  line-height: 1.7;
}

.app-icon-pane .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.app-icon-pane .title img {
  width: 60px;
  height: 60px;
  margin-right: 0.5em;
}

.schools span,
.partners span {
  /* font-size: 22px; */
  font-weight: 600;
  padding: 0;
  color: #555;
}

.schools span.counta,
.partners span.counta {
  padding-left: 44px;
}

.schools span.counta::before,
.partners span.counta::before {
  content: '';
  background: url(../../mkt-assets/images/mvb_icon_growth.svg) no-repeat;
  position: absolute;
  width: 40px;
  height: 40px;
  margin-left: -42px;
}


hr {
  border-top: 1px solid #EEE;
}

.greenline {
  background-color: #7cc576;
  height: 8px;
  width: 4vw;
  margin: auto;
  margin-top: 1em;
  margin-bottom: 2em;
  text-align: left;
  display: inline-block;
}



.clips-icon h2 {
  font-size: 4rem;
  display: inline;
  line-height: 1.8;
  margin-top: 1em;
  margin-left: 1em;
  letter-spacing: 1px;
  color: #333;
}

.clips-icon.green h2 {

  color: #7cc576;
}

.clips-icon.green .n-value {

  color: #7cc576;
  font-weight: 400;
}


.outline * {
  margin-left: inherit !important;
}

.outline img {
  margin: auto !important
}

p {
  line-height: 1.5em;
}

p big {
  line-height: 1.5;
}

p.copyright {
  font-weight: 400;
}

.btn:hover,
.btn.btn-outline-login:focus,
.btn:active {
  -webkit-transition: ease 1s;
  transition: ease 1s;

}

.my-arrow:after {
  background: url(../images/arrow.svg);
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 150px;
  height: 100px;
  left: 170px;
  top: 20px;
}

.over-hidden {
  overflow: hidden;
}

.f-nav a {
  padding: 0 10px;
  font-size: 14px;
  font-weight: 400;
}

.f-nav a:first-child:before {
  display: none;
}

.f-nav a:before {
  content: " ";
  width: 1px;
  height: 10px;
  background-color: #222;
  display: inline-block;
  margin-right: 20px;
}

.f-support i {
  color: #E63C3B;
  font-size: 2rem;
}

.f-social {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 10rem;
}

.f-social>a {
  width: auto;
}

.f-social i {
  color: #FFF;
  padding-left: 0.15rem;
}

.f-icons ul {
  list-style-type: none;
  margin: auto;
  padding: 0;
  text-align: center;
  display: table;
}

.f-icons ul li {
  display: inline-table;
  margin: 0 1.5em;
  font-size: 12px;
}

.f-icons img {
  max-height: 40px;
}

.facebook-icon {
  background: #3b5998;
  /*border-radius: 10em;
  padding: 1em .8em;*/
}

.twitter-icon {
  background: #1da1f2;
  /*border-radius: 10em;
  padding: 1em .8em;*/
}

.youtube-icon {
  background: #ff0000;
  /*border-radius: 10em;
  padding: 1em .8em;*/
}

.linkedin-icon {
  background: #0073b1;
  /*border-radius: 10em;
  padding: 1em .8em;*/
}


.img-product a img {
  padding-bottom: 1em;
}


.featurette {
  padding: 6em 0;
}

.edu-card {
  font-size: 13px;
  padding: 6em 0;
  color: #393939;
}

ul.myvb-apps {
  list-style: none;
}

ul.myvb-apps li {
  cursor: pointer;
  margin: 10px;
}

ul.myvb-apps li div {
  padding: .75rem 0;
  border-bottom: 1px solid #555;
}

ul.myvb-apps li.active div {
  color: #E63C3B;
  border-bottom: 1px solid #E63C3B;
}

.home-slider h3 {
  color: #00c3e6;
}

.home-slider h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #111;
  position: relative;
}

ul.home-slider li.active h5 {
  color: #d16061;
}

ul.home-slider li h5:before {
  content: "";
  width: 100%;
  background-color: #333;
  height: 3px;
  position: absolute;

  bottom: -2em;
  display: block;
}

ul.home-slider li.active h5:before {
  content: "";
  width: 100%;
  background-color: #d16061;
  height: 3px;
  position: absolute;
  bottom: -2em;
  display: block;
}

ul.home-slider li.active h5 span img {

  -webkit-filter: hue-rotate(360deg) brightness(.9) sepia(2)saturate(100)brightness(.8) opacity(0.7);

  filter: hue-rotate(360deg) brightness(.9) sepia(2)saturate(100)brightness(.8) opacity(0.7);
}

ul.home-slider.icon li h5:before {
  bottom: -0.7em;
}

ul.home-slider.icon li.active h5:before {
  bottom: -0.7em;
}

ul.home-slider.four li h5:before,
ul.home-slider.four li.active h5:before {
  bottom: -0.4rem;
}

ul.home-slider.icon li h5:after {
  display: block;
  content: '';
  clear: both;
}

ul.home-slider.classroom.icon li {
  width: 33.3%;
}

ul.home-slider.classroom.three li {
  width: 32.6%;
  display: inline-block;
}

ul.home-slider.classroom.four li {
  width: 24.5%;
  display: inline-block;
}

.myvb-slider h3 {
  color: #FA6900;
}

.row {
  margin: 0;
}

.controls ul {
  padding: 0;
}

.vcenter-block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.yt-ready {
  position: relative;
  display: block;
  cursor: pointer;
}

.yt-ready.yt-dark::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}

.yt-play-btn:hover img {
  opacity: 0.85;
}

.yt-play-btn img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-filter: drop-shadow(0px 0px 5px #00000055);
  filter: drop-shadow(0px 0px 5px #00000055);
  z-index: 1;
}

#youtu {
  background: url(../images/yt-photo.jpg) no-repeat 50% 50%;
  background-size: cover;
  position: relative;
  margin: 0 auto;
}

#howitwork-video {
  background: url(../images/video-demo.jpg) no-repeat 50% 50%;
  background-size: cover;
  position: relative;
  margin: 0 auto;
}

#youtu button,
#howitwork-video button,
.video-iframe button {
  width: 100%;
  background: rgba(0, 0, 0, 0.1) url(https://img.icons8.com/material-outlined/96/FFFFFF/circled-play.png) no-repeat 50% 50%;
  background-size: 5em;
  border: 0;
  display: block;
  cursor: pointer;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

#youtu iframe,
#howitwork-video iframe,
.video-iframe iframe {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#youtu button:before,
#howitwork-video button:before,
.video-iframe button:before {
  content: "";
  display: block;
  padding-top: 56.2222222222%;
}

#youtu button:hover,
#howitwork-video button:hover,
.video-iframe button:hover {
  background-color: rgba(0, 0, 0, 0.02);
  background-image: url(https://img.icons8.com/material/96/FFFFFF/circled-play.png);
}

.video-iframe {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  margin: 0 auto;
}

.btn-orange {
  background: -webkit-gradient(linear, right top, left top, from(#FA6900), to(#ffa74c));
  background: linear-gradient(to left, #FA6900, #ffa74c);
  color: #FFF;
}

.vs-bline {
  border-bottom: solid 2px #E63C3B;
  margin: 0;
  width: 100%;
}


.vs-bline-r {
  border-bottom: solid 2px #E63C3B;
  margin: 0;
  width: 120px;
}

.radius-0 {
  border-radius: 0 !important;
}


.btn-vs {
  color: #FFF;
  background-color: #E63C3B;
  padding: .375rem 2.25em;
  border-radius: 5rem;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  min-width: 120px;
  font-weight: 600;
  text-transform: uppercase;
}

.btn-vs.full {
  width: 90%;
}

.btn-vs.small {
  border: 1px solid #999;
  padding: .175rem .5em;
}

.btn-vs:hover {
  color: #fff;
  background-color: #FF6053;
  /*background-image: -webkit-gradient(linear, left top, right top, from(#E63C3B), color-stop(50%, #e40000), to(#E63C3B));
  background-image: linear-gradient(90deg, #E63C3B 0%, #e40000 50%, #E63C3B 100%);*/
  background-position: 50% 0;
  background-size: 200% 200%;
}

.btn-vs-g:hover {
  color: #fff !important;
  background-color: #FF6053;
  border-color: transparent;
}

.btn-download .icon-download {
  font-size: 35px;
  margin-bottom: .5rem;
}

.btn-outline-download {
  min-width: 130px;
  margin-top: .35rem;
  color: #222;
  border: 1px solid #555;
  padding: 1rem .6rem;
  max-width: 200px;
  min-height: 140px;
  white-space: initial;
  /* padding: 1.3rem 1rem; */
  /* border-radius: 5rem; */
}

.btn-outline-download.chrome a:hover {
  display: none;
}

.btn-outline-download.chrome div:hover {
  display: inherit;
}

.btn-outline-download .icon-download {
  font-size: 35px;
  margin-bottom: .5rem;
}

.btn-outline-login {
  color: #222;
  border: 1px solid #555;
  padding: .25rem 2rem;
  margin-top: .75rem;
  border-radius: 5rem;
}

.btn-outline-login:hover {
  color: #fff;
  background-color: #FF6053;
  /*background-image: -webkit-gradient(linear, left top, right top, from(#E63C3B), color-stop(50%, #e40000), to(#E63C3B));
  background-image: linear-gradient(90deg, #E63C3B 0%, #e40000 50%, #E63C3B 100%);*/
  background-position: 50% 0;
  background-size: 200% 200%;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.navbar-nav .btn {
  font-size: 14px;
}

.navbar-nav .btn {
  margin-top: .5rem;
}


#home-nav-pills .nav-pills .nav-link {
  font-size: 1.75rem;
  padding-bottom: 0.8em;
  position: relative;
}

#home-nav-pills .nav-pills .nav-link::after {
  content: "";
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 10%;
  height: 0.2em;
  width: 80%;
}

 #home-nav-pills .nav-pills .nav-link.active {
  background-color: #fff;
  color: #000;
}

#home-nav-pills .nav-pills .nav-link.active::after {
  background-color: #E63C3B;
}

.discover {
  padding-top: 2.5em;
  padding-bottom: 3.5em;
}

.discover img {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}


.myvb-btn:hover {
  -webkit-filter: hue-rotate(90);
  filter: hue-rotate(90)
}


q:before {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  top: 5px;
  position: relative;
}

q:after {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.5rem;
  float: right;
  position: absolute;
  padding: 0em;
}

.custom-toggler.navbar-toggler {
  border-color: none;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#E63C3B' stroke-width='2' stroke-linecap=' ' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* page customize start */

/* page-whiteboard */
.tab-content .clips-callout .row {
  text-align: center;
}

.tab-content .clips-callout i {
  font-size: 3.5em;
  display: block;
  margin: auto;
}

.tab-content .clips-callout p {
  min-height: 96px;
}

.schools a {
  display: inline-block;
}

.schools img {
  margin: 10px 5px;
}

#slide-02 .image-rotator {}

#slide-02.animate .image-rotator img {
  position: absolute;
  height: 100%;
  -webkit-animation: imgRotator 8s ease-in-out infinite;
  animation: imgRotator 8s ease-in-out infinite;
}


#slide-02.animate .image-rotator img:nth-child(2) {
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
}


@-webkit-keyframes imgRotator {
  0% {
    left: 360px;
  }

  45% {
    left: 360px;
  }

  50% {
    opacity: 1;
    left: 0;
  }

  95% {
    left: 0;
  }

  100% {

    left: -360px;
  }
}

@keyframes imgRotator {
  0% {

    left: 360px;
  }

  45% {
    left: 360px;
  }

  50% {
    opacity: 1;
    left: 0;
  }

  95% {
    left: 0;
  }

  100% {

    left: -360px;
  }
}

/* page Hardware end */


footer {
  color: #222;
  font-size: 13px;
  letter-spacing: 1px;
  background-color: #ddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(50%, #fff));
  background: linear-gradient(to bottom, #eee 0%, #fff 50%);
  padding-top: 3.5em;
}


footer a {
  line-height: 1.7;
}

footer a:hover {
  color: #E63C3B;
}

.fixed-top,
.topnav {
  background-color: #FFF;
}


footer .nav-link {

  padding: .25rem 1rem;
}

/** UIKIT3 Customize begin**/
/*.uk-position-small[class*=uk-position-center-left], .uk-position-small[class*=uk-position-center-right] {
  top: 40%;
}*/
.uk-slidenav-next { right: -30px;}
.uk-slidenav-previous { left: -30px;}
.uk-dotnav>*>* { width: 12px; height: 12px; }
.uk-card-default {
    -webkit-box-shadow: 0 3px 7px rgb(0 0 0 / 7%);
    box-shadow: 0 3px 7px rgb(0 0 0 / 7%);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border: 1px solid #EEE;
    color: #222;
}

.uk-border-rounded {
    border-radius: 10px;    overflow: hidden;
}

.uk-slidenav {
  color: #111;
}

.uk-slidenav {
  color: #000 !important;
  background-color: #fff;
  border-radius: 50%;
  padding: 10px 15px;
  border: 1px solid #EEE;
  -webkit-box-shadow: 0 3px 7px rgb(0 0 0 / 7%);
  box-shadow: 0 3px 7px rgb(0 0 0 / 7%);
}

.uk-slider-container-fluid {
  overflow: hidden;
}


.uk-panel .img-block {
  padding: 0 8em 11em 8em;
}

.uk-panel .quote-block {

  padding: 1em;
  max-width: 800px;
  margin: auto;

}

.uk-panel .quote-block i {
  font-size: 16px;
}

.uk-panel .quote-block img {
  padding: 0;
  min-width: 30px;
  border-radius: 100%;
}

.uk-panel .quote-block p {
  color: #555;
  margin-top: 1em;
  font-size: 14px;
  font-family: 'Merriweather', 'Times', 'Times New Roman', serif;
  line-height: 1.5em;
  font-style: italic;
}

.uk-panel .quote-block p a:hover {
  color: #333;
  text-decoration: underline;
}

.uk-panel .quote-block p a {
  color: #555;
  text-decoration: underline;
  font-size: 14px;
}

.uk-panel .quote-block b {
  font-size: 1.25rem;
  display: block;
  margin-bottom: .5em;
}

.uk-active.uk-transition-active .uk-panel {
  opacity: 1;
}
/*
.uk-panel {
  opacity: 0.15;
}
*/
.uk-panel .img-block img {
  -webkit-box-shadow: 0px 0px 20px #DDD;
  box-shadow: 0px 0px 20px #DDD;
  border-radius: 5px;

}

*+.uk-grid-margin,
.uk-grid+.uk-grid,
.uk-grid>.uk-grid-margin {
  margin-top: 10px;
}

/*
.uk-panel .img-block img{
  opacity: 0.25;
  -webkit-box-shadow: 0px 0px 20px #DDD;
  box-shadow: 0px 0px 20px #DDD;
  border-radius: 5px;

}

.uk-active.uk-transition-active img {
  opacity: 1;

}
li.uk-width-3-4 {
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}

.uk-transition-active {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;

}
*/

/** UI KIT3 Customize End **/


/** BS4 Customize **/

.carousel-indicators li {
  border-radius: 50px;
  border: 1px solid #999;
  width: 10px;
  height: 10px;
}

.carousel-indicators .active {
  background-color: #999999;
}

.card {

  -webkit-transition: 1s ease;
  transition: 1s ease;
}

#faq .card {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.card-list.short .card-body {
  position: relative;
  padding-bottom: 20px;
  padding-left: 8%;
  padding-right: 8%;
}

.card-list .card-body {
  position: relative;
  padding: 1.5em;
}


.card-list .card-body .row-btn {
  position: absolute;
  bottom: 20px;
  width: 84%;
}

/*
.row .card:hover {
 -webkit-box-shadow: 0px 0px 20px #acd2d2;
 box-shadow: 0px 0px 20px #acd2d2;
}*/

.home-card-title {
  color: #00c3e6;
  font-size: 1.25em;
  font-style: italic;
  line-height: 1.5;
}

.home-card-text {
  min-height: 120px;
  text-align: left;
}

/** BS4 Customize **/


/** RWD start ***********************************/

@media all and (-ms-high-contrast:none) {

  *::-ms-backdrop,
  img.img-responsive {
    width: 100%;
  }

  *::-ms-backdrop,
  .xs-cover {
    background-color: #598ec6 !important;
  }
}



/** block_overlay **/

.pd-sub-icon {
  padding: 0.2em 0;
  font-size: 2.5em;
  text-shadow: 0px 0px 10px #999;
}

.block {
  overflow: hidden;
}

.block .block-overlay:hover {
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.overlay-fade-in {
  overflow: hidden;
}


.block-overlay {
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 10px;
  left: 0px;
  z-index: 10;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  overflow: hidden;
}

.block-overlay.icon-visible {

  opacity: 0.5;
}

.block-overlay h4 {
  color: #FFF;
}

.block-overlay-mobile {
  display: none;
}

.block .block-overlay-mobile .align-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.block .block-overlay .align-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.block-overlay p {
  padding: 0 55px;
}


.block-pd {
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border: 1px solid #FFF;
  margin-bottom: 1em;
}

.block-article-pd {
  position: absolute;
  bottom: 10px;
  padding: 1.5em;
  min-height: 160px;
  width: 100%;
  background-color: rgba(35, 35, 35, 0.9);
  color: #FFF;
  font-size: 18px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/** block_overlay **/

/** full-modal **/


.full-modal .modal-content {
  padding: 100px 0;
  min-height: 100%;
  border: 0;
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #FFF
}

.full-modal .close-modal {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 75px;
  height: 75px;
  background-color: transparent;
  cursor: pointer
}

.full-modal .close-modal .lr {
  z-index: 1;
  width: 1px;
  height: 75px;
  margin-left: 35px;
  background-color: #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.full-modal .close-modal .lr .rl {
  z-index: 2;
  width: 1px;
  height: 75px;
  background-color: #000;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

#videoModal.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0px !important;
}

#videoModal.modal {
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 10500;
}

#videoModal .modal-header {
  min-height: 16.43px;
  padding: 0px;
  border-bottom: 0px solid #e5e5e5;
  z-index: 999;
}

#videoModal .modal-header .close {
  margin-top: -20px;
}

#videoModal .modal-body {
  position: relative;
  padding: 1em 0;
}

#videoModal .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
  border: none;
}

#videoModal .modal-dialog {
  max-width: 1280px;
  margin: 8% auto;
}

.vs-close span:hover {
  color: #AAA;
}

.vs-close {
  position: absolute;
  color: #AAA;
  font-size: 4rem;
  text-decoration: none;
  top: -0.6em;
  right: 0px;
  text-align: center;
  cursor: pointer;
  z-index: 2003;
}

#dlgResult.modal {
  background: rgba(0, 0, 0, 0.3);
}


/** full-modal **/

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1100;
  width: 100%;
  color: #333;
  background: #fff !important;
  -webkit-box-shadow: 0px 0px 8px #DDDDDD5e;
  box-shadow: 0px 0px 8px #DDDDDD5e;
}


.rc-feature {
  padding: 3.5em 0;
  margin: auto;
}

.home-application-icon {
  padding: 3em 0;
}

.home-application-icon li {
  font-size: 16px;
  list-style: none;
  display: inline-table;
  background-color: #FFF;
  margin: .5em;
  padding: 1em 1.5em;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0);
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid #FFF;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.home-application-icon li:hover {
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  border: 1px solid #CCC;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

ul.home-application-icon p {
  min-height: 4.5rem;
  max-width: 140px;
  margin: auto;
}

ul.home-application-icon img {
  background-color: #FFF;
  padding: 1em;
  width: 100px;
}

.home-application-icon {
  padding: 3em 0;
}

.app-application-icon li {
  font-size: 12px;
  list-style: none;
  display: inline-block;
  background-color: #FFF;
  margin: .1em;
  padding: .5em 1em;
  font-weight: 600;
  border: 1px solid #FFF;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  min-width: 100px;
}

.app-application-icon li:hover {

  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
}

ul.app-application-icon img {
  background-color: #FFF;
  padding: 1em;
  width: 60px;
}

.app-icon-outer img {
  max-width: 80px !important;
  min-height: 80px;
}

.scale-bline {
  background-color: #EAEAEA;
  height: 1px;
  width: 3vw;
  margin: auto;
  display: block;
}

.scale-bline-s {
  background-color: #7cc576;
  height: 8px;
  width: .5vw;
  margin: auto;
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 2em;
}

.my-nav-link {
  color: #666;
  font-weight: 400;
  margin: .5em;
  /*text-transform: uppercase;*/
  text-decoration: none;
  border: 1px solid #DDD;
  border-radius: 5px;
  letter-spacing: 1px;
  min-width: 140px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  padding: .375rem 2.25em;
}

.my-nav-link:hover {
  color: #222;
  text-decoration: none;
  border: 1px solid #222;
}

.my-nav-link.active,
.uk-active .my-nav-link {

  -webkit-transition: all 1s ease;
  transition: all 1s ease;

  border: 1px solid #999;
  color: #FFF;
  background-color: #E63C3B;
}


.home-quote {
  padding: .45em .5em;
  -webkit-box-shadow: 0px 0px 8px #5555552e;
  box-shadow: 0px 0px 8px #5555552e;
  border-radius: 10em;
}

.home-kv {
  margin: auto;
  background: url(../images/home-kv-bg.png);
  background-size: cover;
}

.home-kv h1 {
  color: #FA6900;
  font-size: 36px;
  font-weight: 800;
  margin: auto;
  line-height: 1.4;
}

.home-top-button {
  width: 660px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em 0;
  margin: auto;
}

.touch-slide-quote {
  max-width: 1000px;
  margin: auto;
  padding: 3.5em 0;
  min-height: 360px;
  text-align: center;
  vertical-align: middle;
}

.touch-slide-quote.nopic {
  min-height: 250px;
}

.touch-slide-quote q {
  font-size: 1rem;
  color: #555;
  font-style: italic;
  line-height: 1;
}

.touch-slide-quote p b {
  font-style: italic;
  font-family: 'Merriweather', 'Times', 'Times New Roman', serif;
  line-height: 1.5em;
  font-size: 18px;
}

.dark-title h2,
.dark-title h3 {
  color: #222;
}

.app-benefits h2 small {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FA6900;
}

.app-benefits img {
  max-width: 150px;
}


/** Custom Carousel **/

.blue-carousel {
  padding-bottom: 40px;
}

#custom_carousel ul.carousel-indicators,
#custom_carousel_square ul.carousel-indicators,
#custom_carousel_square_blue ul.carousel-indicators,
.blue-carousel ul.carousel-indicators {
  position: absolute;
  bottom: -60px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.blue-carousel ul.carousel-indicators {
  bottom: 0px;
}

#custom_carousel ul.carousel-indicators li,
#custom_carousel_square ul.carousel-indicators li,
#custom_carousel_square_blue ul.carousel-indicators li,
.blue-carousel ul.carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #DDD;
  border: 1px solid #fff0;
  border-radius: 20px;
  margin: 0 .5em;
}

.blue-carousel ul.carousel-indicators li {
  width: 15px;
  height: 15px;
  margin: 0 0.8em;
}

#custom_carousel ul.carousel-indicators .active,
#custom_carousel_square ul.carousel-indicators .active,
#custom_carousel_square_blue ul.carousel-indicators .active,
.blue-carousel ul.carousel-indicators .active {
  width: 15px;
  height: 15px;
  margin: 0;
  background-color: #00c3e6;
  margin: 0 .5em;
}

.blue-carousel ul.carousel-indicators .active {
  width: 15px;
  height: 15px;
  margin: 0 0.8em;
}

#custom_carousel .controls {
  display: table;
  margin: auto;
}


ul.home-slider li,
ul.myvb-slider li {
  position: relative;
  display: table-cell;
  padding: 2em 1em;
}

ul.home-slider li.active h3 {
  color: #FA6900;
}

ul.home-slider li.active {
  opacity: 1
}


ul.home-slider li {
  cursor: pointer;
}

.spc-groups * {
  font-family: "Open Sans";
  font-weight: 600;
}


.carousel-inner {
  overflow: hidden;
  /*max-width: 900px;*/
  margin: auto;
}

.carousel-control.left {
  left: 0;
  z-index: 11;
  position: absolute;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  opacity: .9;
  margin-left: -10%;
}

.carousel-control.right {
  right: 0;
  z-index: 11;
  position: absolute;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  opacity: .9;
  margin-right: -10%;
}

.carousel .carousel-control.left span,
.carousel .carousel-control.right span {
  opacity: 0;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.carousel:hover .carousel-control.left span,
.carousel:hover .carousel-control.right span {
  opacity: 1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.carousel_square .carousel-control.left span,
.carousel_square .carousel-control.right span {
  opacity: 0;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.carousel_square:hover .carousel-control.left span,
.carousel_square:hover .carousel-control.right span {
  opacity: 1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.carousel_square {
  position: relative;
  margin: auto;
}

.carousel_square_content {
  width: 45%;
  float: right;
  position: absolute;
  z-index: 11;
  right: 0;
}

.carousel_square_content p {
  margin-left: 10.5em;
  margin-top: 1.5em;
  margin-right: 2em;
}

.sq-title {
  background-color: rgba(250, 105, 0, 0.9);
  padding: 1.5em;
}

.sq-title h3 {
  color: #FFF;
}

.carousel_square_photo {
  width: 70%;
  float: left;
  padding-top: 3em;
}

.left-sq .carousel_square_photo {
  width: 70%;
  float: right;
  padding-top: 3em;
  right: 0;
  position: absolute;
}

.left-sq .carousel_square_content {
  width: 45%;
  float: left;
  z-index: 11;
  left: 0;
  position: inherit;
}

.left-sq .carousel_square_content {
  width: 45%;
  float: left;
  z-index: 11;
  left: 0;
  position: inherit;
}

.left-sq .carousel_square_content p {
  margin-right: 10.5em;
  margin-left: 0;
  margin-top: 1.5em;
  padding-left: 1.5em;
}

.sq-title {
  padding: 1.5em;
  margin: 0 .25em;
  border-radius: 5px;
}

.left-sq .sq-title {
  padding: 1.5em;
  margin: 0 .25em;
  background-color: rgba(0, 195, 230, 0.9);
  border-radius: 5px;
}

.carousel {
  width: 100%;
}

.carousel-item {}

.carousel-item.dark {
  color: #222;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23202020;stroke-linecap:round;stroke-miterlimit:6;stroke-width:3px;}%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='63 23 36 50 63 77'/%3E%3C/svg%3E");
  /* background-color: #f9f9f9; */
  width: auto;
  background-size: 50%;
  border-radius: 50%;
  padding: 3.5em;
  opacity: .7;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23202020;stroke-linecap:round;stroke-miterlimit:6;stroke-width:3px;}%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='36 23 63 50 36 77'/%3E%3C/svg%3E");
  /* background-color: #f9f9f9; */
  width: auto;
  background-size: 50%;
  border-radius: 50%;
  padding: 3.5em;
  opacity: .7;
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 1;
  width: 10%;
}

/** Comparison Ui begin **/

.comparison-ui-v1 .uk-accordion-title {
  margin-bottom: 0;
  font-size: 1.1rem;
  line-height: 1.7;
  font-weight: 600;
  cursor: pointer;
  padding: 1.25em 0;
}

.comparison-ui-v1 .uk-accordion-title::after {
  width: inherit;
  height: inherit;
  float: right;
  background-image: inherit;
  background-repeat: inherit;
  background-position: inherit;
  content: "\e81c";
  font-family: "porto";
  font-style: initial;
  float: right;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all ease-in-out 255ms;
  transition: all ease-in-out 255ms;
  font-weight: 100;
}

.comparison-ui-v1 .uk-open>.uk-accordion-title::after {
  background-image: inherit;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.comparison-ui-v1 .uk-accordion-content {
  margin-top: 0;
  margin-bottom: 15px;
}

.comparison-ui-v1 ul.uk-accordion li {

  border-bottom: 1px solid #EEE;
}

.comparison-ui-v1 .uk-accordion>:nth-child(n+2) {
  margin-top: 0;
}

.comparison-ui-v1 .uk-accordion-title:focus,
.comparison-ui-v1 .uk-accordion-title:hover {
  color: #E63C3B;
  text-decoration: none;
  outline: 0;
}

.comparison-ui-v1 .affix {
  background-color: #fff;
  padding: 0 15px;
}

.comparison-ui-v1 .affix .uk-container {
  margin: 0 auto;
  padding-left: 0px;
  padding-right: 0px;
}

.btn-vs.w-100 {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

@media (min-width: 960px) {
  .comparison-ui-v1 .affix .uk-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/** Comparison Ui emd **/



/** Custom Carousel **/

section::before,
section::after {
  position: absolute;
  content: '';
  pointer-events: none;
}

.adoptive:after {
  left: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform: translateX(-50%)translateY(-50%) rotate(45deg);
  transform: translateX(-50%)translateY(-50%) rotate(45deg);
  background-color: #FFF;
}

.adoptive-form:after {
  left: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform: translateX(-50%)translateY(-50%) rotate(45deg);
  transform: translateX(-50%)translateY(-50%) rotate(45deg);
  background-color: #eee;
}

@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 60%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:focus,
.slick-next:focus {
  outline: none;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}


.slick-prev:before,
.slick-next:before {
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0px 0px 0px #000;
}

.slick-prev {
  left: -15px;
  display: none;
}

.slick-prev:before {
  content: '\f104';
  color: #333;
}

.slick-next {
  right: -15px;
  display: none;
}

.slick-next:before {
  content: '\f105';
  font-weight: 300;
  color: #333;
}

/* Dots */

.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {

}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0px 5px;
  padding: 0px;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  outline: none;
}

.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\2022';
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
}

.slick-content {
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  position: inherit;
}

a.slick-slide.slick-current.slick-center {
  /*min-width: 85px;*/
}

img.img-clearpixel{
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-pixelated;
  image-rendering: pixelated;
}

.slider.slider-nav.slick-slider {
  max-width: 540px;
}

.slider.slider-nav.slick-slider a.slick-slide img {
  height: 100px;
}

.slick-prev:before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f053";
  color: #333;
  font-size: 20px;
  font-weight: 100;
}

.slick-next:before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f054";
  color: #333;
  font-size: 20px;
  font-weight: 100;
}

a.slick-slide {
  display: block;
  -webkit-filter: inherit;
  filter: inherit;
  opacity: .5;
  -webkit-transform: scale(.85);
  transform: scale(.85)
}

a.slick-slide.slick-current {
  -webkit-filter: inherit;
  filter: inherit;
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

/* Dots */

.slick-slider {
  margin-bottom: 30px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slick-slider .slick-track {
  min-width: 540px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  margin: auto;
}

.slick-dots {
  display: none !important;
  /*position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%;*/
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0px 5px;
  padding: 0px;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  outline: none;
}

.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\2022';
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: white;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
}

.school-logos .slide {
  padding: 15px;
}

/** Slick Slider End **/


.edu-card-title { min-height: 120px; } .plan-icon { padding-top: 18px; } .status { position: absolute; width: 200px; -webkit-transform: rotate(35deg); transform: rotate(35deg); top: 25px; right: -54px; font-weight: 600; background: #c64f41; text-transform: capitalize; } .carousel .nav-link { padding: 0; } .series-photo img { max-height: 238px; width: auto; } .series .uk-card-default .uk-card-footer { border-top: 0px solid #e5e5e5; } .series .uk-card-default { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; overflow: hidden; } .series .uk-card-body { padding-top: 0; padding-bottom: 0.5em; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .series .uk-card-body ul { list-style-type: disc; display: inline-table; text-align: left; font-size: 13px; } /**mvb-slider **/ .mvb-content-mh { border-bottom: 1px solid #eee; padding-bottom: 1.5em; } .mvb-slider li div:hover { -webkit-transition: .3s; transition: .3s; background: #f5f5f5; color: #E63C3B; } #custom_carousel_mvb i.fa.fa-angle-right { font-weight: 100; } #custom_carousel_mvb a.vs-red { text-decoration: underline; color: #111; } ul.mvb-slider li.active h3 { color: #FA6900; } ul.mvb-slider li.active { opacity: 1 } ul.mvb-slider li { cursor: pointer; display: inline-block; font-size: 18px; font-weight: 600; } .mvb-slider li.active div { padding: 1em; border-bottom: 0.2em solid #E63C3B; color: #E63C3B; } .mvb-slider li div { padding: 1.05em; font-size: 32px; border-bottom: 1px solid #e3e3e3; color: #666; } .mvb-slider li:last-child div { border-right: 0; } /**mvb-slider end**/ .vs-red *, .vs-red { color: #E63C3B; } .collapse-specs { overflow: hidden; position: relative; } .uk-accordion-title::before { display: none; } .collapse-specs.show::after { background: none; position: relative; height: 7em; } .coll-specs-inner { width: 100%; } .coll-specs-overlay {} .collapse-specs.collapse:not(.show) { display: block;  } .collapse-specs.collapse:not(.show) .coll-specs-overlay { display: block; } .title-icon { max-width: 50px; float: left; width: 100%; } .uk-sticky-placeholder { height: inherit !important; } .comparison-ui-v1 .uk-accordion-title { margin-bottom: 0; font-size: 1.1rem; line-height: 2.25; font-weight: 600; cursor: pointer; padding: 1.25em 0; } .comparison-ui-v1 .uk-accordion-title::after { width: inherit; height: inherit; float: right; background-image: inherit; background-repeat: inherit; background-position: inherit; content: '\e81c'; font-family: "porto"; font-style: initial; float: right; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all ease-in-out 255ms; transition: all ease-in-out 255ms; font-weight: 100; } .comparison-ui-v1 .uk-open>.uk-accordion-title::after { background-image: inherit; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .comparison-ui-v1 .uk-accordion-content { margin-top: 0; margin-bottom: 0px; } .comparison-ui-v1 .uk-accordion-content h5 { font-weight: 600; } #faq .uk-accordion-content { margin-top: 0; margin-bottom: 15px; } ul.uk-accordion li { border-bottom: 1px solid #EEE; } .comparison-ui-v1 .uk-accordion>:nth-child(n+2) { margin-top: 0; } .comparison-ui-v1 .uk-accordion-title:focus, .comparison-ui-v1 .uk-accordion-title:hover { color: #E63C3B; text-decoration: none; outline: 0; } .pricing-plan:hover { background: #ffefef !important; ; } .pricing-plan:hover h3.pricing-table-header { background: #E63C3B !important; } .pricing-plan:hover .p-dollar-save { color: #E63C3B; font-weight: 600; text-decoration: underline; } a .outline-v2 { min-height: 250px; border-top: 10px solid #FFF; -webkit-transition: .3s; transition: .3s; } a .outline-v2:hover { border-top: 10px solid #E63C3B; -webkit-transition: .3s; transition: .3s; } .button-wrap a:hover { background-color: #E63C3B; color: #FFF; } .button-wrap-red a:hover { background-color: #FF6053; } .fhd-content { max-width: 1900px; } #pricing-faq a, .pricing-body a { text-decoration: underline; color: #E63C3B; } #addson .title-icon { float: inherit; } #addson .title-icon img, .pricing-body .title-icon img { max-width: 40px; width: 100%; float: left; } #complete-list .btn-vs-g { padding: .375rem 1.5em; border: 1px solid; } #complete-list .uk-card :hover.row { background-color: #ffefef; color: #000; } #complete-list .uk-card :hover.row:last-child { background-color: inherit; color: #000; } .pricing-plan {} #nav-basic { background: #FFF; } #nav-pro:after { content: " "; -webkit-box-shadow: 0px 10px 1px #605e5e4a; box-shadow: 0px 10px 1px #605e5e4a; width: 100%; position: absolute; height: 100px; bottom: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(80px); transform: translateX(-50%) translateY(80px); } #nav-premium { background: #FFF; } #nav-entity { background: #FAFAFA; } #nav-tabContent { padding-top: 0em !important; padding-bottom: 0em; } #nav-tabContent .vs-bline-r { margin: auto; margin-top: .5em; } #nav-basic h3.pricing-table-header {} #nav-entity h3.pricing-table-header {} #complete-list i.fal.fa-check ,#complete-list .fa-window-minimize{ font-size: 20px; font-weight: 500;} #complete-list .btn { text-align: center; } .p-group-left-m { display: none } .p-group-right-m { display: none } .p-group-left { background: #2e3283; color: #FFF; font-size: 20px; font-weight: 600; border-radius: 15px 0 0 0; } .p-group-right { background: #3b3b3b; color: #FFF; font-size: 20px; font-weight: 600; border-radius: 0px 15px 0 0; } .p-dollar-save { background-color: #ffefef; padding: 2px; font-weight: 600; } .p-dollar-prizes { font-size: 18px; font-weight: 700; } .p-dollar-amount { font-size: 52px; } .p-dollar-month { font-size: 18px; font-weight: 700; } .p-dollar-year { font-size: 16px; padding-bottom: 20px; display: block; } .p-dollar-tagline { font-size: 18px; line-height: 1; display: block; font-weight: 600; border-top: 1px solid #EEE; } .pcta { background: #FAFAFA; padding: 1em; border-top: 1px solid #EEE; margin-top: 15px; } .pcta:hover { background: #EEE; } .mvb-suit { z-index: 111; -webkit-box-shadow: 0px 10px 15px rgb(0 0 0 / 3%); box-shadow: 0px 10px 15px rgb(0 0 0 / 3%); display: none; margin-top: 63px; padding: 1.5em 0; border-bottom: 1px solid #EEE; border-radius: 0; } .uk-sticky-fixed .mvb-suit { display: block; } .mvb-tier-header .col-4 { overflow-wrap: break-word; } .pcta:hover .btn { background-color: #E63C3B; color: #FFF; } .pricing-standard { background-color: #999999; color: #FFF; padding: .3em 0; } .pricing-highligh { background-color: #E63C3B; color: #FFF; padding: .5em 0; border-radius: 20px 20px 0 0; } .pricing-body ul li.plan-items-active { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; line-height: 1.5em; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pricing-table .pricing-plan ul li { padding-top: 0px; margin: 10px; display: list-item; font-size: 14px; } h3.pricing-table-header { font-weight: 700; } .pricing-table .outline-v2 ul, .pricing-plan ul { padding: 0; margin: 0; font-size: 15px; letter-spacing: -.1px; } .pricing-table .uk-card-default { border-top: none; } .pricing-group-line { border-bottom: 1px solid #EEE; padding-bottom: 15px; margin-bottom: 15px } .pricing-main-cost { min-height: 140px; } .pricing-body h3 { font-size: 18px; font-weight: 600; } .pricing-plan ul li:before {} @media (max-width: 997px) { .mvb-slider li div { font-size: 18px; } .plan-icon { display: inline-table; } .pricing-table .pricing-plan ul li { list-style: none; padding: 5px 0; } .p-group-left-m { background: #2e3283; color: #FFF; font-size: 20px; font-weight: 600; border-radius: 15px 15px 0 0; padding: 10px 0; display: block; width: 100%; } .p-group-right-m { background: #3b3b3b; color: #FFF; font-size: 20px; font-weight: 600; border-radius: 15px 15px 0 0; padding: 10px 0; display: block; width: 100%; } .p-group-left { display: none; } .p-group-right { display: none; } .mvb-tier-header { margin: auto; padding: 0 30px } .mvb-suit { margin-top: initial; } #nav-tabContent { padding-top: 0em; padding-bottom: 0em; } #complete-list .btn-vs-g { padding: .375rem .5em; border: 1px solid; padding-top: 0.9em; } #complete-list .btn { font-size: 12px; width: inherit; } #complete-list h4 { font-size: 14px; font-weight: 700; } #nav-basic h3.pricing-table-header {} #nav-entity h3.pricing-table-header {} #nav-basic, #nav-premium, #nav-entity, #nav-premium .pricing-title, #nav-premium .pricing-body { -webkit-transform: none; transform: none; } #nav-premium { padding-bottom: 2em; } #nav-premium hr.vs-bline-r { margin: 1.8em auto !important; } .uk-sticky.uk-active.uk-sticky-fixed { margin-top: 54px !important; } #extension-box { max-height: initial; } .collapse-specs::after { content: ''; background: none; } } @media (min-width: 998px) { .pricing-plan.show { display: block; } } @media(max-width: 480px) { .w-75 { width: 100%; } }


/* bounce arrow */
@-webkit-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.my-arrow {
  position: relative;
  bottom: 15%;
}

.bounce {
  -webkit-animation: bounce 5s infinite;
  animation: bounce 5s infinite;
}

/* bounce arrow */


/* rw-words */
.rw-wrapper {
  width: 80%;
  position: relative;
  margin: 110px auto 0 auto;
  font-family: 'Bree Serif';
  padding: 10px;
}

.rw-sentence {
  margin: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

.rw-sentence span {
  color: #444;
  font-size: 200%;
  font-weight: normal;
}

.rw-words {
  display: inherit;
  line-height: initial;
  height: 80px;
  text-indent: inherit;
  font-size: 3.5rem;
}

.rw-words-1 span {
  position: absolute;
  opacity: 0;
  overflow: hidden;
  -webkit-animation: rotateWord 12s linear infinite 0s;
  animation: rotateWord 12s linear infinite 0s;
}


.rw-words-1 span:nth-child(2) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;

}

.rw-words-1 span:nth-child(3) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;

}

.rw-words-1 span:nth-child(4) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;

}

.nav-mvblang .btn-menu {
  background-color: transparent;
  font-size: 1.4em;
}

.nav-mvblang .btn-menu:after {
  content: none;
}


@-webkit-keyframes rotateWord {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  2% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  5% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  15% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  35% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  40% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

}




@keyframes rotateWord {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  2% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  5% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  15% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  35% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  40% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

}


/* rw-words */

@media (min-width: 1366px) {

  .iframe_height {
    height: 640px;
  }

  .vs-pills-top .banking {
    margin-top: -8em;
  }

}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .35rem;
    padding-left: .35rem;
  }

}



@media (max-width: 1366px) {

  body {
    font-size: 16px;
  }

  .navbar .navbar-nav>.nav-item {
    font-size: 13px;
  }

  .carousel-control.left {
    display: none;
  }

  .carousel-control.right {
    display: none;
  }

  /* h2{font-size: 1.5rem; }
.h3, h3 { font-size: 1rem; }
.h4, h4 { font-size: 0.95rem; }
.h5, h5 { font-size: 0.9rem; }
.home-slider h5 {
  font-size: .8rem;
  } */

  .link-icon {
    text-align: center;
  }

  .link-icon i {
    width: 100% !important;
  }

  .link-icon.r-arrow:after {
    display: none !important;
  }

}

@media (max-width: 1200px) {
/*.p-group-right {display: none;}*/

  .aut-top-bg-leftblock {
    margin: inherit;
  }

  .pricing-table .price-desc {
    top: 0;
    position: relative;
  }

  h2.featurette-heading.clips:after,
  h2.featurette-heading.clips:before {
    display: none;
  }

  .uk-panel .img-block {
    padding: 0 8em 14em 8em;
  }

  .clips-icon img,
  .clips-icon p,
  .clips-icon b,
  .clips-icon h2 {
    margin-left: inherit;
  }

  .clips-icon.green h2 {
    font-size: 3rem;
  }

  .js-filter img {
    max-width: 60px;
  }

  .js-filter *+.uk-grid-margin,
  .uk-grid+.uk-grid,
  .uk-grid>.uk-grid-margin {
    margin-top: 0px;
  }

  .outline {
    padding: .75em;
    min-height: 500px;
  }

  .outline:after {
    bottom: 30px;
    width: 24px;
    height: 24px;
    left: 75px;
  }

  .clips-icon p {
    line-height: 1.5;
  }

  .lesson .l-bg p {
    font-size: 14px;
    padding: .5em;
  }

  .l-bg {
    padding: .2em;
  }

  .navbar-brand img {

    max-width: 160px;
    padding: 0 .5em;
  }

  .navbar-nav {
    width: 100%;
    display: inline-block;
  }

  /*
.navbar-nav li.nav-item.nav-icon {
  width: 12.5%;
  padding: 0 .5em;
  float: left;
  text-align: center;
}
.navbar-nav li.nav-item.nav-mobile {
  float: left;
  width: 15%;
  text-align: center;
}*/
  .btn-outline-login {
    margin-top: .85rem;
    padding: .25rem 1.25rem;
  }

  a.nav-link img {
    max-width: 38px;
  }

  .nav-mobile .dropdown-menu.show {
    border: none;
  }
}

.main p {
  margin-top: 0.5em;
  margin-bottom: 2em;
}

.top-gray-block {
  padding-top: 3em;
  padding-bottom: 4em;
}

footer .list-unstyled.collapse {
  display: block;
}

footer h6[aria-expanded] {
  pointer-events: none;
}

/* prevent being overrides by Joey's injected toolbar CSS */

.fab.icon-download {
  font-family: 'Font Awesome 5 Brands' !important;
  font-weight: 400 !important;
}

.fas.icon-download,
.fa.icon-download {
  font-family: 'Font Awesome 5 Pro' !important;
  font-weight: 900 !important;
}

@media screen and (min-width: 997px) {
  .home-slider li div {
    min-width: 180px;
  }

  .carousel-inner.mvb-home {
    min-height: 650px;
  }

  .main .row .col-md-6.pl-md-5, .main .row .col-md-6.pl-md-5 {
  /*  text-align: right;*/
  }

}

@media screen and (max-width: 997px) {
    /*.p-group-right { display: block;}*/
  .fixed-top {
    position: inherit;
  }

  .home-slider li div:hover {
    background-color: #EB5757;
    color: #FFF;
  }

  .mvb-home-icon img {
    max-width: 240px;
  }
}

@media(max-width:997px) {

  .pricing-table .outline-v2 ul,
  .pricing-plan-icon ul {
    padding: revert;
  }

  .nav-item.active .nav-link:after {
    content: "▶";
    height: auto;
    background-color: transparent;
    margin-top: 1em;
    display: block;
    bottom: 0;
    position: relative;
    margin: auto;
    text-align: center;
    width: initial;
    float: left;
    margin-right: .5em;
    font-size: 12px;
  }

  .navbar .navbar-nav>.nav-item {
    float: none;
    padding-left: 1em;
    margin-left: 0;
    padding: 0 1em;
    line-height: 1.5;
  }

  .navbar .navbar-nav {
    float: none !important;
  }

  .navbar .collapse.in,
  .navbar .collapsing {
    clear: both;
  }

  .pricing-table-header_pricing {
    height: auto;
  }

  .pricing-table h3 {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1;
    /* margin-top: 1.5rem;*/
  }

  .pricing-table small {
    /*margin-left: .8rem;*/
    color: #A0A0A0;
  }

  .pricing-table .dollar-amount {
    /*line-height: 3rem;*/
  }

  .pricing-table .pricing-plan-icon {
    padding-top: 0;
  }


  .pricing-table .pricing-plan-icon ul li span {
    width: auto;
  }

  .whiteboard.pricing-table .pricing-plan-icon ul li span {
    width: 280px;
  }

  .pricing-table .pricing-plan-icon ul li::before {
    padding: 0 .80em;
  }

  .pricing-table .pricing-plan-icon ul li.plan-item-link::before {
    padding: 0 .6em;
  }

  .btn.btn-sm {
    font-size: .875rem;
  }

  .btn {
    font-size: 16px;
  }

  .small-m{
    font-size: 80%;
  }

  .pricing-table .nav-mvb-link {
    /*width: 30vw;*/
    display: inline-block;
    padding: .5rem 0;
    overflow-wrap: break-word;
    height: 100%;
  }

  .pricing-table .nav-mvb-link.active,
  .nav-tabs .nav-mvb-link:focus,
  .nav-tabs .nav-mvb-link:hover {
    /*background-color:#f2f2f2;*/
    font-weight: 600;
    border-bottom: solid 2px #EF5350;
    color: #EF5350;
    border-top: none;
    border-right: none;
    border-left: none;
  }


  .pricing-table small.see-more {
    margin-left: 36.5vw;
  }

  /*
 .pricing-plan-header {
  height: 5em;
 }
*/
  .pricing-table .pricing-plan-icon ul li,
  .pricing-table .pricing-plan-field ul li {
    height: auto;
    padding: .3em 0;
    /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap:wrap; */
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    text-align: left;
    color: #8C8686;
  }

  .pricing-table .pricing-plan-icon ul li.plan-item-active::before {
    padding-left: 0.75em;
    padding-right: .65em;
    font-size: 14px;
  }

  #exclusive-features h2 {
    text-align: left;
  }

  #exclusive-features h3 {
    text-align: left;
    font-size: 1.3rem;
    margin-top: 2.5rem;
  }


  #security-behind-everything .panel-heading .panel-title a {
    margin-left: 0;
    font-size: .8em;
  }


}

@media(min-width: 1200px) {

  .lg-content {
    max-width: 1600px;

  }

}

@media(max-width: 767px) {
  .cta-100{ width: 100% !important;}
  .site-alert {margin: 0}
  .pricing-table .outline-v2 ul,
  .pricing-plan-icon ul {
    padding: 0 15px;
  }

  .pricing-table .pricing-plan-icon ul li,
  .pricing-table .pricing-plan-field ul li {
    min-height: inherit;
  }

  ul.home-slider.classroom li p {
    -webkit-transform: scale(.75);
    transform: scale(.75);
  }

  ul.home-slider.classroom li img {
    max-width: 50px;
  }

  html {
    font-size: 12px;
  }

  .top-gray-block {
    padding: 3rem 0;
  }

  .carousel-indicators {
    bottom: -30px;
  }

  .home-icon .responsive div img {
    height: 90px;
  }

  ul.home-slider li,
  ul.myvb-slider li {
    padding: inherit;
  }

  .uk-button-large {
    padding: 0 10px;

  }

  .home-card-text {
    min-height: 120px;
    text-align: left;
    font-size: 12px;
  }

  .home-slider .uk-button-default.rounded-pill {
    font-size: 16px;
    min-width: 120px;

  }

  #mvb-download [class*=uk-modal-close-]:first-child+* {
    margin-top: 0;
    width: 100%;
  }

  .manager-hero p {
    font-size: 12px;
    color: inherit;
  }

  .manager-hero {
    position: inherit;
    top: inherit;
    left: inherit;
    -webkit-transform: inherit;
    transform: inherit;
    z-index: 1;
    color: inherit;
  }

  .manager-hero h1 {
    color: inherit;
    font-weight: 600;
  }


  .btn-vs,
  .btn-vs-g {
    padding: .375rem 1.75rem;
    width: auto;
    margin-bottom: 0.3em;

  }

  .navbar-brand img {

    max-width: 160px;
    padding: 0 .5em;
  }

  .navbar-nav {

    display: inline-block;
  }

  .btn-outline-login {
    margin-top: .35rem;
    padding: .25rem 1.25rem;
  }

  a.nav-link img {
    max-width: 38px;
  }

  .btn-vs.full {
    width: 100%;
  }

  .my-arrow:after {
    background: url(../images/arrow.svg);
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 150px;
    height: 100px;
    left: 170px;
    top: 20px;
    display: none;
  }

  .clips-icon img {
    max-width: 60px;
    margin: auto;
    padding: 0em 1em;
    float: left;
  }

  .clips-icon b {
    margin: 0;
    margin-bottom: .5em;
    display: inline-block;
  }



  .clips-icon.green h2,
  .clips-icon.green p {
    width: 100%;
    margin-left: 0em;
  }

  .outline {
    min-height: inherit;
    margin: 1em auto;
  }

  .outline:after {
    content: " ";
    background: url(../images/red_check_icon-01.svg);
    position: relative;
    top: 0px;
    width: 20px;
    height: 20px;
    display: table;
    margin: auto;
    background-size: contain;
    left: 5px;
  }

  .outline p {
    margin-left: 4em !important;
  }

  .l-bg {
    padding: 0 .5em;
  }

  .uk-position-bottom {
    position: relative !important;
  }

  .uk-position-small[class*=uk-position-center-left],
  .uk-position-small[class*=uk-position-center-right] {
    top: 35%;
  }

  .uk-panel .quote-block p,
  .uk-panel .quote-block p a {
    font-size: 12px;
  }

  .blog-text {
    min-height: inherit;
  }

  .my-nav-link {
    letter-spacing: 0px;
    display: inline-table;
    font-size: 12px;
    padding: .375rem .5em;
    min-width: inherit;
  }

  .container-fluid {
    padding-right: 0px;
    padding-left: 0px;

  }

  .featurette {
    padding: 1em 15px;
  }

  .featurette-heading {
    padding-top: .5em;
  }

  b,
  strong {
    margin-top: .25rem;
  }

  p.copyright {
    font-size: 12px;
  }

  .uk-panel .quote-block i {
    font-size: 14px;
  }

  .f-icons {
    margin-bottom: 1em;
  }

  .f-icons img {
    max-height: 45px;
    padding: 1em 0;
  }

  .f-icons ul li {
    margin: 0 .75em;
  }

  .f-nav a {

    display: table;
  }

  ul.f-nav {
    padding: 2em 4em;
  }

  .f-nav a:first-child:before {
    display: inline-block;
  }

  .f-nav a:before {
    margin-right: 10px;
  }

  .facebook-icon,
  .twitter-icon,
  .youtube-icon,
  .linkedin-icon {
    padding: .8em .45em;
  }

  li.f-social i {
    font-size: 22px;
  }

  .touch-slide-quote q {
    font-size: 13px;
    font-weight: 400;
  }

  .uk-panel .img-block {
    padding: 0;
  }

  ul.home-slider.classroom li,
  ul.myvb-slider li {
    position: relative;
    display: block;
    padding: .2em 1em;
  }

  ul.home-slider li h5:before {
    content: "";
    width: 100%;
    background-color: #333;
    height: 0px;
    position: relative;
    left: 0%;
    bottom: 0;
    display: block;
  }

  ul.home-slider li.active h5:before {
    content: "";
    width: 100%;
    background-color: #d16061;
    height: 0px;
    position: relative;
    left: 0%;
    bottom: 0;
    display: list-item;
  }

  ul.home-slider li.active h5 {
    color: #d16061;
  }

  .clear-align {
    text-align: inherit !important;
  }

  .clearbr {
    display: none;
  }

  .clearheight {
    height: inherit !important;
  }

  .clearpadding {
    padding: 0 !important;
  }

  .clearmargin {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #return-to-top {

    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    border-radius: 5px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999;
  }

  #return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 10px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
  }

  #return-to-top:hover i {
    color: #fff;
    top: 5px;
  }

  li.nav-item:after {
    background: #E63C3B00;
  }

  li.nav-item:hover:after {
    content: "";
    background: #E63C3B00;
  }


  ul.home-slider.classroom.icon li,
  ul.home-slider.classroom.three li,
  ul.home-slider.classroom.four li {
    width: 99%;
  }


  .hardware .two-row-titles .touch-slide-quote.nopic.biggest:before {
    top: 18vh;
  }

  .link-icon.r-arrow:after {
    display: inline-block !important;
  }

  .link-icon {
    text-align: left;
    height: 3.5rem;

  }

  .link-icon i {
    width: 3rem !important;
  }

  .pricing-table-header.manager {
    min-height: inherit;
  }

  .aut-top-bg-leftblock {
    margin: inherit;
  }

  footer h6[aria-expanded] {
    position: relative;
    cursor: pointer;
    pointer-events: all;
    font-size: 1.1666667rem;
  }

  footer h6[aria-expanded]::after {
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 0;
    top: 0;
    content: "\f078";
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  footer h6[aria-expanded="false"]::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  footer h6[aria-expanded="true"]::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  footer .list-unstyled.collapse {
    display: none;
  }

  footer .list-unstyled.show {
    display: block;
  }

}

/***@media 768px end ***/



.vs-video-slider .uk-slider-items li .img-block {
  line-height: 0;
}

.vs-video-slider .uk-slider-items li .img-block video {
  width: 100%;
  margin-top: -61.5%;
}

/*** ie hack***/

_:-ms-lang(x),
.vs-video-slider .uk-slider-items li .img-block video {
  width: 100%;
}

_:-ms-lang(x),
h2.featurette-heading.clips:after,
h2.featurette-heading.clips:before {
  display: none;
}

_:-ms-lang(x),
.school img,
.clips-callout img {
  max-height: 213px;
}

_:-ms-lang(x),
.my-hero img,
.clips-img img,
.uk-panel .img-block img {
  width: 100%
}

_:-ms-lang(x),
.outline {
  min-height: 520px;
}

sup.beta {
  font-size: .5em;
  color: #E63C3B;
  top: -1em;
}

.atf-para {
  line-height: 1.7em;
}

.container.wide {
  max-width: 1600px;
}

.container.narrow {
  max-width: 768px;
}

.bg-gray {
  background-color: #f3f3f3;
}

.bg-lt-gray {
  background-color: #fafafa;
}

.big-white {
  background-color: #fff;
}

ul.big li {
  font-size: 1.3rem;
}

.check-icon ul.big li:before {
  font-size: 1.3rem;
  padding: 0.56rem 1.5rem 0 0;
}

ol.relax-space>li {
  margin-bottom: 0.7em;
}

.title-divider {
  display: table;
}

.title-divider>div {
  display: table-row;
  line-height: 1.5em;
  font-size: 1.5em;
  white-space: nowrap;
}

.title-divider h3 {
  display: table-cell;
  vertical-align: middle;
  width: 1px;
  table-layout: fixed;
  font-size: inherit;
  overflow: hidden;
  padding: 0 1em;
}

.title-divider span.spacer {
  display: table-cell;
}

.title-divider span.spacer:after {
  display: inline-block;
  width: 100%;
  content: ".";
  font-size: 0;
  color: transparent;
  height: 1px;
  background: #777;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

a.b-line{
  text-decoration: underline;

}

.btn-vs.r-arrow,
.btn-vs-g.r-arrow {
  position: relative;
  padding-left: 2em;
  padding-right: 3em;
}

.btn-vs.r-arrow:before,
.btn-vs-g.r-arrow:before {
  position: absolute;
  right: 1.5em;
  content: '\e81a';
  font-family: "porto";
}

.link-more,
.link-icon {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-weight: normal;
}

.link-more {
  color: #E63C3B;
}

.link-more:hover {
  text-decoration: none;
  color: #333;
}

.link-more.r-arrow:after,
a.btn.btn-vs.arrow:after,
.link-icon.r-arrow:after {
  content: '\00a0\00a0\e81a';
  font-family: "porto";
  display: inline-block;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.link-more.r-arrow:hover:after,
.link-icon.r-arrow:hover:after {
  -webkit-transform: translateX(0.3em);
  transform: translateX(0.3em);
}

.link-icon {
  font-size: 14px;
}

.link-icon i {
  font-size: 2rem;
  display: inline-block;
  vertical-align: middle;
  width: 3rem;
}

.read-more.r-arrow a,
a.link-icon.r-arrow {
  /*text-decoration: none;*/
}

.read-more.r-arrow a:hover {
  border-bottom: solid 1px #E63C3B;
}

.read-more.r-arrow a:after {
  content: '\00a0\00a0\e81a';
  font-family: "porto";
  display: inline-block;
  margin-left: .3rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.read-more.r-arrow small:after {
  content: '\00a0\00a0\e81a';
  font-family: "porto";
  display: inline-block;
  margin-left: .3rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.btn-ghost-m::after {
  font: normal normal normal 18px/1 'Font Awesome 5 Pro';
  content: '\f055';
  -webkit-transition: all 1s;
  transition: all 1s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  margin-top: 15px;
  cursor: pointer;
  right: 0;
  position: relative;
  top: 7vh;
  left: 9vw;
}

.badge-ghost-vsred {
  border: 1px solid #E63C3B;
  color: #E63C3B;
  padding: 0.3em 1em;
  font-weight: normal
}

.vsred {
  color: #E63C3B;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #E63C3B;
}


/* fixed to top styles */
.affix {
  position: fixed;
  top: 0;
  /* wangne: 80px -> 55px for universal header */
  right: 0;
  left: 0;
  z-index: 999;
  background-color: #FFF;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .025);
  /* padding: .5rem 15px; */
}

.sec-testimonial .card {
  border-color: transparent;
}

.sec-testimonial .card-body {
  position: relative;
}

.sec-testimonial .card-text {
  font-style: italic;
}

.sec-testimonial .card-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  border-top: none;
}

.sec-testimonial .circle-avatar {
  border-radius: 30px;
  width: 48px;
  height: 48px;
  background-color: #e7e7e7;
}

@media (max-width: 992px) {
  section .bg-gray h4 {
    font-size: 1.75rem;
  }
}


@media(max-width: 480px) {
  .navbar .navbar-nav>.nav-item{
    line-height: 2;
    font-size: 15px;
  }

  .vs-container#vsign-hometop {
    padding: 0;
  }

  .slick-slider .slick-track {
    min-width: 100vw;
  }

  a.slick-slide.slick-current.slick-center {
    min-width: auto;
}
  .rc-feature {
    padding: 0;
  }

  p big {
    font-size: 16px;
  }

  .small-m {
    font-size: 95%;
    padding-top: 0.5em;
  }

  .container {
    padding: 0;
  }

  .main-kv {
    min-height: 15em;
  }

  #clips-pricing h2,
  #clips-pricing h4 {
    padding: 0 1.2em;
  }

  #clips-pricing h2 {
    font-weight: 550;
    font-size: 1.8rem;
    line-height: 1.4;
    letter-spacing: 0px;
  }

  .btn-vs,
  .btn-vs-g {
    min-width: 45vw;
    padding: 0.575rem 1.75rem;
  }

  .btn-vs.r-arrow,
  .btn-vs-g.r-arrow {
    padding: .5em 2.2em .5em 1.5em;
  }

  nav .nav-link{
    color: #000;
  }

  /*.nav-link {
    color: #b7b7b7;
  }*/

  .marketing .slick-prev,
  .marketing .slick-next {
    display: none !important;
  }

  .touch-slide-quote h3 {
    height: auto;
  }

  .clips-icon h5 {
    padding-top: 0.7em;
    font-weight: 600;
  }

  .mh-48 {
    min-height: 0;
  }

  .clips-icon .title {
    height: 50px;

  }

  .clips-icon img {
    padding: 0;
    height: 50px;

  }

  .nav-pills .nav-link {
    font-size: 1.25rem;
    padding-bottom: 0.6em;
  }

  .slider.responsive.w-75.m-auto {
    width: 100% !important;
  }

  .slider.responsive.w-75.m-auto img {
    margin: 0.5em 0;
  }

  .schools img{
    max-width: 150px;
    margin: auto;
  }

  footer .f-icons img {
    width: 30vw;
  }


}