html,
img {
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }






.main-page .top-btns, .other-features .label-inner, .main-footer .menu2 a, .feedback-page .feedback .text, .feedback-page .feedback .tw, .cookies p, .support .wysiwyg pre,
.support .wysiwyg code, .support .breadcrumb a,
.support .breadcrumb span {
  font-size: .6rem; }


.main-features-list .feature, .project-links .box a, .project-links .live-instance a, .why-we-did-it .text p,
.how-we-did-it .text p, .cookies .title {
  font-size: 1rem; }

.header1 p, .main-page .top-btns a span, .features-page .box2 p, .member h3 {
  font-size: 1.1rem; }

.main-features-laptop .text span, .other-features h3, .project-links .live-instance p, .support .wysiwyg h1,
.support .wysiwyg h2, .support .wysiwyg h1.title,
.support .wysiwyg h2.title {
  font-size: 1.7rem; }

.features-page .box1 .cover-detail h3,
.features-page .box3 .cover-detail h3,
.features-page .box4 .cover-detail h3,
.features-page .box5 .cover-detail h3,
.features-page .box6 .cover-detail h3, .features-page .box2 h3, .project-links .box h3 {
  font-size: 1.8rem; }


@font-face {
  font-family: "OpenSans-CondLight";
  src: url("../fonts/OpenSans-CondLightd41d.eot") format("embedded-opentype"), url("../fonts/OpenSans-CondLight.woff") format("woff"), url("../fonts/OpenSans-CondLight.ttf") format("truetype"), url("https://www.tata-bss.com/us/static/fonts/OpenSans-CondLight.html") format("svg"); }
@font-face {
  font-family: "OpenSans-Regular";
  src: url("../fonts/OpenSans-Regulard41d.eot") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("https://www.tata-bss.com/us/static/fonts/OpenSans-Regular.html") format("svg"); }
@font-face {
  font-family: "OpenSans-Semibold";
  src: url("../fonts/OpenSans-Semiboldd41d.eot") format("embedded-opentype"), url("../fonts/OpenSans-Semibold.woff") format("woff"), url("../fonts/OpenSans-Semibold.ttf") format("truetype"), url("https://www.tata-bss.com/us/static/fonts/OpenSans-Semibold.html") format("svg"); }
@font-face {
  font-family: "icon-taiga";
  src: url("../fonts/icon-taigad41d.eot") format("embedded-opentype"), url("../fonts/icon-taiga.woff") format("woff"), url("../fonts/icon-taiga.ttf") format("truetype"), url("https://www.tata-bss.com/us/static/fonts/icon-taiga.html") format("svg"); }


.icon-revenues:before,
.icon-experience:before,
.icon-efficiency:before,
.icon-iocaine:before,
.icon-templates:before,
.icon-redmine:before,
.icon-term:before {
  display: inline-block;
  font-family:'FontAwesome';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-decoration: inherit;
  text-transform: none; }

.icon-revenues:before {
  content: '\f100'; }

.icon-experience:before {
  content: '\f101'; }

.icon-efficiency:before {
  content: '\f102'; }

.icon-iocaine:before {
  content: '\f103'; }

.icon-templates:before {
  content: '\f104'; }

.icon-redmine:before {
  content: '\f105'; }

.icon-term:before {
  content: '\f106'; }

* {
  box-sizing: border-box; }


.other-features-page {
  padding: 1rem 1rem 0 1rem; }
  .other-features-page .header1 {
    margin-bottom: 20px; }

@-webkit-keyframes animation-left {
  from {
    left: -100%; }
  to {
    left: 0; } }
@-moz-keyframes animation-left {
  from {
    left: -100%; }
  to {
    left: 0; } }
@keyframes animation-left {
  from {
    left: -100%; }
  to {
    left: 0; } }
@-webkit-keyframes animation-right {
  from {
    left: 100%; }
  to {
    left: 0; } }
@-moz-keyframes animation-right {
  from {
    left: 100%; }
  to {
    left: 0; } }
@keyframes animation-right {
  from {
    left: 100%; }
  to {
    left: 0; } }
.pagination-nav {
  background-color: #cdcdcd;
  height: 3px;
  width: 100%; }
  .pagination-nav div {
    background-color: #F48519;
    display: block;
    height: 100%;
    width: 33.8%;
 }

.other-features h3 {
  color: #70aa7d;
  line-height: 2.5rem;
  margin-bottom: .5rem;
  text-align: center; }
.other-features ul {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 0px;padding: 0; }
.other-features li {
  color: #cdcdcd;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  width:33.15%; }
  .other-features li.active, .other-features li:hover, .other-features li.active span, .other-features li:hover span {
    color: #F48519;  font-weight: bold; }
.other-features .texts {
  height: auto;
  margin-top:0px;
  /*min-height: 145px;*/
  overflow: hidden;
  position: relative; }
  .other-features .texts p {
    margin: 0px; }
  .other-features .texts article {
    /*display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;*/
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    left: -100%;
    /*position: absolute;*/
    overflow: hidden;
    top: 0;
    width: 100%; }
    .other-features .texts article.active-left {
      -webkit-animation: animation-left 0.5s;
      -moz-animation: animation-left 0.5s;
      animation: animation-left 0.5s;
      left: 0; }
    .other-features .texts article.active-right {
      -webkit-animation: animation-right 0.5s;
      -moz-animation: animation-right 0.5s;
      animation: animation-right 0.5s;
      left: 0; }
  .other-features .texts .text {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    width: 100%;text-align: center; }
  .other-features .texts .img {
    margin-top: 2rem;
    text-align: center;
    width: 100%; }
    .other-features .texts .img img {
      max-width: 100%; }
.other-features .label {
  text-align: center; }
.other-features .label-inner {
  background-color: #81bf89;
  color: #fff;
  display: inline-block;
  line-height: 30px;
  padding: 0 30px;
  position: relative; }
  .other-features .label-inner:before, .other-features .label-inner:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    content: '';
    display: block;
    height: 30px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 30px; }
  .other-features .label-inner:after {
    left: auto;
    right: -15px; }

/*@media screen and (max-width: 996px) {
.other-features .texts{min-height: 170px;}
}
@media screen and (max-width: 667px) {
.other-features .texts{min-height: 212px;}
}
@media screen and (max-width: 520px) {
.other-features .texts{min-height: 170px; font-size:12px;}
.other-features .texts p{ line-height:18px;}
.other-features li Span{ font-size:14px;}
}
@media screen and (max-width: 465px) {
.other-features .texts{min-height: 200px;}
}
@media screen and (max-width: 382px) {
.other-features .texts{min-height: 230px;}
}
@media screen and (max-width: 360px) {
.other-features .texts{min-height: 253px;}
}*/

@media screen and (max-width: 520px) {
.other-features .texts{ font-size:12px;}
.other-features .texts p{ line-height:18px;}
.other-features li Span{ font-size:14px;}
}