@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOiCnqEu92Fr1Mu51QrEzAdKg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TjASc6CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic6CsE.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(https://fonts.gstatic.com/s/robotoslab/v8/BngRUXZYTXPIvIBgJJSb6u9mxLCGwRg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v8/BngMUXZYTXPIvIBgJJSb6ufN5qA.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v8/BngRUXZYTXPIvIBgJJSb6u92w7CGwRg.ttf) format('truetype');
}
/*light blue*/
/* MAIN */
body {
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
  font-weight: 300;
  color: #47525D;
}
b {
  font-weight: 500;
}
/*PARAGRAPHS*/
p {
  font-size: 18px;
  color: #47525D;
  line-height: 30px;
  letter-spacing: 0.6px;
  text-align: left;
  font-weight: 300;
}
@media (max-width: 991px) {
  p {
    font-size: 16px;
    line-height: 23px;
  }
}
/*LINKS*/
a {
  color: #4990E2;
  outline: none;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #3970B1;
  outline: none;
}
/*TITLES*/
h1,
h2,
h3,
h4,
h5 {
  font-family: "Roboto Slab", serif;
  font-weight: normal;
  color: #263353;
  letter-spacing: 1.3px;
  text-align: left;
}
@media (max-width: 991px) {
  h1,
  h2,
  h3,
  h4,
  h5 {
    text-align: center;
  }
}
h2,
h3,
h4,
h5 {
  font-weight: normal;
  text-align: left;
  letter-spacing: 1px;
}
h1 {
  font-size: 42px;
  line-height: 60px;
}
@media (max-width: 991px) {
  h1 {
    letter-spacing: 1px;
    font-size: 22px;
    line-height: 31px;
    text-align: center;
  }
}
h2 {
  font-size: 36px;
  line-height: 52px;
}
@media (max-width: 991px) {
  h2 {
    font-size: 21px;
    line-height: 28px;
  }
}
h3 {
  font-size: 30px;
  letter-spacing: 1.3px;
  line-height: 42px;
}
@media (max-width: 991px) {
  h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
  }
}
h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 52px;
}
@media (max-width: 991px) {
  h4 {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 33px;
    text-align: center;
  }
}
h5 {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
@media (max-width: 991px) {
  h5 {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 33px;
    text-align: center;
  }
}
/*IMAGES*/
.img-centered {
  margin: 0 auto;
}
@media (min-width: 783px) {
  .row-v-align {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
}
.important-info {
  color: #4990E2;
}
.icons {
  padding-left: 26px;
}
mark {
  font-weight: 300;
  color: #f7f7f7;
  background-color: #FF6D4D;
  padding: 5px;
}
.h-red {
  color: #f7f7f7;
  background-color: #FF6D4D;
  padding: 5px;
}
.h-green {
  color: #f7f7f7;
  background-color: #21BF9A;
  padding: 5px;
}
.h-grey {
  padding: 5px;
  background: #eeeeee;
  color: #263353;
  line-height: 1.5em;
}
.h-dark-grey {
  padding: 5px;
  background: #332f2f;
  color: #fff;
  line-height: 1.5em;
}
.h-green {
  padding: 5px;
  background: #21BF9A;
  color: #f7f7f7;
  line-height: 1.5em;
}
.h-blue {
  padding: 5px;
  background: #4990E2;
  color: #fff;
  line-height: 1.5em;
}
.h-blue-dark {
  padding: 5px;
  background: #263353;
  color: #fff;
  line-height: 1.5em;
}
.hr-red {
  background-color: #FF6D4D;
  height: 1px !important;
  border: 0 !important;
  color: #f7f7f7;
}
.hr-grey {
  background-color: #47525D;
  height: 1px !important;
  border: 0 !important;
  color: #f7f7f7;
}
.hr-blue {
  margin: 0 0 50px !important;
  padding: 0 !important;
  border: 0 rgba(38, 51, 83, 0.5) solid !important;
  height: 1px !important;
  color: #fff;
}
.text-red {
  color: #FF6D4D !important;
}
.text-red-new {
  color: #ff2d55 !important;
}
.text-green {
  color: #21BF9A !important;
}
.text-green-other {
  color: #72B566 !important;
}
.text-blue {
  color: #263353 !important;
}
.text-blue-light {
  color: #4990E2 !important;
}
.text-base {
  color: #eeeeee;
}
.text-base-dark {
  color: #47525D;
}
.text-white {
  color: #fff !important;
}
.carousel-inner > .item {
  -webkit-transition: 4.9s, ease-in-out, left;
  -moz-transition: 4.9s, ease-in-out, left;
  -o-transition: 4.9s, ease-in-out, left;
  transition: 0.9s, ease-in-out, left;
}
@media (max-width: 768px) {
  .invisible-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .only-mobile {
    display: none;
  }
}
.equal,
.equal > div[class*='col-'] {
  display: -webkit-flex;
  display: flex;
  flex: 1 1 auto;
}
.separator {
  padding-top: 40px;
  min-width: 40%;
  max-width: 40%;
  position: relative;
  overflow: visible;
  left: 30%;
  border-bottom: #D5D8E3 1px solid;
}
.black-a {
  color: #000000;
  text-decoration: underline;
}
.pre-footer {
  color: #263353;
  font-family: "Roboto Slab", serif;
  font-weight: normal;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 42px;
}
@media (max-width: 991px) {
  .pre-footer {
    margin-bottom: 15px;
  }
}
.panel {
  padding: 36px 20px;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
}
.panel-body {
  padding: 0;
  margin: 0;
}
.panel-body p {
  color: #6B7C93;
  letter-spacing: 1px;
  font-size: 15px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .panel-body p {
    line-height: 26px;
  }
}
.panel-title {
  padding-top: 20px;
  color: #263353;
  line-height: 36px;
  font-size: 20px;
  letter-spacing: 1.2px;
  font-weight: normal;
}
@media (max-width: 991px) {
  .panel-title {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 27px;
  }
}
.panel:hover {
  /*-webkit-box-shadow: 0 2px 20px 0 #CDCFD5;
  -moz-box-shadow: 0 2px 20px 0 #CDCFD5;
  box-shadow: 0 2px 20px 0 #CDCFD5;
  transform: scale(1.03, 1.03);*/
}
.panel-img {
  display: inline-block;
}
.panel-img img {
  max-width: 52px;
}
.panel-content {
  white-space: normal;
  padding-left: 10px;
  padding-right: 62px;
  vertical-align: middle;
  display: inline-block;
}
.vertical-center {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .pull-xs-left {
    float: left !important;
  }
  .pull-xs-right {
    float: right !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pull-sm-left {
    float: left !important;
  }
  .pull-sm-right {
    float: right !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pull-md-left {
    float: left !important;
  }
  .pull-md-right {
    float: right !important;
  }
}
@media (min-width: 1200px) {
  .pull-lg-left {
    float: left !important;
  }
  .pull-lg-right {
    float: right !important;
  }
}
@media (min-width: 480px) {
  .label-block {
    font-weight: normal;
    display: block;
    padding: 6px 12px;
    margin: 0;
    border: 1px solid transparent;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    width: 100%;
  }
}
.label-block-xs {
  font-weight: normal;
  display: block;
  padding: 6px 12px;
  margin: 0;
  border: 1px solid transparent;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  width: 100%;
}
/*

Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax

base:    #282c34
mono-1:  #abb2bf
mono-2:  #818896
mono-3:  #5c6370
hue-1:   #56b6c2
hue-2:   #61aeee
hue-3:   #c678dd
hue-4:   #98c379
hue-5:   #e06c75
hue-5-2: #be5046
hue-6:   #d19a66
hue-6-2: #e6c07b

*/
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #abb2bf;
  background: #263353;
}
.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic;
}
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd;
}
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75;
}
.hljs-literal {
  color: #56b6c2;
}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #21BF9A;
}
.hljs-built_in,
.hljs-class .hljs-title {
  color: #e6c07b;
}
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66;
}
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: bold;
}
.hljs-link {
  text-decoration: underline;
}
pre {
  padding: 0;
}
code {
  padding: 6px;
}
/* BUTTONS */
.btn {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.9px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 6px 0 rgba(4, 4, 4, 0.16);
  border-radius: 4px;
  padding: 10px 40px;
  margin-bottom: 10px;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus,
.btn.active:focus {
  outline: 0 none;
}
@media (max-width: 767px) {
  .btn {
    width: 100% !important;
  }
}
.btn-xs {
  padding: 3px 6px;
  border: 0 none;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 16px;
}
.btn-xs:focus,
.btn-xs:active,
.btn-xs.active,
.btn-xs:active:focus,
.btn-xs.active:focus {
  outline: 0 none;
}
@media (max-width: 768px) {
  .btn-xs {
    font-size: 12px;
  }
}
.btn-xl {
  padding: 10px 20px;
  border: 0 none;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 56px;
}
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.btn-xl:active:focus,
.btn-xl.active:focus {
  outline: 0 none;
}
@media (max-width: 768px) {
  .btn-xl {
    font-size: 18px;
  }
}
.round {
  border-radius: 24px;
}
.yellow-full {
  border: 2px solid;
  border-color: #263353;
  color: #263353;
  background-color: #FF6D4D;
}
.yellow-full:hover {
  color: #FF6D4D;
  background-color: inherit;
}
.green-full {
  border: 2px solid;
  border-color: #21BF9A;
  color: #fff;
  background-color: #21BF9A;
}
.green-full:hover {
  color: #fff;
  background-color: #1CAC8B !important;
  border-color: #1CAC8B !important;
}
.blue-full {
  color: #fff !important;
  background-color: #4990E2;
  border: 2px #4990E2 solid !important;
}
.blue-full:hover {
  border: 2px #3970B1 solid !important;
  background-color: #3970B1 !important;
  color: inherit;
}
.blue-dark-full {
  color: #fff !important;
  background-color: #263353;
  border: 2px #263353 solid !important;
}
.blue-dark-full:hover {
  border: 2px #1B253D solid !important;
  background-color: #1B253D !important;
  color: #fff !important;
}
.blue-dark-inverted {
  border: 2px #263353 solid !important;
  color: #263353 !important;
  background-color: inherit;
}
.blue-dark-inverted:hover {
  color: #fff !important;
  background-color: #263353;
}
.blue-inverted {
  border: 2px #4990E2 solid !important;
  color: #4990E2 !important;
  background-color: inherit;
  box-shadow: none;
}
.blue-inverted:hover {
  border: 2px #3970B1 solid !important;
  background-color: #3970B1 !important;
  color: #fff !important;
}
.black-inverted {
  border: 2px #47525D solid !important;
  color: #47525D !important;
  background-color: inherit;
}
.black-inverted:hover {
  color: #fff !important;
  background-color: #47525D;
}
.green-inverted {
  border: 2px solid #21BF9A;
  color: #21BF9A;
  background-color: transparent;
  box-shadow: none;
}
.green-inverted:hover {
  color: #fff;
  background-color: #21BF9A;
}
/*Yellow*/
.red-full {
  border: 2px solid;
  border-color: #FF6D4D;
  color: #fff;
  background-color: #FF6D4D;
}
.red-full:hover {
  color: #fff !important;
  background-color: #E76547;
  border-color: #E76547;
}
.red-inverted {
  border: 2px solid #FF6D4D;
  color: #FF6D4D;
  background-color: inherit;
}
.red-inverted:hover {
  color: #263353;
  background-color: #FF6D4D;
}
.white-inverted {
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
}
.white-inverted:hover {
  color: #263353;
  background-color: #fff;
  border-color: transparent;
}
.white-full {
  color: #263353;
  background-color: #fff;
  border: 2px solid;
  border-color: #E8EAF2;
}
.white-full:hover {
  background-color: #E8EAF2 !important;
}
.blu-full-survey {
  color: #263353;
  border: 2px solid transparent;
  background-color: #fff;
  border-color: #263353;
}
.blu-full-survey:hover {
  background-color: transparent;
  color: #263353 !important;
  border-color: #263353;
}
.blu-full-survey:focus,
.blu-full-survey:active,
.blu-full-survey.active,
.blu-full-survey:active:focus,
.blu-full-survey.active:focus {
  background-color: #263353;
  border-color: #263353;
  color: #fff !important;
}
/*Toggle button*/
.btn-default {
  color: #ffffff;
  background-color: #798d8f;
  border-color: #74898a;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #798d8f;
  border-color: #74898a;
}
.btn-default:visited,
.btn-default:focus {
  color: #ffffff;
  background-color: #1a2d4c;
}
.btn-default:active,
.btn-default:active:focus,
.btn-default.active:focus {
  color: #fff;
  background-color: #011433;
}
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  background-color: #798d8f;
  border-color: #74898a;
}
.toggle-handle {
  background-color: #2c3e50;
  border-color: #2c3e50;
}
.toggle-handle:hover {
  background-color: #2c3e50;
  border-color: #2c3e50;
}
.btn-primary {
  color: #ffffff;
  background-color: #798d8f;
  border-color: #74898a;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #798d8f;
  border-color: #74898a;
}
.btn-primary .active:hover {
  color: #ffffff;
  background-color: #798d8f;
  border-color: #74898a;
}
.btn-top {
  color: #47525D;
  background-color: #4990E2;
  border-color: #fff;
}
.btn-outline {
  display: inline-block;
  width: 53px;
  height: 53px;
  border: 2px solid #fffc00;
  border-radius: 100%;
  text-align: center;
  font-size: 30px;
  line-height: 45px;
  font-weight: 500;
}
.btn .scroll-top {
  padding: 10px;
}
.btn-no-shadow {
  box-shadow: none !important;
}
.p-xxs {
  padding: 5px;
}
.p-xs {
  padding: 10px;
}
.p-sm {
  padding: 15px;
}
.p-m {
  padding: 20px;
}
.p-md {
  padding: 25px;
}
.p-lg {
  padding: 30px;
}
.p-xl {
  padding: 40px;
}
.p-none {
  padding: 0;
}
.p-l-none {
  padding-left: 0px;
}
.p-r-none {
  padding-right: 0px;
}
.p-t-none {
  padding-top: 0px;
}
.p-l-xxs {
  padding-left: 5px;
}
.p-l-xs {
  padding-left: 10px;
}
.p-l-sm {
  padding-left: 15px;
}
.p-l-m {
  padding-left: 20px;
}
.p-l-md {
  padding-left: 25px;
}
.p-l-lg {
  padding-left: 30px;
}
.p-l-xl {
  padding-left: 40px;
}
.p-t-xxs {
  padding-top: 5px;
}
.p-t-xs {
  padding-top: 10px;
}
.p-t-sm {
  padding-top: 15px;
}
.p-t-m {
  padding-top: 20px;
}
.p-t-md {
  padding-top: 25px;
}
.p-t-lg {
  padding-top: 30px;
}
.p-t-xl {
  padding-top: 40px;
}
.p-b-none {
  padding-bottom: 0px;
}
.p-b-xxs {
  padding-bottom: 5px;
}
.p-b-xs {
  padding-bottom: 10px;
}
.p-b-sm {
  padding-bottom: 15px;
}
.p-b-m {
  padding-bottom: 20px;
}
.p-b-md {
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  .p-b-md {
    padding-bottom: 15px;
  }
}
.p-b-lg {
  padding-bottom: 30px;
}
.p-b-xl {
  padding-bottom: 40px;
}
.p-b-n-xxs {
  padding-bottom: -5px;
}
.p-b-n-xs {
  padding-bottom: -10px;
}
.p-b-n-sm {
  padding-bottom: -15px;
}
.p-b-n-m {
  padding-bottom: -20px;
}
.p-b-n-md {
  padding-bottom: -25px;
}
.p-b-n-lg {
  padding-bottom: -30px;
}
.p-b-n-xl {
  padding-bottom: -40px;
}
.m-xxs {
  margin: 2px 4px;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-xl {
  margin: 50px;
}
.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-m {
  margin-left: 25px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-r-none {
  margin-right: 0;
}
.m-r-xxs {
  margin-right: 1px;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-xxs {
  margin-bottom: 1px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}
.m-none {
  margin: 0;
}
.space-15 {
  margin: 15px 0;
}
.space-20 {
  margin: 20px 0;
}
.space-25 {
  margin: 25px 0;
}
.space-30 {
  margin: 30px 0;
}
.p-section {
  padding: 64px 0 72px;
}
@media (max-width: 767px) {
  .p-section {
    padding: 12px 0 16px;
  }
}
@media (max-width: 991px) {
  .m-section {
    margin: 40px 0;
  }
}
.p-section-sm {
  margin: 0;
  padding: 20px 0;
}
.p-section-xs {
  margin: 0;
  padding: 10px 0;
}
.p-section-xl {
  margin: 0;
  padding: 100px 0;
}
.border-top-tick {
  border-top: 5px #263353 solid !important;
}
.border-top-grey-light {
  border-top: #d8d8d8 1px solid;
}
.border-bottom-grey-light {
  border-bottom: #d8d8d8 1px solid;
}
.border-grey-light {
  border-top: #d8d8d8 1px solid;
  border-bottom: #d8d8d8 1px solid;
}
.border-top-grey-dark {
  border-top: #47525D 1px solid;
}
.border-bottom-grey-dark {
  border-bottom: #47525D 1px solid;
}
.border-grey-dark {
  border-top: #47525D 1px solid;
  border-bottom: #47525D 1px solid;
}
.border-top-grey {
  border-top: #eeeeee 1px solid;
}
.border-bottom-grey {
  border-bottom: #eeeeee 1px solid;
}
.border-grey {
  border-top: #eeeeee 1px solid;
  border-bottom: #eeeeee 1px solid;
}
.border-top-red {
  border-top: #FF6D4D 1px solid;
}
.border-bottom-red {
  border-bottom: #FF6D4D 1px solid;
}
.border-red {
  border-top: #FF6D4D 1px solid;
  border-bottom: #FF6D4D 1px solid;
}
.grey-very-light-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(239, 239, 239, 0.7), #efefef);
  background: -webkit-linear-gradient(bottom, rgba(239, 239, 239, 0.7), #efefef);
  background: -moz-linear-gradient(bottom, rgba(239, 239, 239, 0.7), #efefef);
  background: -ms-linear-gradient(bottom, rgba(239, 239, 239, 0.7), #efefef);
  background: -o-linear-gradient(bottom, rgba(239, 239, 239, 0.7), #efefef);
  background: linear-gradient(to bottom, rgba(239, 239, 239, 0.7), #efefef);
}
.grey-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -webkit-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -moz-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -ms-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -o-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: linear-gradient(to bottom, rgba(238, 238, 238, 0.7), #eeeeee);
}
.grey-light-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(216, 216, 216, 0.7), #d8d8d8);
  background: -webkit-linear-gradient(bottom, rgba(216, 216, 216, 0.7), #d8d8d8);
  background: -moz-linear-gradient(bottom, rgba(216, 216, 216, 0.7), #d8d8d8);
  background: -ms-linear-gradient(bottom, rgba(216, 216, 216, 0.7), #d8d8d8);
  background: -o-linear-gradient(bottom, rgba(216, 216, 216, 0.7), #d8d8d8);
  background: linear-gradient(to bottom, rgba(216, 216, 216, 0.7), #d8d8d8);
}
.grey-dark-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(71, 82, 93, 0.95), #47525D);
  background: -webkit-linear-gradient(bottom, rgba(71, 82, 93, 0.95), #47525D);
  background: -moz-linear-gradient(bottom, rgba(71, 82, 93, 0.95), #47525D);
  background: -ms-linear-gradient(bottom, rgba(71, 82, 93, 0.95), #47525D);
  background: -o-linear-gradient(bottom, rgba(71, 82, 93, 0.95), #47525D);
  background: linear-gradient(to bottom, rgba(71, 82, 93, 0.95), #47525D);
}
.grey-dark-bg-inv {
  background-color: #fff;
  background: -webkit-gradient(top, rgba(71, 82, 93, 0.95), #47525D);
  background: -webkit-linear-gradient(top, rgba(71, 82, 93, 0.95), #47525D);
  background: -moz-linear-gradient(top, rgba(71, 82, 93, 0.95), #47525D);
  background: -ms-linear-gradient(top, rgba(71, 82, 93, 0.95), #47525D);
  background: -o-linear-gradient(top, rgba(71, 82, 93, 0.95), #47525D);
  background: linear-gradient(to top, rgba(71, 82, 93, 0.95), #47525D);
}
.grey-extra-dark-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(42, 49, 54, 0.95), #2a3136);
  background: -webkit-linear-gradient(bottom, rgba(42, 49, 54, 0.95), #2a3136);
  background: -moz-linear-gradient(bottom, rgba(42, 49, 54, 0.95), #2a3136);
  background: -ms-linear-gradient(bottom, rgba(42, 49, 54, 0.95), #2a3136);
  background: -o-linear-gradient(bottom, rgba(42, 49, 54, 0.95), #2a3136);
  background: linear-gradient(to bottom, rgba(42, 49, 54, 0.95), #2a3136);
}
.dark-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(51, 47, 47, 0.95), #332f2f);
  background: -webkit-linear-gradient(bottom, rgba(51, 47, 47, 0.95), #332f2f);
  background: -moz-linear-gradient(bottom, rgba(51, 47, 47, 0.95), #332f2f);
  background: -ms-linear-gradient(bottom, rgba(51, 47, 47, 0.95), #332f2f);
  background: -o-linear-gradient(bottom, rgba(51, 47, 47, 0.95), #332f2f);
  background: linear-gradient(to bottom, rgba(51, 47, 47, 0.95), #332f2f);
}
.white-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, #fff, rgba(239, 239, 239, 0.3));
  background: -webkit-linear-gradient(bottom, #fff, rgba(239, 239, 239, 0.3));
  background: -moz-linear-gradient(bottom, #fff, rgba(239, 239, 239, 0.3));
  background: -ms-linear-gradient(bottom, #fff, rgba(239, 239, 239, 0.3));
  background: -o-linear-gradient(bottom, #fff, rgba(239, 239, 239, 0.3));
  background: linear-gradient(to bottom, #fff, rgba(239, 239, 239, 0.3));
}
.blue-light-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
  background: -webkit-linear-gradient(bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
  background: -moz-linear-gradient(bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
  background: -ms-linear-gradient(bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
  background: -o-linear-gradient(bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
  background: linear-gradient(to bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
}
.blue-very-light-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(206, 229, 242, 0.2), rgba(206, 229, 242, 0.4));
  background: -webkit-linear-gradient(bottom, rgba(206, 229, 242, 0.2), rgba(206, 229, 242, 0.4));
  background: -moz-linear-gradient(bottom, rgba(206, 229, 242, 0.2), rgba(206, 229, 242, 0.4));
  background: -ms-linear-gradient(bottom, rgba(206, 229, 242, 0.2), rgba(206, 229, 242, 0.4));
  background: -o-linear-gradient(bottom, rgba(206, 229, 242, 0.2), rgba(206, 229, 242, 0.4));
  background: linear-gradient(to bottom, rgba(206, 229, 242, 0.2), rgba(206, 229, 242, 0.4));
}
.blue-bg {
  background-color: #263353;
}
.blue-bg-inv {
  background-color: #000;
  background: -webkit-gradient(top, #263353, #263353);
  background: -webkit-linear-gradient(top, #263353, #263353);
  background: -moz-linear-gradient(top, #263353, #263353);
  background: -ms-linear-gradient(top, #263353, #263353);
  background: -o-linear-gradient(top, #263353, #263353);
  background: linear-gradient(to top, #263353, #263353);
}
.red-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(255, 109, 77, 0.7), #FF6D4D);
  background: -webkit-linear-gradient(bottom, rgba(255, 109, 77, 0.7), #FF6D4D);
  background: -moz-linear-gradient(bottom, rgba(255, 109, 77, 0.7), #FF6D4D);
  background: -ms-linear-gradient(bottom, rgba(255, 109, 77, 0.7), #FF6D4D);
  background: -o-linear-gradient(bottom, rgba(255, 109, 77, 0.7), #FF6D4D);
  background: linear-gradient(to bottom, rgba(255, 109, 77, 0.7), #FF6D4D);
}
.yellow-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(255, 109, 77, 0.1), rgba(255, 109, 77, 0.2));
  background: -webkit-linear-gradient(bottom, rgba(255, 109, 77, 0.1), rgba(255, 109, 77, 0.2));
  background: -moz-linear-gradient(bottom, rgba(255, 109, 77, 0.1), rgba(255, 109, 77, 0.2));
  background: -ms-linear-gradient(bottom, rgba(255, 109, 77, 0.1), rgba(255, 109, 77, 0.2));
  background: -o-linear-gradient(bottom, rgba(255, 109, 77, 0.1), rgba(255, 109, 77, 0.2));
  background: linear-gradient(to bottom, rgba(255, 109, 77, 0.1), rgba(255, 109, 77, 0.2));
}
.green-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(33, 191, 154, 0.7), #21BF9A);
  background: -webkit-linear-gradient(bottom, rgba(33, 191, 154, 0.7), #21BF9A);
  background: -moz-linear-gradient(bottom, rgba(33, 191, 154, 0.7), #21BF9A);
  background: -ms-linear-gradient(bottom, rgba(33, 191, 154, 0.7), #21BF9A);
  background: -o-linear-gradient(bottom, rgba(33, 191, 154, 0.7), #21BF9A);
  background: linear-gradient(to bottom, rgba(33, 191, 154, 0.7), #21BF9A);
}
.black-bg {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.85));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.85));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.85));
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.85));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.85));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.85));
}
.bg-danger {
  background-color: #e74c3c;
  color: #fff;
}
.bg-light-blue {
  background-color: #4990E2;
  color: #fff;
}
.divisor {
  height: 1px;
  margin: 20px 0;
}
.text-title-biggest {
  font-size: 56px;
  line-height: 1.1em;
  color: #263353;
}
@media (max-width: 783px) {
  .text-title-biggest {
    text-align: center;
  }
}
.header-section {
  padding-top: 200px;
  padding-bottom: 120px;
}
.header-section h1 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 56px;
  line-height: 72px;
  letter-spacing: 1.3px;
  text-align: left;
}
.header-section h2,
.header-section h3,
.header-section h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: left;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 991px) {
  .header-section {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  .header-section h1 {
    line-height: 45px;
    text-align: left !important;
    font-size: 32px;
    letter-spacing: 1px;
    padding-bottom: 10px;
  }
  .header-section h2,
  .header-section h3,
  .header-section h4 {
    text-align: center;
    text-align: left !important;
    font-size: 17px;
    padding-bottom: 10px;
  }
}
.text-title {
  line-height: 1.1em;
  color: #263353;
  font-size: 56px;
}
@media (max-width: 783px) {
  .text-title {
    text-align: center;
  }
}
@media (max-width: 783px) {
  .text-title {
    font-size: 26px;
  }
}
.title-section h1,
.title-section h2 {
  text-align: center;
  font-weight: 500;
}
.title-section h1,
.title-section h2,
.title-section h3,
.title-section h4,
.title-section h5,
.title-section h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
.title-light h2,
.title-light h3,
.title-light h4,
.title-light h5,
.title-light h6 {
  font-weight: 300;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.text-title-sub {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 1.5px;
}
@media (max-width: 783px) {
  .text-title-sub {
    text-align: center;
    font-size: 16px;
  }
}
small {
  margin-left: 1px;
  font-size: 12px !important;
}
#last-call-to-action {
  padding: 64px 0 72px;
}
@media (max-width: 767px) {
  #last-call-to-action {
    padding: 12px 0 16px;
  }
}
#last-call-to-action h1,
#last-call-to-action h2 {
  text-align: center;
  font-weight: 500;
}
#last-call-to-action h1,
#last-call-to-action h2,
#last-call-to-action h3,
#last-call-to-action h4,
#last-call-to-action h5,
#last-call-to-action h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#last-call-to-action p,
#last-call-to-action h3 {
  text-align: center;
}
#last-call-to-action .btn {
  min-width: 250px;
}
.text-blue2 {
  color: #4990E2;
}
/*NAVBAR*/
.navbar {
  padding-top: 35px;
  text-transform: none;
  height: 100px;
  color: #47525D;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  /*Navbar button*/
}
.navbar .nav-active {
  color: #FF6D4D !important;
}
.navbar .masthead {
  font-size: 15px;
  height: 32px;
  border: 0;
  padding-top: 6px;
  vertical-align: center;
  color: #fff;
  font-weight: 500;
}
.navbar .masthead a {
  color: #fff;
  text-decoration: underline #fff;
}
.navbar .masthead .badge {
  background-color: #263353;
  margin-top: -2px;
}
@media (max-width: 767px) {
  .navbar .navbar-nav {
    margin: 0 -15px;
    background-color: #fff;
    border-bottom: 1px #263353 solid;
  }
}
.navbar .navbar-nav li {
  padding: 0 10px;
}
@media (max-width: 991px) {
  .navbar .navbar-nav li {
    margin-left: 7px;
  }
}
.navbar .navbar-nav li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #FF6D4D;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media (max-width: 991px) {
  .navbar .navbar-nav li a:before {
    background-color: #fff;
  }
}
.navbar .navbar-nav li a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.navbar .navbar-nav li a:hover {
  color: #FF6D4D;
}
.navbar .navbar-nav li a {
  padding: 0;
  padding-bottom: 5px;
  margin: 0 10px;
  color: #263353;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  padding-top: 13px;
  position: relative;
}
@media (max-width: 991px) {
  .navbar .navbar-nav li a {
    display: block;
  }
}
.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li a:focus,
.navbar .navbar-nav li a:active,
.navbar .navbar-nav li a.active {
  background: none;
}
@media (max-width: 1199px) {
  .navbar .navbar-nav li a {
    letter-spacing: 0.6px;
    padding: 12px 0;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  .navbar .navbar-nav li a {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (max-width: 767px) {
  .navbar .navbar-nav li a {
    font-size: 14px;
    letter-spacing: 0.8px;
  }
}
.navbar .navbar-header {
  height: 60px;
}
.navbar .navbar-collapse {
  max-height: 500px !important;
  -webkit-box-shadow: inset 0 0px 0 #263353;
  box-shadow: inset 0 0px 0 #263353;
}
.navbar .navbar-brand {
  padding: 8px 15px;
}
.navbar .navbar-brand > img {
  height: 50px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.navbar .navbar-brand > span {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 20px;
  padding-top: 9px;
  padding-left: 6px;
  color: #FF6D4D;
}
.navbar .navbar-brand > span:hover,
.navbar .navbar-brand > span:focus,
.navbar .navbar-brand > span:active,
.navbar .navbar-brand > span:visited {
  color: #FF6D4D;
}
@media (max-width: 1007px) {
  .navbar .navbar-brand > span {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar .navbar-brand {
    font-size: 1.5em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 8px 6px;
  }
}
.navbar .dropdown-menu {
  background: #ffffff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  min-width: 0;
}
.navbar .dropdown-menu a {
  display: inline-block;
}
.navbar li.open > a {
  background: inherit;
}
.navbar .navbar-toggle {
  margin-top: 12px;
}
.navbar .navbar-toggle .icon-bar {
  background-color: #FF6D4D;
}
.navbar .navbar-right {
  padding-top: 11px;
}
@media (max-width: 767px) {
  .navbar .navbar-right {
    padding-left: 12px;
    padding-right: 6px;
  }
}
.navbar .navbar-left {
  padding-top: 11px;
}
@media (max-width: 1199px) {
  .navbar .navbar-left {
    padding-top: 12px;
    padding-left: 12px;
  }
}
.navbar .sign-up {
  background-color: #21BF9A;
  box-shadow: 0 2px 6px 0 rgba(4, 4, 4, 0.16);
  border-radius: 4px;
}
@media (max-width: 767px) {
  .navbar .sign-up {
    margin: 10px;
    text-align: center !important;
  }
}
.navbar .navbar-nav > li > a.btn {
  padding: 10px 40px;
}
.navbar .emphasize {
  font-weight: 500;
}
.navbar #button-navbar a:before {
  background-color: transparent;
}
.navbar .blurred {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: white;
  opacity: 0.8;
}
.navbar .popover-login-url {
  margin: 10px 0;
  text-decoration: none;
  text-align: center;
}
#cookieChoiceInfo {
  color: #47525D;
  position: fixed;
  width: 100%;
  background-color: #fff;
  margin: 0;
  left: 0;
  bottom: 0;
  padding: 8px;
  z-index: 100000;
  text-align: center;
  height: 55px;
  border-top: 2px solid;
  border-top-color: #263353;
  font-size: 16px;
}
#cookieChoiceInfo a {
  color: #47525D;
}
#cookieChoiceInfo a:hover,
#cookieChoiceInfo a:focus,
#cookieChoiceInfo a:active,
#cookieChoiceInfo a:visited {
  color: #47525D;
}
#cookieChoiceInfo .blue-inverted {
  padding: 5px 20px;
  margin-top: 3px;
  margin-bottom: 8px;
}
@media (max-width: 968px) {
  #cookieChoiceInfo {
    height: 96px;
  }
  #cookieChoiceInfo .ok-button {
    margin-left: 0 !important;
    width: 40% !important;
  }
  #cookieChoiceInfo .more-button {
    margin-left: 10px !important;
    width: 40% !important;
  }
}
@media (max-width: 529px) {
  #cookieChoiceInfo {
    height: 80px;
  }
  #cookieChoiceInfo .ok-button {
    margin-left: 0 !important;
    width: 20% !important;
  }
  #cookieChoiceInfo .more-button {
    margin-left: 10px !important;
    width: 20% !important;
  }
}
@media (max-width: 408px) {
  #cookieChoiceInfo {
    height: 120px;
  }
  #cookieChoiceInfo .ok-button {
    margin-left: 0 !important;
    width: 45% !important;
  }
  #cookieChoiceInfo .more-button {
    margin-left: 10px !important;
    width: 45% !important;
  }
}
/* DESCRIPTION TOP */
header {
  background-color: #263353;
}
header .description-top {
  background-color: #263353;
  min-height: 500px;
  padding-top: 230px;
  background: inherit;
}
@media (max-width: 1280px) {
  header .description-top {
    min-height: 380px;
    padding-top: 160px;
  }
}
header .description-top h1 {
  line-height: 1.1em;
  color: #263353;
  font-size: 56px;
  line-height: 1.2em;
}
@media (max-width: 783px) {
  header .description-top h1 {
    text-align: center;
  }
}
@media (max-width: 783px) {
  header .description-top h1 {
    font-size: 26px;
  }
}
header .description-top h2 {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 1.5px;
  line-height: 1.2em;
}
@media (max-width: 783px) {
  header .description-top h2 {
    text-align: center;
    font-size: 16px;
  }
}
header .description-top h1,
header .description-top h2 {
  margin: 3px 0;
}
header .description-top .btn {
  margin-top: 20px;
}
@media (max-width: 783px) {
  header .description-top .btn {
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
}
@media (max-width: 783px) {
  header .description-top .pull-right {
    float: none !important;
  }
}
header .description-top .inline {
  display: inline-block;
}
/*FOOTER*/
footer {
  color: #47525D;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p {
  text-align: left !important;
}
footer p {
  font-size: 14px;
  line-height: 21px;
  text-align: left;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #F6F7FB;
}
footer .footer-below {
  padding: 35px 0 20px;
  color: #d8d8d8;
  font-weight: 300;
  background-color: #263353;
}
footer .footer-below h4 {
  color: #fff;
  font-family: "Roboto Slab", serif;
}
footer .footer-below li {
  list-style-type: none;
}
footer .footer-below .blog-entry {
  border-left: 5px solid #4990E2;
  margin-left: 0;
}
footer .footer-below .blog-entry:hover {
  border-left: 5px solid #3970B1;
}
footer .footer-below .blog-entry h5 {
  text-align: left;
  font-weight: 300;
}
footer .footer-below .message-success {
  color: #fff !important;
  padding: 10px;
  margin: 10px 0;
  text-align: center;
  font-size: 18px;
  background: #21BF9A;
}
footer .footer-below .message-error {
  color: #fff !important;
  padding: 10px;
  margin: 10px 0;
  text-align: center;
  font-size: 18px;
  background: #FF6D4D;
}
footer .footer-below .widget {
  text-align: left;
}
footer .footer-below .widget .row {
  margin-top: 15px !important;
}
footer .footer-below .widget h4 {
  padding-bottom: 10px;
}
footer .footer-below .blogs img {
  width: 50px;
}
footer .footer-below .address {
  display: block;
  font-style: normal;
  line-height: 20px;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  footer .footer-below .address {
    text-align: left;
  }
}
footer .footer-below .address .important-info {
  font-size: 15px;
  font-weight: normal;
}
@media (max-width: 991px) {
  footer .footer-below .list-inline {
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
}
footer .footer-below .btn {
  height: 56px;
}
@media (max-width: 1024px) {
  footer .footer-below .btn {
    height: 44px;
    width: 114px;
    padding-left: 33px !important;
  }
}
@media (max-width: 768px) {
  footer .footer-below .btn {
    width: 155px;
    height: 65px;
    padding-left: 40px !important;
  }
}
@media (max-width: 425px) {
  footer .footer-below .btn {
    width: 144px;
    height: 61px;
  }
}
@media (max-width: 375px) {
  footer .footer-below .btn {
    width: 95px;
    height: 61px;
    padding-left: 24px !important;
  }
}
@media (max-width: 320px) {
  footer .footer-below .btn {
    width: 95px;
    height: 47px;
    padding-left: 24px !important;
  }
}
footer .footer-below .g-recaptcha {
  transform: scale(0.73);
  transform-origin: 0 0;
}
@media (max-width: 1024px) {
  footer .footer-below .g-recaptcha {
    transform: scale(0.57);
  }
}
@media (max-width: 768px) {
  footer .footer-below .g-recaptcha {
    transform: scale(0.81);
  }
}
@media (max-width: 320px) {
  footer .footer-below .g-recaptcha {
    transform: scale(0.61);
  }
}
footer .footer-below .no-padding {
  padding-right: 0px;
  padding-left: 0px;
}
@media (max-width: 768px) {
  footer .footer-below .s-footer-btn {
    margin-bottom: 40px;
  }
}
footer .footer-below .widget-title {
  padding-bottom: 0px;
  margin-bottom: -10px !important;
}
footer .footer-row-bottom {
  background-color: #1B253D;
  color: #d8d8d8;
  text-align: left;
  font-size: 85%;
  padding: 15px 0;
}
footer .footer-row-bottom a {
  color: #d8d8d8;
}
footer .footer-row-bottom span {
  margin-right: 5px;
}
footer .footer-above {
  margin: 0;
  padding: 20px 0;
  padding-bottom: 40px;
}
footer .footer-above h2 {
  margin-top: 45px;
  color: #fff;
}
footer .footer-above .form-inline {
  margin-top: 40px;
}
@media (max-width: 783px) {
  footer .footer-above .form-inline {
    margin-top: 30px;
  }
}
footer .footer-above .form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  margin-right: 1%;
}
@media (max-width: 1007px) {
  footer .footer-above .form-inline .form-group {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 783px) {
  footer .footer-above .form-inline .form-group {
    width: 90%;
    margin: 0 auto;
  }
}
footer .footer-above .form-inline .form-group .form-control {
  background-color: #fff;
  border-radius: 0;
  border: 0;
  height: 45px;
  border: none;
  padding: 9px 6px 9px 20px;
  font-size: 18px;
  line-height: 1.42857143;
  font-weight: 500;
}
@media (max-width: 1007px) {
  footer .footer-above .form-inline .form-group .form-control {
    width: 75%;
  }
}
@media (max-width: 783px) {
  footer .footer-above .form-inline .form-group .form-control {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
  }
}
footer .footer-above .form-inline .form-group .form-control:focus {
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
footer .footer-above .form-inline .form-group .form-control::-webkit-input-placeholder {
  color: #263353;
}
footer .footer-above .form-inline .form-group .form-control:-moz-placeholder {
  color: #263353;
}
footer .footer-above .form-inline .form-group .form-control::-moz-placeholder {
  color: #263353;
}
footer .footer-above .form-inline .form-group .form-control:-ms-input-placeholder {
  color: #263353;
}
footer .footer-above .form-inline .form-group input[type="email"] {
  margin-right: 20px;
}
@media (max-width: 1007px) {
  footer .footer-above .form-inline .form-group input[type="email"] {
    margin-right: 0px;
  }
}
/*ABOUT*/
#home {
  /*TOGGLE*/
}
#home .bq:before {
  content: "\f10d";
  font-family: FontAwesome;
  float: left;
  margin-right: 10px;
}
#home h1,
#home h2 {
  text-align: center;
}
@media (max-width: 991px) {
  #home h2 {
    font-size: 35px;
    padding-bottom: 30px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  #home h2 {
    font-size: 22px;
    text-align: left;
  }
}
#home .bq:after {
  content: "\f10e";
  float: right;
  margin-right: 20px;
  font-family: FontAwesome;
}
#home header {
  background-color: #263353;
  padding-bottom: 120px;
  padding-top: 200px;
  background-image: url("../img/index/cover-img-1@2x.png");
  background-size: cover;
  background-position: center center;
}
#home header h1 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 56px;
  line-height: 72px;
  letter-spacing: 1.3px;
  text-align: left;
}
#home header h2,
#home header h3,
#home header h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: left;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 991px) {
  #home header {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  #home header h1 {
    line-height: 45px;
    text-align: left !important;
    font-size: 32px;
    letter-spacing: 1px;
    padding-bottom: 10px;
  }
  #home header h2,
  #home header h3,
  #home header h4 {
    text-align: center;
    text-align: left !important;
    font-size: 17px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
}
#home header h1,
#home header h2,
#home header h5,
#home header p,
#home header span,
#home header i {
  color: #fff;
}
#home header h1,
#home header h2,
#home header h3,
#home header h4,
#home header h5 {
  font-family: "Roboto Slab";
}
#home header h1 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  padding-top: 40px;
  padding-bottom: 16px;
}
@media (max-width: 991px) {
  #home header h1 {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  #home header h1 {
    font-size: 36px;
    padding-bottom: 12px;
    text-align: left;
    font-weight: 500;
  }
}
#home header h2 {
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  #home header h2 {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  #home header h2 {
    font-size: 16px;
    text-align: left;
  }
}
#home header .btn {
  width: 200px;
}
#home header .no-credit-card {
  letter-spacing: 1.3px;
}
@media (max-width: 767px) {
  #home header {
    text-align: center;
  }
}
#home header img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  #home header img {
    padding-top: 50px;
  }
}
#home header .container {
  color: #eeeeee;
}
#home header .container .header-banner-button {
  margin-bottom: 6px !important;
}
#home #mdr-coming {
  background: #F6F7FB;
  font-family: "Roboto";
  line-height: 1.44;
  letter-spacing: 1.1px;
}
#home #mdr-coming h4 {
  font-family: "Roboto Slab";
}
@media (max-width: 991px) {
  #home #mdr-coming h4 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  #home #mdr-coming img {
    max-height: 120px;
    margin-bottom: 5px;
  }
}
@media (max-width: 991px) {
  #home #mdr-coming p {
    text-align: center;
  }
}
#home #mdr-coming .row {
  margin: 25px 0;
}
@media (max-width: 767px) {
  #home #mdr-coming .row {
    text-align: center;
  }
}
#home #mdr-coming .center-vertical {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
#home #chino-problem {
  text-align: left !important;
  padding: 64px 0 72px;
  padding-bottom: 0px;
  background-color: linear-gradient(#F6F7FB, #fff);
  margin-top: 0;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  #home #chino-problem {
    padding: 12px 0 16px;
  }
}
#home #chino-problem h2 {
  padding: 34px 0 26px;
}
@media (max-width: 991px) {
  #home #chino-problem h2 {
    margin: 0;
  }
}
@media (max-width: 767px) {
  #home #chino-problem h2 {
    text-align: left;
  }
}
#home #chino-problem .panel {
  padding: 0;
  margin-top: -10px;
  border-top: 3px solid;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
#home #chino-problem .panel i.fa {
  margin-right: 3px;
}
#home #chino-problem .panel .panel-title {
  padding: 0;
  font-family: "Roboto";
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.9px;
}
#home #chino-problem .panel .panel-body {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.8px;
}
#home #chino-problem .panel-laws {
  border-top-color: #4990E2;
}
#home #chino-problem .panel-laws .panel-title {
  color: #4990E2;
  text-transform: unset;
}
#home #chino-problem .panel-requirements {
  border-top-color: #263353;
}
#home #chino-problem .panel-requirements .panel-title {
  color: #263353;
}
#home #chino-problem .panel-requirements .panel-body > p {
  color: #263353;
}
#home #chino-problem .panel-diy {
  border-top-color: #ff2d55;
}
#home #chino-problem .panel-diy .panel-title {
  color: #ff2d55;
}
#home #chino-problem .panel-diy .panel-body > p {
  color: #ff2d55;
}
#home #chino-problem .panel-chino {
  border-color: #72B566;
}
#home #chino-problem .panel-chino .panel-title {
  color: #72B566;
  text-transform: unset;
  line-height: 24px;
}
#home #chino-problem .panel-chino .panel-title img {
  margin-top: 15px;
  margin-bottom: 32px;
  max-height: 50px;
}
#home #chino-problem .panel-chino .panel-body .panel {
  box-shadow: none;
  padding: 5px 0px;
}
@media (max-width: 991px) {
  #home #chino-problem .requirements-row-mobile .last-row {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  #home #chino-problem .requirements-row-mobile {
    padding-bottom: 30px;
  }
}
#home #chino-problem .description {
  padding-top: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}
#home #chino-problem .title-left {
  padding-top: 2px;
  padding-bottom: 0px;
  text-align: right !important;
  font-family: "Roboto Slab";
  font-size: 14px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.8px;
  color: #263353;
}
@media (max-width: 767px) {
  #home #chino-problem .title-left {
    padding-top: 10px;
    text-align: left !important;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 1;
  }
}
#home #chino-problem .use-chino {
  font-size: 14px;
  color: #72B566;
}
@media (max-width: 991px) {
  #home #chino-problem .use-chino {
    font-size: 16px;
  }
}
#home #chino-problem .description-left {
  text-align: right;
  font-size: 14px;
  padding-bottom: 30px;
  opacity: 0.7;
  line-height: 1.33;
  letter-spacing: 0.8px;
  color: #263353;
}
@media (max-width: 767px) {
  #home #chino-problem .description-left {
    text-align: left !important;
    padding-bottom: 5px;
  }
}
#home #chino-problem .red-text-new {
  color: #ff2d55;
}
#home #chino-problem .labels-lh {
  line-height: 40px;
}
#home #chino-problem .labels {
  margin-top: -2px;
}
@media (max-width: 767px) {
  #home #chino-problem .labels {
    text-align: left !important;
  }
}
#home #chino-problem .labels p {
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  color: #263353;
}
@media (max-width: 767px) {
  #home #chino-problem .labels p {
    text-align: left !important;
  }
}
#home #chino-problem .labels .label {
  border-radius: 26px;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.8px;
  text-align: center;
  font-weight: 400;
}
@media (max-width: 767px) {
  #home #chino-problem .labels .label {
    line-height: 16px ;
    margin-right: 5px;
  }
}
#home #chino-problem .labels .label-primary {
  background-color: inherit;
  border: 1px solid #4990E2;
  color: #4990E2 !important;
  margin-bottom: 10px;
}
#home #chino-problem .labels .label-info {
  color: #fff !important;
  background-color: #263353 !important;
  margin-bottom: 10px;
}
#home #chino-problem .labels .label-danger {
  color: #fff !important;
  background-color: #ff2d55 !important;
  margin-bottom: 10px;
}
#home #chino-problem .labels .label-success {
  background-color: #72B566 !important;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #home #chino-problem .labels .label-success {
    line-height: 16px ;
  }
}
#home #chino-problem .labels .labels-m-col {
  padding: 0;
}
#home #chino-problem .circle {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #4990E2;
  position: absolute;
  right: -12px;
}
#home #chino-problem .circle-blue {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #4990E2;
  position: absolute;
  right: -12px;
  background: #263353;
}
#home #chino-problem .circle-green {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #4990E2;
  position: absolute;
  right: -12px;
  background: #72B566;
}
#home #chino-problem .circle-red {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #4990E2;
  position: absolute;
  right: -12px;
  background: #ff2d55;
}
#home #chino-problem .row .border0 {
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #4990E2 0%, #263353 100%);
  border-image-slice: 1;
}
@media (max-width: 767px) {
  #home #chino-problem .row .border0 {
    border-right: 0;
    border-left: 3px;
  }
}
#home #chino-problem .row .border1 {
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #263353 0%, #263353 70%, #FF6D4D 100%);
  border-image-slice: 1;
}
@media (max-width: 767px) {
  #home #chino-problem .row .border1 {
    border-right: 0;
    border-left: 3px;
  }
}
#home #chino-problem .row .border2 {
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #ff2d55 0%, #ff2d55 30%, #72B566 100%);
  border-image-slice: 1;
}
@media (max-width: 767px) {
  #home #chino-problem .row .border2 {
    border-right: 0;
    border-left: 3px;
  }
}
#home #chino-problem .row .border3 {
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #72B566 0%, #72B566 74%, rgba(114, 181, 102, 0.002) 100%);
  border-image-slice: 1;
}
@media (max-width: 767px) {
  #home #chino-problem .row .border3 {
    border-right: 0;
    border-left: 3px;
  }
}
#home #chino-problem h5 {
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  line-height: 30px;
  letter-spacing: 0.6px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  #home #chino-problem h5 {
    padding-bottom: 0;
  }
}
#home #chino-problem .item h4 {
  font-weight: 500;
}
@media (max-width: 991px) {
  #home #chino-problem .item h4 {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    margin-bottom: 10px;
  }
}
#home #chino-problem li {
  margin-bottom: 20px;
}
#home #chino-problem img {
  margin-top: 40px;
}
@media (max-width: 991px) {
  #home #chino-problem img {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #home #chino-problem img {
    padding: 30px 0;
  }
}
#home #chino-problem .icons {
  display: block;
  padding-left: 0px;
  margin: 0 auto;
}
#home #chino-problem .ribbon {
  position: absolute;
  right: 25px;
  width: 50px;
}
#home #chino-desc {
  padding: 64px 0 72px;
  vertical-align: middle;
  background-color: #F6F7FB;
  background-size: cover;
  background-position: center center;
}
#home #chino-desc h2 {
  text-align: left;
}
@media (max-width: 767px) {
  #home #chino-desc {
    padding: 12px 0 16px;
  }
}
@media (max-width: 991px) {
  #home #chino-desc h3 {
    font-size: 14px;
  }
}
#home #chino-desc .lang-icon {
  max-height: 40px;
}
#home #chino-desc .lang-icon path {
  fill: #263353;
}
#home #chino-desc #django-icon {
  max-height: 40px;
}
#home #chino-desc #languages {
  padding-left: 10px;
}
@media (max-width: 991px) {
  #home #chino-desc #languages {
    padding-left: 5px;
  }
}
#home #chino-desc .border-3 {
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, rgba(114, 181, 102, 0.002) 0%, #72B566 20%, #72B566 74%, rgba(114, 181, 102, 0.002) 100%);
  border-image-slice: 1;
}
@media (max-width: 991px) {
  #home #chino-desc img {
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  #home #chino-desc img {
    padding: 20px 0 50px;
    margin-top: 0;
  }
}
#home #chino-desc .circle {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #4990E2;
  position: absolute;
  right: -12px;
}
#home #chino-desc .circle-green {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #4990E2;
  position: absolute;
  right: -12px;
  background: #72B566;
}
#home #chino-desc .console {
  min-height: 100px;
  width: 90%;
}
#home #chino-desc .console pre {
  background-color: #263353;
  color: #21BF9A;
}
#home #chino-desc .console .hljs-comment {
  color: #F6F7FB;
}
@media (max-width: 991px) {
  #home #chino-desc #arch-img {
    padding-bottom: 0px;
  }
}
#home #chino-desc .sandbox-btn {
  margin-top: 30px;
}
#home #chino-desc .sandbox-btn p.above-txt {
  font-family: "Roboto";
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #263353;
  font-size: 20px;
  line-height: 1.68;
  letter-spacing: 1.7px;
  text-align: center;
}
#home #chino-desc .sandbox-btn p.below-txt {
  font-size: 12px;
  line-height: 2.43;
  letter-spacing: 0.1px;
  text-align: center;
}
#home #chino-desc .sandbox-btn p.below-txt a {
  color: #FF6D4D;
}
#home #chino-table {
  padding: 64px 0 72px;
  background-color: #263353;
  text-align: center;
}
@media (max-width: 767px) {
  #home #chino-table {
    padding: 12px 0 16px;
  }
}
#home #chino-table h2,
#home #chino-table h3,
#home #chino-table h4 {
  color: #fff !important;
  text-align: center;
}
@media (max-width: 767px) {
  #home #chino-table h2 {
    text-align: left;
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  #home #chino-table h5 {
    text-align: left;
    line-height: 20px;
  }
}
#home #chino-table .row h4 {
  color: #fff !important;
  text-align: center;
  padding: 30px 0px;
}
@media (min-width: 1200px) {
  #home #chino-table .row h4 {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.3px;
  }
}
#home #chino-table .fa {
  font-size: 130%;
}
@media (min-width: 992px) {
  #home #chino-table .fa {
    padding: 2px;
  }
}
#home #chino-table .itemize {
  padding: 10px 0;
  color: #fff !important;
}
@media (max-width: 767px) {
  #home #chino-table .itemize {
    padding: 10px;
  }
}
#home #chino-table .itemize .item {
  padding: 10px 0;
  background-color: #1B253D;
}
#home #chino-table .itemize .item-title {
  padding: 1px;
  text-align: center !important;
  font-weight: 500;
  background-color: #4990E2;
}
#home #chino-table .itemize .item-body {
  background-color: #1B253D;
  text-align: left !important;
  vertical-align: middle;
}
#home #chino-table .itemize .item-body-left {
  border-right: 3px solid rgba(93, 207, 94, 0.2);
}
@media (max-width: 767px) {
  #home #chino-table .itemize .item-body-left {
    border-right: none;
  }
}
@media (min-width: 1200px) {
  #home #chino-table .itemize .item-txt {
    font-size: 12px;
    letter-spacing: 1.5px;
  }
}
#home #chino-table .itemize .check-green {
  color: #72B566;
}
#home #background-diagonal-separator {
  background: linear-gradient(to right bottom, #fff 50%, #F6F7FB 50%);
  height: 250px;
  margin-top: -250px;
}
#home #out-of-the-box {
  padding: 64px 0 72px;
  padding-top: 100px;
  padding-bottom: 36px;
  background-color: #F6F7FB;
}
@media (max-width: 767px) {
  #home #out-of-the-box {
    padding: 12px 0 16px;
  }
}
#home #out-of-the-box .separator {
  padding-top: 50px;
}
#home #out-of-the-box h2 {
  margin-top: 0;
  margin-bottom: 95px;
}
#home #out-of-the-box .img-responsive {
  max-height: 64px;
}
#home #out-of-the-box .panel {
  cursor: pointer;
  cursor: hand;
}
#home #out-of-the-box .panel-title {
  margin: 0;
  padding-top: 0px;
  line-height: 25px;
  height: 64px;
  display: flex;
  align-items: center;
}
#home #out-of-the-box .panel-title img {
  max-width: 12px;
  margin-left: 15px;
}
#home #out-of-the-box .panel-body {
  padding: 15px;
  padding-top: 0px;
  margin-top: 5px;
}
#home #out-of-the-box .panel:hover {
  -webkit-box-shadow: 0 2px 20px 0 #CDCFD5;
  -moz-box-shadow: 0 2px 20px 0 #CDCFD5;
  box-shadow: 0 2px 20px 0 #CDCFD5;
  transform: scale(1.03, 1.03);
}
#home #out-of-the-box-mobile {
  background-color: #263353;
}
#home #out-of-the-box-mobile h4,
#home #out-of-the-box-mobile p {
  color: #263353;
}
#home #out-of-the-box-mobile h1 {
  color: #fff;
  padding: 40px 0;
}
#home #out-of-the-box-mobile h2 {
  margin-top: 0;
  margin-bottom: 30px;
  color: #fff;
  padding-top: 32px;
}
#home #out-of-the-box-mobile .panel-title {
  color: #263353;
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
}
#home #out-of-the-box-mobile .panel {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 20px 0 #000;
  -moz-box-shadow: 0 2px 20px 0 #000;
  box-shadow: 0 2px 20px 0 #000;
  padding: 20px;
}
#home #out-of-the-box-mobile .panel-body {
  padding: 0 15px;
}
#home #out-of-the-box-mobile .separator {
  min-width: 70%;
  max-width: 70%;
  left: 15%;
}
#home #certifications-mobile {
  background-color: #263353;
  padding-bottom: 72px;
}
#home #certifications-mobile h1,
#home #certifications-mobile p {
  color: #fff;
}
#home #certifications-mobile img {
  padding: 24px 0 60px;
}
#home #certifications-mobile h2 {
  color: #fff;
}
#home #certifications {
  background-color: #F6F7FB;
  padding-top: 0px;
  padding-bottom: 36px;
}
#home #certifications img {
  max-height: 70px;
}
#home #certifications h3 {
  font-weight: normal;
}
@media (min-width: 992px) {
  #home #certifications .v-center {
    transform: translateY(100%);
  }
}
#home #compliance-resources {
  background-color: #263353;
  background-size: 30%;
  padding: 36px 0;
  padding: 64px 0 72px;
}
@media (max-width: 767px) {
  #home #compliance-resources {
    padding: 12px 0 16px;
  }
}
@media (max-width: 767px) {
  #home #compliance-resources {
    padding: 64px 0 72px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #home #compliance-resources {
    padding: 12px 0 16px;
  }
}
#home #compliance-resources .panel {
  padding: 0px 20px;
  margin: 30px 0;
}
#home #compliance-resources .panel-title {
  padding-top: 19px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: 1.2px;
}
#home #compliance-resources .align-title .col-md-8 {
  padding-left: 0;
}
@media (max-width: 991px) {
  #home #compliance-resources .align-title .col-md-8 {
    padding-right: 0;
    margin-bottom: 10px;
  }
}
#home #compliance-resources .panel-body h4 {
  font-size: 24px;
  line-height: 1.33;
  color: #000;
  padding-bottom: 10px;
}
#home #compliance-resources .btn {
  width: 100%;
  padding: 10px 0 10px;
}
#home #compliance-resources .img-rotate {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  #home #compliance-resources .img-rotate {
    display: none;
  }
}
#home #compliance-resources .img-rotate img {
  max-width: 120px;
  max-height: 135px;
  transform: rotate(6deg);
}
#home #compliance-resources .compliance-blue .panel-title {
  color: #4990E2 !important;
}
#home #compliance-resources .compliance-blue .btn {
  border: 2px #4990E2 solid !important;
  color: #4990E2 !important;
  background-color: inherit;
  box-shadow: none;
}
#home #compliance-resources .compliance-blue .btn:hover {
  border: 2px #3970B1 solid !important;
  background-color: #3970B1 !important;
  color: #fff !important;
}
#home #compliance-resources .compliance-green .panel-title {
  color: #21BF9A !important;
}
#home #compliance-resources .compliance-green .btn {
  border: 2px solid #21BF9A;
  color: #21BF9A;
  background-color: transparent;
  box-shadow: none;
}
#home #compliance-resources .compliance-green .btn:hover {
  color: #fff;
  background-color: #21BF9A;
}
#home #customer-logos {
  padding: 64px 0 72px;
  padding-top: 20px;
}
@media (max-width: 767px) {
  #home #customer-logos {
    padding: 12px 0 16px;
  }
}
#home #customer-logos h2 {
  text-align: center !important;
  padding-top: 40px;
  padding-bottom: 40px;
}
#home #customer-logos img {
  padding: 5px;
}
@media (max-width: 767px) {
  #home #customer-logos {
    padding: 36px 0 46px;
  }
}
#home #working {
  padding: 90px 0 50px;
}
#home #working h1,
#home #working h2 {
  text-align: center;
  font-weight: 500;
}
#home #working h1,
#home #working h2,
#home #working h3,
#home #working h4,
#home #working h5,
#home #working h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 991px) {
  #home #working {
    padding: 50px 0 30px;
  }
}
@media (max-width: 767px) {
  #home #working {
    padding-bottom: 0px;
  }
}
#home #working img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 300px;
}
@media (max-width: 767px) {
  #home #working img {
    margin-bottom: 40px;
  }
}
#home #working .row {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #home #working .row {
    margin-bottom: 0;
  }
}
#home #customers-carousel2 {
  background-color: #F6F7FB;
  padding: 64px 0 72px;
  padding-top: 100px;
  padding-bottom: 100px;
  /* carousel */
  /* Control buttons  */
  /* Previous button  */
  /* Next button  */
  /* Changes the position of the indicators */
  /* Changes the color of the indicators */
  /* End carousel */
  /**
      MEDIA QUERIES
      */
  /* Small devices (tablets, 768px and up) */
  /* Small devices (tablets, up to 768px) */
}
#home #customers-carousel2 .panel {
  padding: 40px;
}
#home #customers-carousel2 .description {
  font-size: 21px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 38px;
}
@media (max-width: 991px) {
  #home #customers-carousel2 .description {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  #home #customers-carousel2 {
    padding: 12px 0 16px;
  }
}
#home #customers-carousel2 .img-panel {
  width: 100%;
  height: 100%;
}
#home #customers-carousel2 .btn {
  width: 100%;
}
#home #customers-carousel2 .img-circle {
  max-width: 65px;
}
#home #customers-carousel2 .img-logo {
  height: 11px;
}
#home #customers-carousel2 .panel-title {
  padding-top: 0px;
  margin-bottom: 30px;
}
#home #customers-carousel2 .panel-title p {
  color: #6B7C93;
  line-height: 33px;
}
#home #customers-carousel2 .name-role {
  padding-left: 25px;
}
@media (max-width: 991px) {
  #home #customers-carousel2 .name-role {
    text-align: center;
    padding-left: 0px;
  }
  #home #customers-carousel2 .name-role .name {
    text-align: center;
  }
  #home #customers-carousel2 .name-role .role {
    text-align: center;
  }
}
#home #customers-carousel2 .name {
  padding: 0;
  margin: 0;
  font-weight: 400;
  color: #263353;
  font-size: 19px;
}
#home #customers-carousel2 .role {
  padding: 0;
  margin: 0;
  color: #9ba1ab;
  font-size: 12px;
}
#home #customers-carousel2 h2 {
  text-align: center;
}
@media (max-width: 991px) {
  #home #customers-carousel2 h2 {
    padding: 20px 0;
  }
}
#home #customers-carousel2 p {
  font-family: "Roboto Slab", serif;
  text-align: left;
}
#home #customers-carousel2 #quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}
#home #customers-carousel2 #quote-carousel .carousel-control {
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
@media (min-width: 992px) {
  #home #customers-carousel2 #quote-carousel .carousel-control.left {
    left: -62px;
  }
}
@media (max-width: 991px) {
  #home #customers-carousel2 #quote-carousel .carousel-control.left {
    left: -12px;
  }
}
@media (min-width: 992px) {
  #home #customers-carousel2 #quote-carousel .carousel-control.right {
    right: -62px !important;
  }
}
@media (max-width: 991px) {
  #home #customers-carousel2 #quote-carousel .carousel-control.right {
    right: -12px !important;
  }
}
#home #customers-carousel2 #quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0;
  margin-right: -19px;
}
#home #customers-carousel2 #quote-carousel .carousel-indicators li {
  background: #c0c0c0;
}
#home #customers-carousel2 #quote-carousel .carousel-indicators .active {
  background: #333333;
}
#home #customers-carousel2 .item blockquote {
  border-left: none;
  margin: 0;
}
#home #customers-carousel2 .item blockquote img {
  margin-bottom: 10px;
  margin-left: 20px;
  background: #FFFFFF;
  box-shadow: 0 0px 5px 0 #cdcfd5;
}
#home #customers-carousel2 .item blockquote p:before {
  content: "\f10d";
  font-family: 'Fontawesome';
  float: left;
  margin-right: 10px;
}
@media (min-width: 768px) {
  #home #customers-carousel2 #quote-carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
  }
}
@media (max-width: 768px) {
  #home #customers-carousel2 {
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
  }
  #home #customers-carousel2 #quote-carousel .carousel-indicators {
    bottom: -20px !important;
  }
  #home #customers-carousel2 #quote-carousel .carousel-indicators li {
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
  }
  #home #customers-carousel2 #quote-carousel .carousel-indicators li.active {
    margin: 0 5px;
    width: 20px;
    height: 20px;
  }
  #home #customers-carousel2 .item blockquote img {
    margin-left: 0;
  }
}
#home #working {
  padding: 90px 0 50px;
}
#home #working h1,
#home #working h2 {
  text-align: center;
  font-weight: 500;
}
#home #working h1,
#home #working h2,
#home #working h3,
#home #working h4,
#home #working h5,
#home #working h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 991px) {
  #home #working {
    padding: 50px 0 30px;
  }
}
@media (max-width: 767px) {
  #home #working {
    padding-bottom: 0px;
  }
}
#home #working img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 300px;
}
@media (max-width: 767px) {
  #home #working img {
    margin-bottom: 40px;
  }
}
#home #working .row {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #home #working .row {
    margin-bottom: 0;
  }
}
/* FAQ COLLAPSE */
#why-chino header {
  background-image: url("../img/hero-image-why.png");
  background-size: cover;
  background-position: center center;
}
#why-chino #different {
  padding: 64px 0 72px;
}
#why-chino #different h1,
#why-chino #different h2 {
  text-align: center;
  font-weight: 500;
}
#why-chino #different h1,
#why-chino #different h2,
#why-chino #different h3,
#why-chino #different h4,
#why-chino #different h5,
#why-chino #different h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #why-chino #different {
    padding: 12px 0 16px;
  }
}
#why-chino #different .same-size img {
  display: inline;
}
#why-chino #different .icon {
  width: 40%;
  text-align: right;
}
#why-chino #different .block-center h4 {
  text-align: right;
  text-transform: uppercase;
}
#why-chino #call-to-action {
  padding: 64px 0 72px;
  padding: 64px 0 64px 0 !important;
  margin: 50px 0 0;
  background-color: #F9F9F9;
  color: #263353;
}
@media (max-width: 767px) {
  #why-chino #call-to-action {
    padding: 12px 0 16px;
  }
}
#why-chino #call-to-action h3 {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 6px;
  color: #263353;
}
@media (max-width: 991px) {
  #why-chino #call-to-action h3 {
    font-size: 20px !important;
    line-height: 24px;
  }
  #why-chino #call-to-action .btn {
    width: 100%;
    padding: 3px 0;
    margin: 8px 0 !important;
  }
}
/***** API & DOCS PAGE *****/
/*======================= COMMON VARIABLES =======================*/
#api-and-docs.active {
  overflow-y: hidden;
}
#api-and-docs-styles {
  overflow-x: hidden;
  /*======================= ITEM SECTION =======================*/
  /*======================= SIDEBAR BACKGROUND =======================*/
  /*======================= SIDEBAR =======================*/
}
#api-and-docs-styles h3 {
  width: 100%;
  font-size: 24px;
  line-height: 52px;
  font-weight: 500;
}
#api-and-docs-styles h4 {
  font-size: 14px;
}
#api-and-docs-styles p {
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 24px;
}
#api-and-docs-styles .permalink {
  opacity: 0;
  transition: opacity 0.25s ease;
}
#api-and-docs-styles .panel {
  padding: 0;
}
#api-and-docs-styles .panel h4 {
  line-height: 24px;
}
#api-and-docs-styles .permalink:hover {
  opacity: 0.8;
}
#api-and-docs-styles a:active {
  text-decoration: none;
}
#api-and-docs-styles a {
  color: #FF6D4D;
}
#api-and-docs-styles a:hover {
  color: #263353;
}
@media (max-width: 767px) {
  #api-and-docs-styles .no-padding-xs {
    padding: 0;
  }
}
#api-and-docs-styles .panel:hover {
  -webkit-box-shadow: 0 2px 20px 0 #CDCFD5;
  -moz-box-shadow: 0 2px 20px 0 #CDCFD5;
  box-shadow: 0 2px 20px 0 #CDCFD5;
  transform: scale(1.03, 1.03);
}
#api-and-docs-styles .modal-content {
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 1%;
}
#api-and-docs-styles .modal img {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
@media (min-width: 768px) {
  #api-and-docs-styles .modal img {
    max-width: 90%;
  }
}
#api-and-docs-styles .select-language {
  background-color: #F6F7FB;
}
#api-and-docs-styles #items {
  background-color: #fff;
  padding: 30px;
  padding-top: 95px;
  /*======================= INTRO PAGE - INTRODUCTION =======================*/
  /*======================= INTRO PAGE - MORE RESOURCES =======================*/
  /*======================= INTRO PAGE - LIST DOCUMENT CREATION =======================*/
  /*======================= INTRO PAGE - DEVELOPER SUPPORT =======================*/
  /*======================= OBJECT MODEL PAGE - INTRODUCTION =======================*/
  /*======================= OBJECT MODEL PAGE - RESOURCES =======================*/
  /*======================= TUTORIALS HOME PAGE / SDKS PAGE =======================*/
}
#api-and-docs-styles #items #introduction img {
  padding-top: 20px;
}
@media (max-width: 768px) {
  #api-and-docs-styles #items #introduction img {
    padding-top: 10px;
  }
}
#api-and-docs-styles #items #introduction li {
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 24px;
  padding-top: 10px;
}
#api-and-docs-styles #items #code {
  background: #fff;
}
#api-and-docs-styles #items #code h1,
#api-and-docs-styles #items #code h2 {
  text-align: center;
  font-weight: 500;
}
#api-and-docs-styles #items #code h1,
#api-and-docs-styles #items #code h2,
#api-and-docs-styles #items #code h3,
#api-and-docs-styles #items #code h4,
#api-and-docs-styles #items #code h5,
#api-and-docs-styles #items #code h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#api-and-docs-styles #items #code pre {
  padding: 0;
  margin: 0;
  border: 0;
}
#api-and-docs-styles #items #code .runbtn {
  width: 100%;
}
#api-and-docs-styles #items #code pre {
  border-radius: 4px;
}
#api-and-docs-styles #items #code p {
  text-align: center;
}
#api-and-docs-styles #items #code code {
  color: #4990E2;
  background-color: rgba(73, 144, 226, 0.01);
}
#api-and-docs-styles #items #code .response {
  padding-top: 10px;
}
#api-and-docs-styles #items #code .much-more {
  padding: 60px 0 0px;
  text-align: center;
}
#api-and-docs-styles #items #code .much-more h4 {
  text-align: center;
}
#api-and-docs-styles #items #code .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #8E94A0;
  background: #fff;
}
#api-and-docs-styles #items #code .api {
  padding-top: 150px;
  position: absolute;
  z-index: 3;
}
#api-and-docs-styles #items #code .fa-ul {
  padding-left: 20px;
}
#api-and-docs-styles #items #code .fa-ul ul {
  padding-top: 10px;
}
#api-and-docs-styles #items #code .fa-ul li {
  padding: 7px 0;
}
#api-and-docs-styles #items #code .fa-ul li i {
  padding-right: 7px;
  font-size: 120%;
}
#api-and-docs-styles #items #code .same-h {
  min-height: 360px;
}
#api-and-docs-styles #items #code .client {
  background-color: #F6F7FB;
  padding-top: 10px;
  color: #263353;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
#api-and-docs-styles #items #code .client .panel-title {
  padding: 0;
}
#api-and-docs-styles #items #code .client .panel-title h2 {
  color: #263353;
  padding: 0;
}
#api-and-docs-styles #items #code .chino {
  background-color: #263353;
  padding-top: 20px;
  color: #fff;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}
#api-and-docs-styles #items #code .chino img {
  position: relative;
  top: -10px;
  height: 70px !important;
}
#api-and-docs-styles #items #code .chino .panel-title {
  padding: 0;
}
#api-and-docs-styles #items #code .chino .panel-title h2 {
  color: #fff;
  padding: 0;
}
#api-and-docs-styles #items #code .disabled {
  opacity: 0.4;
}
#api-and-docs-styles #items #code .waiting {
  padding-top: 80px;
}
#api-and-docs-styles #items #code .animated.ng-enter {
  transition: 0.2s linear all;
  opacity: 0;
}
#api-and-docs-styles #items #code .animated.ng-enter-stagger {
  transition-delay: 0.1s;
  animation-delay: 0.4s;
}
#api-and-docs-styles #items #code .hljs-comment,
#api-and-docs-styles #items #code .hljs-quote {
  color: #6B7C93;
  font-style: italic;
}
#api-and-docs-styles #items #code .hljs-doctag,
#api-and-docs-styles #items #code .hljs-keyword,
#api-and-docs-styles #items #code .hljs-formula {
  color: #c678dd;
}
#api-and-docs-styles #items #code .hljs-section,
#api-and-docs-styles #items #code .hljs-name,
#api-and-docs-styles #items #code .hljs-selector-tag,
#api-and-docs-styles #items #code .hljs-deletion,
#api-and-docs-styles #items #code .hljs-subst {
  color: #263353;
}
#api-and-docs-styles #items #code .hljs-literal {
  color: #4990E2;
}
#api-and-docs-styles #items #code .hljs-string,
#api-and-docs-styles #items #code .hljs-regexp,
#api-and-docs-styles #items #code .hljs-addition,
#api-and-docs-styles #items #code .hljs-attribute,
#api-and-docs-styles #items #code .hljs-meta-string,
#api-and-docs-styles #items #code .hljs-number {
  color: #21BF9A;
}
#api-and-docs-styles #items #code .hljs-built_in,
#api-and-docs-styles #items #code .hljs-class .hljs-title {
  color: #e6c07b;
}
#api-and-docs-styles #items #code .hljs-attr,
#api-and-docs-styles #items #code .hljs-variable,
#api-and-docs-styles #items #code .hljs-template-variable,
#api-and-docs-styles #items #code .hljs-type,
#api-and-docs-styles #items #code .hljs-selector-class,
#api-and-docs-styles #items #code .hljs-selector-attr,
#api-and-docs-styles #items #code .hljs-selector-pseudo {
  color: #263353;
}
#api-and-docs-styles #items #code .hljs-symbol,
#api-and-docs-styles #items #code .hljs-bullet,
#api-and-docs-styles #items #code .hljs-link,
#api-and-docs-styles #items #code .hljs-meta,
#api-and-docs-styles #items #code .hljs-selector-id,
#api-and-docs-styles #items #code .hljs-title {
  color: #61aeee;
}
#api-and-docs-styles #items #code .hljs-emphasis {
  font-style: italic;
}
#api-and-docs-styles #items #code .hljs-strong {
  font-weight: bold;
}
#api-and-docs-styles #items #code .hljs-link {
  text-decoration: underline;
}
#api-and-docs-styles #items #intro-more-resources {
  padding: 64px 0 72px;
  padding-top: 50px;
}
@media (max-width: 767px) {
  #api-and-docs-styles #items #intro-more-resources {
    padding: 12px 0 16px;
  }
}
#api-and-docs-styles #items #intro-more-resources a:hover {
  text-decoration: none;
}
#api-and-docs-styles #items #intro-more-resources a {
  color: #263353;
}
#api-and-docs-styles #items #intro-more-resources .panel {
  padding: 15px;
  white-space: nowrap;
  box-shadow: 0 2px 20px 0 #CDCFD5;
}
#api-and-docs-styles #items #intro-more-resources .panel p {
  line-height: 18px;
  letter-spacing: 0.5px;
}
#api-and-docs-styles #items #intro-more-resources .panel-title {
  padding-top: 0px;
}
#api-and-docs-styles #items #intro-more-resources h4 {
  text-align: left;
}
#api-and-docs-styles #items #intro-more-resources .panel-img {
  display: inline-block;
}
#api-and-docs-styles #items #intro-more-resources .panel-img img {
  max-width: 52px;
}
#api-and-docs-styles #items #intro-more-resources .panel-content {
  white-space: normal;
  padding-left: 10px;
  padding-right: 62px;
  vertical-align: middle;
  display: inline-block;
}
#api-and-docs-styles #items #intro-list-document-creation .p-section .create-class span {
  cursor: pointer;
  cursor: hand;
}
#api-and-docs-styles #items #intro-list-document-creation img {
  cursor: pointer;
  cursor: hand;
  margin-right: 5px;
}
#api-and-docs-styles #items #intro-list-document-creation li {
  padding-top: 10px;
}
#api-and-docs-styles #items #intro-list-document-creation .box {
  margin-top: 20px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
  padding: 0;
}
@media (max-width: 783px) {
  #api-and-docs-styles #items #intro-list-document-creation .box {
    width: 100%;
  }
}
@media (max-width: 640px) {
  #api-and-docs-styles #items #intro-list-document-creation .box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 0px) {
  #api-and-docs-styles #items #intro-list-document-creation .box .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}
#api-and-docs-styles #items #intro-list-document-creation .box ul li a {
  color: #263353;
}
@media (max-width: 783px) {
  #api-and-docs-styles #items #intro-list-document-creation .box ul li a {
    font-size: 14px;
    padding: 7px;
    margin-bottom: 0px;
  }
}
#api-and-docs-styles #items #intro-list-document-creation .box ul li.active a {
  color: #3970B1;
}
@media (max-width: 783px) {
  #api-and-docs-styles #items #intro-list-document-creation .box ul li {
    font-size: 14px;
  }
}
#api-and-docs-styles #items #intro-list-document-creation .box .gist .gist-file {
  margin: 0;
}
#api-and-docs-styles #items #intro-list-document-creation .box .gist .gist-file .gist-data {
  min-height: 200px;
}
@media (max-width: 783px) {
  #api-and-docs-styles #items #intro-list-document-creation .box .gist .gist-file .gist-data {
    min-height: 0px;
  }
}
#api-and-docs-styles #items #intro-list-document-creation .box .gist .gist-file .gist-meta a {
  color: #263353 !important;
}
#api-and-docs-styles #items #intro-developer-support {
  margin-bottom: 250px;
}
@media (max-width: 1199px) {
  #api-and-docs-styles #items #intro-developer-support {
    margin-bottom: 70px;
  }
}
#api-and-docs-styles #items #intro-developer-support .paragraphs-list {
  margin-top: 30px;
}
#api-and-docs-styles #items #intro-developer-support .paragraph {
  padding-left: 15px;
  padding-top: 3px;
  border-left-style: solid;
  border-left-color: #000;
  border-width: 1px;
}
#api-and-docs-styles #items #intro-developer-support .paragraph b {
  cursor: pointer;
  cursor: hand;
  color: #263353;
}
#api-and-docs-styles #items #object-model-img img {
  padding-top: 20px;
}
#api-and-docs-styles #items #object-model-resources {
  padding: 20px 0 70px;
}
#api-and-docs-styles #items #object-model-resources a {
  text-decoration: none;
}
#api-and-docs-styles #items #object-model-resources h4 {
  margin-top: 20px;
  display: inline-block;
}
#api-and-docs-styles #items #object-model-resources a p {
  color: #FF6D4D;
}
#api-and-docs-styles #items #api-tutorials-home h3,
#api-and-docs-styles #items #sdks h3 {
  text-align: center;
}
#api-and-docs-styles #items #api-tutorials-home h4,
#api-and-docs-styles #items #sdks h4 {
  text-align: center;
  letter-spacing: 0.8px;
}
#api-and-docs-styles #items #api-tutorials-home p,
#api-and-docs-styles #items #sdks p {
  text-align: center;
}
#api-and-docs-styles #items #api-tutorials-home a,
#api-and-docs-styles #items #sdks a {
  text-decoration: none !important;
}
#api-and-docs-styles #items #api-tutorials-home a:hover,
#api-and-docs-styles #items #sdks a:hover {
  text-decoration: none !important;
}
#api-and-docs-styles #items #api-tutorials-home .panel,
#api-and-docs-styles #items #sdks .panel {
  -webkit-box-shadow: 0 2px 20px 0 #CDCFD5;
  -moz-box-shadow: 0 2px 20px 0 #CDCFD5;
  box-shadow: 0 2px 20px 0 #CDCFD5;
}
#api-and-docs-styles #items #api-tutorials-home .panel:hover,
#api-and-docs-styles #items #sdks .panel:hover {
  -webkit-box-shadow: 0 2px 30px 0 #CDCFD5;
  -moz-box-shadow: 0 2px 30px 0 #CDCFD5;
  box-shadow: 0 2px 30px 0 #CDCFD5;
}
#api-and-docs-styles #items #api-tutorials-home img,
#api-and-docs-styles #items #sdks img {
  margin: 0 auto;
}
#api-and-docs-styles #items #api-tutorials-home .tutorials,
#api-and-docs-styles #items #sdks .tutorials {
  margin-bottom: 500px;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  #api-and-docs-styles #items #api-tutorials-home .tutorials,
  #api-and-docs-styles #items #sdks .tutorials {
    margin-bottom: 50px;
  }
}
#api-and-docs-styles #items #api-tutorials-home .sdks,
#api-and-docs-styles #items #sdks .sdks {
  margin-bottom: 500px;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  #api-and-docs-styles #items #api-tutorials-home .sdks,
  #api-and-docs-styles #items #sdks .sdks {
    margin-bottom: 50px;
  }
}
#api-and-docs-styles #background-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  background-color: #F6F7FB;
  z-index: -1;
}
#api-and-docs-styles #sidebar #nav-sidebar {
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  width: inherit;
  margin-top: 120px;
  z-index: 1000;
}
@media (max-width: 767px) {
  #api-and-docs-styles #sidebar #nav-sidebar {
    width: 65%;
    margin-left: 25px;
  }
}
#api-and-docs-styles #sidebar .sub-menu,
#api-and-docs-styles #sidebar .sub-menu-tutorial {
  margin-left: 20px;
}
#api-and-docs-styles #sidebar nav li {
  margin-top: 15px;
}
#api-and-docs-styles #sidebar .sub-menu li,
#api-and-docs-styles #sidebar .sub-menu-tutorial li {
  margin-top: 7px;
}
#api-and-docs-styles #sidebar nav ul {
  padding-left: 0;
  list-style-type: none;
  -webkit-padding-start: 0;
}
#api-and-docs-styles #sidebar nav li a {
  color: #263353;
}
#api-and-docs-styles #sidebar p {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
}
#api-and-docs-styles #sidebar .sub-menu {
  display: inline-block;
  padding: 0;
}
#api-and-docs-styles #sidebar .sub-menu-tutorial {
  display: inline-block;
  padding: 0;
}
#api-and-docs-styles #sidebar .nav-active {
  color: #FF6D4D;
}
#api-and-docs-styles #sidebar .current-link {
  color: #FF6D4D;
}
#api-and-docs-styles #sidebar .stick {
  position: absolute;
  bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #api-and-docs-styles #sidebar #nav-sidebar {
    background-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    /* uncomment following line to see the trick in actions */
    /* -webkit-text-fill-color: transparent; */
    transition: background-color 0.8s;
  }
  #api-and-docs-styles #sidebar #nav-sidebar:hover {
    background-color: rgba(0, 0, 0, 0.18);
  }
  #api-and-docs-styles #sidebar #nav-sidebar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  #api-and-docs-styles #sidebar #nav-sidebar::-webkit-scrollbar-track {
    display: none;
  }
  #api-and-docs-styles #sidebar #nav-sidebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: inherit;
  }
}
#api-and-docs-styles #sidebar .li-before:before {
  margin-right: 5px;
}
#api-and-docs-styles #sidebar .introduction:before {
  content: url('../img/api-docs/introduction/intro-icon.png');
}
#api-and-docs-styles #sidebar .introduction-selected:before {
  content: url('../img/api-docs/introduction/intro-icon-selected.png');
}
#api-and-docs-styles #sidebar .tutorial:before {
  content: url('../img/api-docs/introduction/tutorial-menu-icon.png');
}
#api-and-docs-styles #sidebar .tutorial-selected:before {
  content: url('../img/api-docs/introduction/tutorial-menu-icon-selected.png');
}
#api-and-docs-styles #sidebar .sdks:before {
  content: url('../img/api-docs/introduction/sdk-menu-icon.png');
}
#api-and-docs-styles #sidebar .sdks-selected:before {
  content: url('../img/api-docs/introduction/sdk-menu-icon-selected.png');
}
#api-and-docs-styles #sidebar .object-model:before {
  content: url('../img/api-docs/introduction/obj-model-icon.png');
}
#api-and-docs-styles #sidebar .object-model-selected:before {
  content: url('../img/api-docs/introduction/obj-model-icon-selected.png');
}
#api-and-docs-styles #sidebar .api:before {
  content: url('../img/api-docs/introduction/API-ref-icon.png');
}
#api-and-docs-styles #sidebar .api-selected:before {
  content: url('../img/api-docs/introduction/API-ref-icon-selected.png');
}
#api-and-docs-styles .fixed-top {
  position: fixed;
  left: 15px;
  top: 120px;
  z-index: 1000;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #api-and-docs-styles .row-offcanvas {
    margin-top: 25px;
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  #api-and-docs-styles .row-offcanvas-right {
    right: 0;
  }
  #api-and-docs-styles .row-offcanvas-left {
    left: 0;
  }
  #api-and-docs-styles .row-offcanvas-right .sidebar-offcanvas {
    right: -80%;
    /* 6 columns */
  }
  #api-and-docs-styles .row-offcanvas-left .sidebar-offcanvas {
    left: -80%;
    /* 6 columns */
  }
  #api-and-docs-styles .row-offcanvas-right.active {
    right: 80%;
    /* 6 columns */
  }
  #api-and-docs-styles .row-offcanvas-left.active {
    left: 80%;
    /* 6 columns */
  }
  #api-and-docs-styles .sidebar-offcanvas {
    width: 80%;
    /* 6 columns */
  }
}
/***** API & DOCS PAGE *****/
#steps #step-by-step h1,
#steps #step-by-step h2 {
  text-align: center;
  font-weight: 500;
}
#steps #step-by-step h1,
#steps #step-by-step h2,
#steps #step-by-step h3,
#steps #step-by-step h4,
#steps #step-by-step h5,
#steps #step-by-step h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#steps #step-by-step h3 {
  font-size: 28px;
  text-align: left;
  margin-bottom: 20px;
}
@media (max-width: 783px) {
  #steps #step-by-step h3 {
    font-size: 26px;
  }
}
#steps #step-by-step .dark {
  background-color: #f9f9f9;
  padding: 50px 0 50px 0;
}
#steps #step-by-step .light {
  background: #fff;
  padding: 50px 0 50px 0;
}
#steps #step-by-step .circle {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  font-size: 23px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  background: #263353;
}
@media (max-width: 640px) {
  #steps #step-by-step .circle {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
}
@media (max-width: 783px) {
  #steps #step-by-step .circle:first-child {
    margin-top: 10px;
  }
}
@media (max-width: 783px) {
  #steps #step-by-step .text {
    width: 80%;
  }
}
@media (max-width: 640px) {
  #steps #step-by-step .text {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}
#steps #step-by-step .text .title {
  color: #263353;
  font-size: 56px;
  margin-top: 40px;
}
@media (max-width: 783px) {
  #steps #step-by-step .text .title {
    margin-top: 0;
    font-size: 26px;
  }
}
@media (max-width: 640px) {
  #steps #step-by-step .text .title {
    margin-bottom: 5px;
    font-size: 26px;
  }
}
#steps #step-by-step .text p {
  font-size: 18px;
  color: #47525D;
}
@media (max-width: 783px) {
  #steps #step-by-step .text p {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  #steps #step-by-step .text p {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
#steps #step-by-step .box {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
  padding: 0;
}
@media (max-width: 783px) {
  #steps #step-by-step .box {
    width: 100%;
  }
}
@media (max-width: 640px) {
  #steps #step-by-step .box {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 0px) {
  #steps #step-by-step .box .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}
#steps #step-by-step .box ul li a {
  color: #263353;
}
@media (max-width: 783px) {
  #steps #step-by-step .box ul li a {
    font-size: 16px;
    padding: 7px;
    margin-bottom: 0px;
  }
}
#steps #step-by-step .box ul li.active a {
  color: #3970B1;
}
@media (max-width: 783px) {
  #steps #step-by-step .box ul li {
    font-size: 16px;
  }
}
#steps #step-by-step .box .gist .gist-file {
  margin: 0;
}
#steps #step-by-step .box .gist .gist-file .gist-data {
  min-height: 200px;
}
@media (max-width: 783px) {
  #steps #step-by-step .box .gist .gist-file .gist-data {
    min-height: 0px;
  }
}
#steps #step-by-step .first .gist .gist-file {
  margin: 0;
}
#steps #step-by-step .first .gist .gist-file .gist-data {
  height: 160px;
}
#steps #step-by-step .second .gist .gist-file {
  margin: 0;
}
#steps #step-by-step .second .gist .gist-file .gist-data {
  height: 350px;
}
#steps #last-call-to-action {
  padding: 64px 0 72px;
  padding-top: 0;
}
@media (max-width: 767px) {
  #steps #last-call-to-action {
    padding: 12px 0 16px;
  }
}
#steps #last-call-to-action h1,
#steps #last-call-to-action h2 {
  text-align: center;
  font-weight: 500;
}
#steps #last-call-to-action h1,
#steps #last-call-to-action h2,
#steps #last-call-to-action h3,
#steps #last-call-to-action h4,
#steps #last-call-to-action h5,
#steps #last-call-to-action h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#steps #last-call-to-action p {
  text-align: center;
}
#steps #last-call-to-action .btn {
  width: 380px;
}
/***** PLANS *****/
#plans .popover {
  height: auto;
  width: auto;
  min-width: 400px;
  border: none;
}
#plans .popover p {
  font-size: 15px;
  color: #332f2f;
  letter-spacing: 1px;
  font-style: normal !important;
  text-align: left !important;
}
#plans .popover .btn {
  margin-top: 20px;
  width: 100%;
  text-transform: none;
  letter-spacing: 0.8px;
  font-size: 12px;
}
#plans .popover .btn:hover {
  color: #fff !important;
}
#plans header {
  background-color: #F6F7FB;
}
@media (min-width: 991px) {
  #plans header {
    padding-top: 80px;
    padding-bottom: 90px;
  }
}
@media (max-width: 991px) {
  #plans header {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 991px) {
  #plans header .display-table {
    width: 100%;
    display: table;
    table-layout: fixed;
  }
}
@media (max-width: 991px) {
  #plans header .display-table h1 {
    text-align: center;
  }
}
#plans #pricing-models {
  background-color: #F6F7FB;
  padding-bottom: 60px;
}
#plans #pricing-models h1,
#plans #pricing-models h2 {
  text-align: center;
  font-weight: 500;
}
#plans #pricing-models h1,
#plans #pricing-models h2,
#plans #pricing-models h3,
#plans #pricing-models h4,
#plans #pricing-models h5,
#plans #pricing-models h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#plans #pricing-models h3 {
  font-size: 21px;
}
#plans #pricing-models h3 small {
  font-weight: bold;
}
#plans #pricing-models .contact-us h3 {
  text-align: center;
  font-size: 30px;
  line-height: 42px;
  letter-spacing: 1px;
}
#plans #pricing-models .need-more-text p {
  color: #fff;
  text-align: center;
}
#plans #pricing-models .panel {
  padding: 0;
  box-shadow: none;
}
#plans #pricing-models .remove-padding {
  padding-left: 1px;
  padding-right: 1px;
}
@media (max-width: 1199px) {
  #plans #pricing-models .remove-padding {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  #plans #pricing-models .remove-padding {
    padding: 0;
    margin-left: 40px;
    margin-right: 40px;
  }
}
#plans #pricing-models .most-used {
  margin-top: -3px;
  border: 4px solid #FF6D4D;
  z-index: 4;
  box-shadow: 0 0 20px rgba(4, 4, 4, 0.16);
}
#plans #pricing-models .most-used h3 {
  color: #FF6D4D;
}
#plans #pricing-models .most-used .btn {
  border: 2px solid !important;
  border-color: #21BF9A !important;
  color: #fff !important;
  background-color: #21BF9A !important;
}
#plans #pricing-models .most-used .btn:hover {
  color: #fff !important;
  background-color: #1CAC8B !important;
  border-color: #1CAC8B !important;
}
#plans #pricing-models .free-usage {
  position: relative;
  z-index: 999;
  box-shadow: 0 0 20px rgba(4, 4, 4, 0.16);
}
#plans #pricing-models .free-usage h3 {
  color: #332f2f;
}
#plans #pricing-models .free-usage .price {
  color: #21BF9A !important;
}
#plans #pricing-models p {
  margin: 0;
}
#plans #pricing-models .panel-price {
  background-color: #fdfdfd;
}
#plans #pricing-models .panel-price .blue-dark-full:hover {
  color: #263353;
}
#plans #pricing-models .panel-price .panel-top {
  border-radius: 4px 4px 0 0;
}
#plans #pricing-models .panel-price .panel-top h3 {
  text-align: center;
  font-weight: 500;
  line-height: 30px;
  font-size: 26px;
  padding-top: 16px;
}
@media (max-width: 991px) {
  #plans #pricing-models .panel-price .panel-top h3 {
    padding-top: 20px;
    font-size: 18px;
  }
}
#plans #pricing-models .panel-price .panel-top-ad-hoc {
  background-color: #263353;
}
#plans #pricing-models .panel-price .panel-top-ad-hoc h3 {
  color: #fff;
}
#plans #pricing-models .panel-price .fa-check {
  font-size: 25px;
  color: #21BF9A;
}
#plans #pricing-models .panel-price .panel-heading {
  padding-top: 13px;
  min-height: 140px;
  width: 100%;
}
@media (max-width: 991px) {
  #plans #pricing-models .panel-price .panel-heading {
    min-height: 0;
  }
}
@media (max-width: 991px) {
  #plans #pricing-models .panel-price .panel-heading {
    padding-top: 0px;
  }
}
#plans #pricing-models .panel-price .panel-heading .contact-us h5 {
  font-weight: 400;
  font-size: 30px;
  text-align: center;
}
#plans #pricing-models .panel-price .panel-body {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0;
  padding-top: 5px;
  color: #47525D;
}
#plans #pricing-models .panel-price .panel-body b {
  color: #263353;
}
#plans #pricing-models .panel-price .panel-body p {
  font-size: 15px;
  text-align: center;
  line-height: 1.6;
}
#plans #pricing-models .panel-price .panel-body a {
  margin-top: 10px;
  margin-bottom: 10px;
}
#plans #pricing-models .panel-price .panel-body .price-tag {
  color: #4990E2;
  font-size: 56px;
}
#plans #pricing-models .panel-price .panel-body .btn {
  box-shadow: none;
}
#plans #pricing-models .panel-price .panel-body .other p {
  font-size: 16px;
}
#plans #pricing-models .panel-price .panel-body .panel-body-custom {
  min-height: 60px;
}
@media (max-width: 1190px) {
  #plans #pricing-models .panel-price .panel-body .panel-body-custom {
    min-height: 80px;
  }
}
@media (max-width: 991px) {
  #plans #pricing-models .panel-price .panel-body .panel-body-custom {
    min-height: 72px;
  }
}
@media (max-width: 768px) {
  #plans #pricing-models .panel-price .panel-body .panel-body-custom {
    min-height: 0;
  }
}
#plans #pricing-models .panel-price .panel-body .slider.slider-horizontal .slider-tick,
#plans #pricing-models .panel-price .panel-body .slider.slider-horizontal .slider-handle {
  background-color: #263353 !important;
}
#plans #pricing-models .panel-price .panel-body .slider-horizontal {
  width: 300px;
}
#plans #pricing-models .panel-price .panel-footer {
  background-color: white;
  text-align: center;
  padding: 10px 0 0 0;
}
#plans #pricing-models .panel-price .grey-div,
#plans #pricing-models .panel-price .white-div {
  min-height: 55px;
  padding-top: 10px;
}
#plans #pricing-models .panel-price .grey-div {
  background-color: #EFF1F5;
}
#plans #pricing-models .features {
  margin-top: 153px;
}
#plans #pricing-models .features .feature-first {
  padding-top: 25px;
  min-height: 72px;
}
#plans #pricing-models .features p {
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.6;
  font-style: italic;
}
@media (max-width: 767px) {
  #plans #pricing-models .features p {
    text-align: center;
  }
}
#plans #pricing-models .period {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 2px;
  color: rgba(74, 74, 74, 0.5);
}
#plans #pricing-models .price {
  font-size: 48px;
  text-align: center;
  letter-spacing: 3px;
  color: #263353;
}
#plans #pricing-models .price span {
  font-size: 48px;
  color: #263353;
  padding-right: 5px;
}
#plans #pricing-models .price small {
  font-size: 24px !important;
  color: #47525D;
}
#plans #pricing-models .personalized-cta-text p {
  text-align: center;
}
#plans #pricing-models .note-margin {
  font-style: italic;
  color: #47525D;
}
#plans #startup-program {
  padding: 80px 0;
}
#plans #startup-program h1,
#plans #startup-program h2 {
  text-align: center;
  font-weight: 500;
}
#plans #startup-program h1,
#plans #startup-program h2,
#plans #startup-program h3,
#plans #startup-program h4,
#plans #startup-program h5,
#plans #startup-program h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 991px) {
  #plans #startup-program {
    padding: 40px 0;
  }
}
#plans #startup-program .panel {
  padding: 0;
  margin-top: 40px;
}
@media (max-width: 991px) {
  #plans #startup-program .panel {
    margin-top: 80px;
  }
}
#plans #startup-program .panel-top {
  padding: 10px 30px;
  background-color: #4990E2;
}
#plans #startup-program .suggested-plan h4 {
  font-size: 15px;
  line-height: 18px;
}
#plans #startup-program .suggested-plan p {
  color: #4990E2 !important;
}
#plans #startup-program h4 {
  font-size: 24px;
  line-height: 28px;
  color: #fff;
}
#plans #startup-program small {
  color: #fff;
}
#plans #startup-program #result-calls h3 {
  color: #fff;
  font-size: 45px;
  font-weight: 300;
  letter-spacing: 0.8px;
  line-height: 57px;
}
#plans #startup-program .row {
  padding: 10px;
}
#plans #startup-program ul {
  padding: 10px 15px;
}
#plans #startup-program ul li {
  padding: 5px;
  font-size: 15px;
}
#plans #explanation {
  padding-top: 0px;
  background-color: #F6F7FB;
}
#plans #explanation h1,
#plans #explanation h2 {
  text-align: center;
  font-weight: 500;
}
#plans #explanation h1,
#plans #explanation h2,
#plans #explanation h3,
#plans #explanation h4,
#plans #explanation h5,
#plans #explanation h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#plans #explanation h4 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}
#plans #explanation p {
  font-size: 15px;
  line-height: 27px;
  color: #47525D;
}
#plans #explanation .row-faq-title {
  margin-top: 30px;
  margin-bottom: 40px;
}
#plans #explanation .row-faq-title hr {
  border: solid 1px #dfdada;
}
#plans #explanation .question-row {
  margin-bottom: 30px;
}
#plans #explanation .question-row .single-question {
  margin-bottom: 10px;
}
#plans #explanation .question-row .single-question a {
  color: #263353;
}
#plans #explanation .question-row .single-question i {
  color: #263353;
}
#plans #myModalStartup {
  color: #263353;
}
#plans #myModalStartup .modal-header {
  text-align: center;
  background-color: #4990E2;
}
#plans #myModalStartup .modal-header h4 {
  color: white;
  font-family: "Roboto Slab", serif;
  text-align: center;
  padding: 0 0 10px 0;
}
#plans #myModalStartup .modal-header p {
  font-size: 14px;
  color: white;
  line-height: 22px;
}
#plans #myModalStartup li,
#plans #myModalStartup i {
  padding: 5px 0;
}
#plans #faq-cta-section h3 {
  margin-right: 20px;
  display: inline;
  font-weight: 500;
}
#about-us-page header {
  padding-top: 200px;
  padding-bottom: 120px;
  background-image: url("../img/about-us/banner.jpg");
  background-size: cover;
  background-position: center center;
}
#about-us-page header h1 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 56px;
  line-height: 72px;
  letter-spacing: 1.3px;
  text-align: left;
}
#about-us-page header h2,
#about-us-page header h3,
#about-us-page header h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: left;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 991px) {
  #about-us-page header {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  #about-us-page header h1 {
    line-height: 45px;
    text-align: left !important;
    font-size: 32px;
    letter-spacing: 1px;
    padding-bottom: 10px;
  }
  #about-us-page header h2,
  #about-us-page header h3,
  #about-us-page header h4 {
    text-align: center;
    text-align: left !important;
    font-size: 17px;
    padding-bottom: 10px;
  }
}
#about-us-page header h1,
#about-us-page header h2 {
  letter-spacing: 1px;
  color: #fff;
}
@media (max-width: 767px) {
  #about-us-page header h2 {
    margin-top: 35px;
  }
}
#about-us-page header .background-fade {
  padding-top: 250px;
  padding-bottom: 230px;
  height: 100%;
  background: rgba(38, 51, 83, 0.7);
}
#about-us-page #about-mission {
  background-color: #F6F7FB;
  padding: 100px 0;
}
#about-us-page #about-mission h1,
#about-us-page #about-mission h2 {
  text-align: center;
  font-weight: 500;
}
#about-us-page #about-mission h1,
#about-us-page #about-mission h2,
#about-us-page #about-mission h3,
#about-us-page #about-mission h4,
#about-us-page #about-mission h5,
#about-us-page #about-mission h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #about-us-page #about-mission p {
    margin-top: 35px;
  }
}
#about-us-page #about-mission h2 {
  text-align: left;
  padding: 0;
}
@media (min-width: 992px) {
  #about-us-page #about-team {
    background: #263353 url("../img/about-us/team-image.jpg") no-repeat;
    background-size: 50% 100%;
    background-clip: content-box;
  }
}
@media (max-width: 991px) {
  #about-us-page #about-team {
    background-color: #263353;
  }
}
#about-us-page #about-team p {
  font-size: 15px;
  line-height: 27px;
}
#about-us-page #about-team img {
  width: 150%;
  margin-left: -50%;
}
#about-us-page #about-team .color-team {
  padding: 40px 20px 40px 0;
}
@media (max-width: 991px) {
  #about-us-page #about-team .color-team {
    padding: 25px;
  }
}
#about-us-page #about-team .color-team h3 {
  text-align: left;
  color: #fff;
}
#about-us-page #about-team .color-team p {
  color: #fff;
}
@media (max-width: 991px) {
  #about-us-page #about-team .color-team p {
    margin: 0 !important;
  }
}
#about-us-page #working {
  padding: 90px 0 50px;
}
#about-us-page #working h1,
#about-us-page #working h2 {
  text-align: center;
  font-weight: 500;
}
#about-us-page #working h1,
#about-us-page #working h2,
#about-us-page #working h3,
#about-us-page #working h4,
#about-us-page #working h5,
#about-us-page #working h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 991px) {
  #about-us-page #working {
    padding: 50px 0 30px;
  }
}
@media (max-width: 767px) {
  #about-us-page #working {
    padding-bottom: 0px;
  }
}
#about-us-page #working img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 300px;
}
@media (max-width: 767px) {
  #about-us-page #working img {
    margin-bottom: 40px;
  }
}
#about-us-page #working .row {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #about-us-page #working .row {
    margin-bottom: 0;
  }
}
#about-us-page #background-diagonal-separator {
  background: linear-gradient(to right bottom, #fff 50%, #F6F7FB 50%);
  position: relative;
  height: 250px;
  margin-bottom: -250px;
}
#about-us-page #background-diagonal-separator-second {
  background: linear-gradient(to right bottom, #F6F7FB 50%, #fff 50%);
  height: 250px;
  margin-top: -120px;
}
#about-us-page #projects {
  padding: 64px 0 72px;
  background-color: #F6F7FB;
}
#about-us-page #projects h1,
#about-us-page #projects h2 {
  text-align: center;
  font-weight: 500;
}
#about-us-page #projects h1,
#about-us-page #projects h2,
#about-us-page #projects h3,
#about-us-page #projects h4,
#about-us-page #projects h5,
#about-us-page #projects h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #about-us-page #projects {
    padding: 12px 0 16px;
  }
}
@media (max-width: 767px) {
  #about-us-page #projects {
    padding-bottom: 0px;
  }
}
#about-us-page #projects img {
  width: 160px;
}
@media (max-width: 1199px) {
  #about-us-page #projects img {
    display: block;
    margin: auto;
  }
}
#about-us-page #projects h2 {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  #about-us-page #projects h2 {
    padding-bottom: 0px;
  }
}
#about-us-page #projects h4 {
  letter-spacing: 2px;
  line-height: 33px;
}
@media (max-width: 767px) {
  #about-us-page #projects h4 {
    text-align: left;
    line-height: 26px;
  }
}
#about-us-page #projects .row {
  margin-bottom: 40px;
}
#about-us-page #awards {
  margin-top: -80px;
  padding-bottom: 60px;
}
#about-us-page #awards h1,
#about-us-page #awards h2 {
  text-align: center;
  font-weight: 500;
}
#about-us-page #awards h1,
#about-us-page #awards h2,
#about-us-page #awards h3,
#about-us-page #awards h4,
#about-us-page #awards h5,
#about-us-page #awards h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#about-us-page #awards .row {
  padding-top: 20px;
  padding-bottom: 20px;
}
#about-us-page #awards .panel:hover {
  -webkit-box-shadow: 0 2px 20px 0 #CDCFD5;
  -moz-box-shadow: 0 2px 20px 0 #CDCFD5;
  box-shadow: 0 2px 20px 0 #CDCFD5;
  transform: scale(1.03, 1.03);
}
#about-us-page #awards .panel {
  cursor: pointer;
  cursor: hand;
  -webkit-box-shadow: 0 2px 20px 0 #8E94A0;
  -moz-box-shadow: 0 2px 20px 0 #8E94A0;
  box-shadow: 0 2px 20px 0 #8E94A0;
}
#about-us-page #awards .img-reference {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  #about-us-page #awards .img-reference {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  #about-us-page #awards h2 {
    margin-bottom: -40px;
  }
}
#about-us-page #awards img {
  max-height: 100px;
}
@media (max-width: 991px) {
  #about-us-page #awards img {
    max-height: 80px;
  }
}
#about-us-page #awards .sme-img img {
  max-height: 80px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  #about-us-page #awards .sme-img img {
    max-height: 60px;
  }
}
#about-us-page #join-us {
  min-height: 260px;
  background-color: #F6F7FB;
  padding: 70px 0;
}
#about-us-page #join-us h1,
#about-us-page #join-us h2 {
  text-align: center;
  font-weight: 500;
}
#about-us-page #join-us h1,
#about-us-page #join-us h2,
#about-us-page #join-us h3,
#about-us-page #join-us h4,
#about-us-page #join-us h5,
#about-us-page #join-us h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#about-us-page #join-us h3,
#about-us-page #join-us p {
  text-align: center;
}
#about-us-page #join-us .button-div {
  margin-top: 10px;
  text-align: center;
}
@media (min-width: 768px) {
  #about-us-page #join-us .btn {
    width: 380px;
  }
}
/***** BLOG PAGE *****/
#blog #posts {
  text-align: justify !important;
}
#blog #posts h1,
#blog #posts h2,
#blog #posts h3,
#blog #posts h4,
#blog #posts h5,
#blog #posts h6 {
  text-align: left !important;
}
#blog #posts article {
  margin: 0;
  padding: 20px 0;
}
#blog #posts article h1,
#blog #posts article h2 {
  text-align: center;
  font-weight: 500;
}
#blog #posts article h1,
#blog #posts article h2,
#blog #posts article h3,
#blog #posts article h4,
#blog #posts article h5,
#blog #posts article h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#blog #posts article p {
  font-weight: 300;
  text-align: justify;
}
#blog #posts article p b {
  font-weight: 300;
}
#blog #posts article a {
  text-transform: uppercase;
  color: #47525D;
  font-size: 16px;
  text-decoration: none;
  font-weight: 500;
}
#blog #posts article .author {
  text-align: center;
  padding-top: 10px;
}
#blog #posts article .author .name {
  color: #FF6D4D;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
}
#blog #posts article .author .date {
  text-transform: uppercase;
}
#blog #posts article .author img {
  padding: 10px 5px;
  max-width: 100px;
}
#blog #posts .flags {
  padding-top: 5px;
  padding-bottom: 0px;
}
#blog #single-blog-post {
  padding: 64px 0 72px;
}
@media (max-width: 767px) {
  #blog #single-blog-post {
    padding: 12px 0 16px;
  }
}
#blog #single-blog-post h1,
#blog #single-blog-post h2 {
  text-align: center;
  font-weight: 500;
}
#blog #single-blog-post h1,
#blog #single-blog-post h2,
#blog #single-blog-post h3,
#blog #single-blog-post h4,
#blog #single-blog-post h5,
#blog #single-blog-post h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 783px) {
  #blog #single-blog-post {
    text-align: center;
  }
}
#blog #single-blog-post .fa {
  font-size: 50px;
  margin-right: 10px;
}
@media (max-width: 1007px) {
  #blog #single-blog-post .row {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
#blog #single-blog-post .row .author .name {
  color: #FF6D4D;
  font-size: 18px;
  text-transform: uppercase;
}
#blog #single-blog-post .row .author .date {
  text-transform: uppercase;
}
#blog #single-blog-post .row .author img {
  padding: 10px 5px;
  max-width: 100px;
}
@media (max-width: 1007px) {
  #blog #single-blog-post .row .author img {
    margin-left: auto;
    margin-right: auto;
    width: 54px;
  }
}
#blog #single-blog-post .row .title,
#blog #single-blog-post .row h1 {
  font-size: 56px;
  color: #263353;
  margin-top: 0;
  font-weight: 300;
}
#blog #single-blog-post .row .sub-title,
#blog #single-blog-post .row h2 {
  font-size: 21px;
  color: #47525D;
  margin-top: 25px;
  margin-bottom: 10px;
  font-weight: 300;
  text-align: left;
}
#blog #single-blog-post .row p,
#blog #single-blog-post .row li {
  margin-top: 5px;
  margin-bottom: 10px;
  line-height: 25px;
  text-align: justify;
  font-weight: 300;
  font-size: 18px;
}
#blog #single-blog-post .row p img,
#blog #single-blog-post .row li img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1007px) {
  #blog #single-blog-post .row p img,
  #blog #single-blog-post .row li img {
    max-width: 300px;
  }
}
@media (max-width: 480px) {
  #blog #single-blog-post .row p img,
  #blog #single-blog-post .row li img {
    max-width: 200px;
  }
}
@media (max-width: 320px) {
  #blog #single-blog-post .row p img,
  #blog #single-blog-post .row li img {
    max-width: 100px;
  }
}
#blog #single-blog-post .row p a,
#blog #single-blog-post .row li a {
  color: #3970B1;
}
#blog #single-blog-post .row b {
  font-weight: 300;
}
#blog #single-blog-post .row #bibliography .title {
  color: #47525D;
  font-weight: 300;
  margin-top: 30px;
  font-size: 18px;
}
#blog #single-blog-post .row #bibliography .list ul li {
  line-height: 1em;
  list-style-type: square;
  font-style: italic;
  word-wrap: break-word;
  font-size: 16px;
}
#blog #single-blog-post .row #bibliography .list ul li a {
  color: #3970B1;
  font-size: 15px;
}
#blog #single-blog-post .row .pagination {
  display: block;
  margin-bottom: 15px;
}
#blog #single-blog-post .row .pagination nav .pager {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
}
@media (max-width: 1007px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}
#blog #single-blog-post .row .pagination nav ul li {
  display: block;
  width: 50%;
  font-size: 18px;
}
#blog #single-blog-post .row .pagination nav ul li a {
  text-transform: uppercase;
  color: #263353;
  text-decoration: none;
}
@media (max-width: 480px) {
  #blog #single-blog-post .row .pagination nav ul li a {
    font-size: 9px;
  }
}
@media (max-width: 480px) {
  #blog #single-blog-post .row .pagination nav ul li {
    width: 40%;
  }
}
#blog #single-blog-post .row .share span {
  text-transform: uppercase;
  color: #263353 !important;
  padding-right: 10px;
}
#blog #single-blog-post .row .share i {
  color: #263353;
  font-size: 30px;
}
#blog #single-blog-post .row table tr td {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 300;
  padding-left: 30px;
  text-align: center;
}
#blog #single-blog-post .row table tr th {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  padding-left: 30px;
  text-align: center;
}
#blog #single-blog-post .flags {
  padding-top: 0px;
  padding-bottom: 0px;
}
.pager .previous  > a,
.pager .previous  > span {
  padding: 2em;
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 0;
}
.pager .previous  > a:hover,
.pager .previous  > span:hover {
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
.pager .next  > a,
.pager .next  > span {
  padding: 2em;
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 0;
}
.pager .next  > a:hover,
.pager .next  > span:hover {
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}
#legal .header-section {
  padding: 160px 0 50px;
}
#legal p {
  line-height: 30px;
  font-size: 15px;
}
#legal #content {
  padding: 64px 0 72px;
}
#legal #content h1,
#legal #content h2 {
  text-align: center;
  font-weight: 500;
}
#legal #content h1,
#legal #content h2,
#legal #content h3,
#legal #content h4,
#legal #content h5,
#legal #content h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #legal #content {
    padding: 12px 0 16px;
  }
}
#legal #content a {
  color: #4990E2;
}
#legal #content h2,
#legal #content h3,
#legal #content h4 {
  padding: 20px 0 10px;
  text-align: left;
}
#legal #content li {
  text-align: left;
  margin: 0 0 10px;
}
#legal #content td {
  font-size: 18px;
  padding: 0 10px;
}
#legal #content th {
  font-size: 18px;
  padding: 0 10px;
}
#legal #content table {
  padding: 0 15px;
}
/***** SIGN IN PAGE *****/
/* Sign in form */
#sign-in {
  min-height: 100vh;
}
#sign-in .back-home {
  position: absolute;
  top: 45px;
  left: 50px;
  color: #263353 !important;
}
#sign-in .btn-primary {
  border: 2px solid;
  border-color: #21BF9A;
  color: #fff;
  background-color: #21BF9A;
  width: 100%;
}
#sign-in .btn-primary:hover {
  color: #fff;
  background-color: #1CAC8B !important;
  border-color: #1CAC8B !important;
}
#sign-in .switch-signup-login {
  padding: 30px 0;
  color: #263353;
}
#sign-in .switch-signup-login a {
  color: #FF6D4D;
}
#sign-in .forgot-password {
  padding-top: 10px;
}
#sign-in .forgot-password a {
  color: #263353;
}
#sign-in ul.errorlist.nonfield {
  color: red;
  list-style-type: none;
  padding: 0;
}
#sign-in #sign-in-form {
  padding-top: 60px;
}
#sign-in #sign-in-form h1,
#sign-in #sign-in-form h2,
#sign-in #sign-in-form h3,
#sign-in #sign-in-form h4,
#sign-in #sign-in-form h5,
#sign-in #sign-in-form h6 {
  text-align: center;
}
#sign-in #sign-in-form .separator-form {
  border-bottom: #D5D8E3 solid 1px;
  margin: 35px 0;
}
#sign-in #sign-in-form .logo-block img {
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}
#sign-in #sign-in-form .logo-block span {
  color: #263353;
  font-size: 26px;
}
#sign-in #sign-in-form form {
  background: #fff;
  border-radius: 6px 6px 6px 6px;
  padding: 35px;
  margin: 20px 40px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
}
#sign-in #sign-in-form form img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 783px) {
  #sign-in #sign-in-form form {
    margin: 20px 0;
  }
}
#sign-in #sign-in-form form p {
  color: #1a2d4c;
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 10px;
}
#sign-in #sign-in-form form p a {
  text-decoration: underline;
  font-weight: 500;
  color: #a1a1a1;
}
#sign-in #sign-in-form form p a:hover {
  color: #263353;
}
#sign-in #sign-in-form form h4 {
  font-size: 28px;
  letter-spacing: 2px;
  line-height: 33px;
  text-align: center;
  margin-bottom: 0;
}
#sign-in #sign-in-form form .controls {
  margin-bottom: 20px;
}
#sign-in #sign-in-form form input {
  margin-top: 10px;
  background-color: #fff;
  font-weight: 300;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 1px;
  color: #332f2f;
  border: 1px solid #DFDADA;
  height: 50px;
  padding-left: 20px;
  border-radius: 6px 6px 6px 6px;
}
#sign-in #sign-in-form form input::-webkit-input-placeholder,
#sign-in #sign-in-form form textarea::-webkit-input-placeholder {
  opacity: 0.5;
}
#sign-in #sign-in-form form input:-moz-placeholder,
#sign-in #sign-in-form form textarea:-moz-placeholder {
  opacity: 0.5;
}
#sign-in #sign-in-form form input[type='checkbox'] {
  height: auto;
  display: inline;
  position: relative;
  margin-bottom: 0;
  margin-right: 4px;
  margin-top: 0;
  box-shadow: none;
}
#sign-in #sign-in-form form label {
  text-align: left;
  display: block;
  margin-left: 20px;
  padding: 0 !important;
  font-weight: 300;
  letter-spacing: 0.5px;
  font-size: 12px;
  line-height: 24px;
  color: #888888;
}
#sign-in #sign-in-form form label a {
  color: #263353;
}
#sign-in #sign-in-form form .help-block {
  padding: 5px;
  border: 1px solid #ebccd1;
  border-radius: 4px;
  color: #a94442;
  background-color: #f2dede;
  margin-bottom: 0;
  font-size: 14px;
}
#sign-in #sign-in-form form .alert-danger ul {
  padding-left: 0 !important;
}
#sign-in #sign-in-form form .alert-danger ul li {
  list-style-type: none;
}
#sign-in #sign-in-form form .form-control::-webkit-input-placeholder {
  color: #1a2d4c;
}
#sign-in #sign-in-form form .form-control:-moz-placeholder {
  color: #1a2d4c;
}
#sign-in #sign-in-form form .form-control::-moz-placeholder {
  color: #1a2d4c;
}
#sign-in #sign-in-form form .form-control:-ms-input-placeholder {
  color: #1a2d4c;
}
#sign-in #sign-in-form p {
  text-align: center;
}
#sign-in .central-message a {
  color: #FF6D4D !important;
}
#sign-in .central-message h1,
#sign-in .central-message h2,
#sign-in .central-message h3,
#sign-in .central-message h4,
#sign-in .central-message h5 {
  color: #263353 !important;
}
#sign-in .central-message p {
  color: #263353;
  text-align: center;
  padding-top: 20px;
}
#sign-in .central-message p a {
  color: #FF6D4D;
}
#sign-in .central-message p a:hover,
#sign-in .central-message p a:focus,
#sign-in .central-message p a:active,
#sign-in .central-message p a.active {
  color: #d8d8d8;
  outline: none;
}
#sign-in .padding-top-large {
  padding-top: 100px;
}
/***** CONSOLE *****/
#console {
  background-color: #F6F7FB;
}
#console .alert-danger {
  background-color: #efc6ce;
}
#console .alert-danger p,
#console .alert-danger strong {
  font-weight: 700;
  color: #a94442;
}
#console .alert-success p,
#console .alert-success strong {
  font-weight: 700;
  color: #263353;
}
#console ul.errorlist.nonfield {
  color: red;
  list-style-type: none;
  padding: 0;
}
#console .navbar {
  padding-top: 0;
  height: 64px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
}
#console .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #F6F7FB;
}
#console .table-striped > tbody > tr:nth-of-type(odd):hover {
  background-color: #F6F7FB;
}
#console .table-striped > tbody > tr:nth-of-type(even):hover {
  background-color: #fff;
}
#console .table-bordered > thead > tr > th {
  border-bottom-width: 1px;
}
#console .form-control {
  border: 1px solid #D5D8E3;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#console .form-control[readonly] {
  background-color: #F6F7FB;
}
#console .green-full:focus {
  color: #fff;
}
#console .panel {
  border: none;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
}
#console .panel-heading {
  padding-left: 0;
  background-color: #ffffff;
}
#console .add-field {
  padding-bottom: 12px;
}
#console .btn-danger,
#console .red-inverted:hover,
#console .red-full,
#console .green-full {
  color: #fff !important;
}
#console .pagination li > a:hover,
#console .pagination li > a:focus {
  background-color: #ECEFFA;
}
#console .id-resource {
  font-size: 15px;
  font-weight: 400;
}
#console h1,
#console h2,
#console h3,
#console h4,
#console h5,
#console h6 {
  color: #263353;
}
#console h2 {
  font-size: 22px;
}
#console h3 {
  font-size: 20px;
}
#console h4 {
  font-size: 18px;
}
#console h5 {
  font-size: 16px;
}
#console h6 {
  font-size: 14px;
}
#console p {
  font-size: 14px;
}
#console .masthead {
  height: 20px;
  border: 0px;
  vertical-align: center;
}
#console .navbar-default {
  border: 0;
}
#console .navbar-console {
  background-color: #fff;
}
#console .navbar-console a {
  color: #263353;
}
#console .navbar-console .divider {
  height: 70px;
  margin: 0 9px;
}
#console .navbar-console .sidebar {
  top: 15px;
  background-color: #F6F7FB;
}
#console .navbar-console .sidebar ul li {
  border: none;
}
#console .navbar-console .sidebar ul li a.active,
#console .navbar-console .sidebar ul li a:focus {
  background-color: #ECEFFA;
  color: #4990E2;
}
#console .navbar-console .sidebar ul li a:hover {
  background-color: #4990E2;
  color: #fff;
}
#console .navbar-console .navbar-brand-console span {
  padding-top: 14px;
}
@media (max-width: 424px) {
  #console .navbar-console .navbar-brand-console span {
    font-size: 14px;
  }
}
@media (max-width: 300px) {
  #console .navbar-console .navbar-brand-console span {
    display: none;
  }
}
#console .navbar-console .sidebar-search p {
  margin-top: 25px;
}
#console #id_vat_0 {
  width: 19%;
  display: inline;
}
#console #id_vat_1 {
  width: 80%;
  display: inline;
}
#console #page-wrapper {
  background-color: #fff;
  max-width: 1400px;
}
#console #page-wrapper .pagination .active a {
  border-color: #ddd;
  background-color: #ECEFFA;
}
#console #page-wrapper .page-header {
  font-size: 36px;
  line-height: 48px;
  border-bottom: none;
}
#console #page-wrapper .table-header:hover {
  cursor: pointer;
  cursor: hand;
}
@media (min-width: 768px) {
  #console #page-wrapper .modal-dialog {
    width: 800px;
  }
}
#console #page-wrapper .row-centered {
  text-align: center;
  height: 100%;
  padding-top: 30px;
}
#console #page-wrapper .col-centered {
  display: inline-block;
  text-align: center;
  float: none;
}
#console #page-wrapper .col-centered h1,
#console #page-wrapper .col-centered h2,
#console #page-wrapper .col-centered h3,
#console #page-wrapper .col-centered h4,
#console #page-wrapper .col-centered h5 {
  text-align: center;
}
#console #page-wrapper .col-centered img {
  max-height: 130px;
}
#console #page-wrapper label {
  font-size: 14px;
}
#console #page-wrapper .control-label {
  text-align: left;
}
#console #page-wrapper .btn {
  font-size: 14px;
  box-shadow: none;
  padding: 7px 20px;
  margin-bottom: 0;
}
#console #page-wrapper .btn-wide {
  width: 100%;
}
#console #page-wrapper .btn-primary {
  color: #fff !important;
  background-color: #4990E2;
  border: 2px #4990E2 solid !important;
}
#console #page-wrapper .btn-primary:hover {
  border: 2px #3970B1 solid !important;
  background-color: #3970B1 !important;
  color: inherit;
}
#console #page-wrapper .btn-inverse {
  border: 2px #4990E2 solid !important;
  color: #4990E2 !important;
  background-color: inherit;
  box-shadow: none;
  min-width: 90px;
}
#console #page-wrapper .btn-inverse:hover {
  border: 2px #3970B1 solid !important;
  background-color: #3970B1 !important;
  color: #fff !important;
}
#console #page-wrapper .btn-danger {
  border: 2px solid #d9534f;
}
#console #page-wrapper .btn-danger:hover {
  border-color: #c9302c;
}
#console #page-wrapper .btn-warning {
  border: 2px solid #FF6D4D;
  color: #FF6D4D;
  background-color: inherit;
}
#console #page-wrapper .btn-warning:hover {
  color: #263353;
  background-color: #FF6D4D;
}
#console #page-wrapper .btn-warning:hover {
  color: #fff;
}
#console #page-wrapper .btn-key-hide {
  display: none;
}
#console #page-wrapper .btn-input-form {
  height: 38px;
  border: 0 solid;
}
#console #page-wrapper .btn-group .btn {
  margin: 0;
}
#console #page-wrapper input {
  font-size: 14px;
}
#console #page-wrapper .form-control {
  font-size: 14px;
  height: 38px;
}
#console #page-wrapper a {
  color: #263353;
}
#console #page-wrapper table {
  font-size: 14px;
}
#console #page-wrapper table th,
#console #page-wrapper table td {
  vertical-align: middle;
}
#console #page-wrapper .panel {
  padding: 20px 20px;
}
#console #page-wrapper .panel-heading {
  font-size: 21px;
  line-height: 28px;
  color: #263353;
  border-bottom: none;
  padding-top: 0;
}
#console #page-wrapper .panel-heading .fa {
  font-size: 18px;
}
#console #page-wrapper .btn-squared {
  padding: 8px 10px 8px 10px;
  margin-left: 5px;
}
#console #page-wrapper .btn-squared .fa {
  font-size: 15px;
}
#console #page-wrapper .panel-body .credit-balance {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#console #page-wrapper .header-right {
  float: right !important;
}
#console #page-wrapper .repository .btn-circle {
  padding-left: 7px;
  padding-top: 7px;
  margin: 0;
}
#console #page-wrapper .user-schemas .user-schema-creation {
  padding-top: 15px;
}
#console #page-wrapper .user-schemas .modal-header,
#console #page-wrapper .schemas .modal-header,
#console #page-wrapper .user-schemas .modal-footer,
#console #page-wrapper .schemas .modal-footer {
  border: none;
}
#console #page-wrapper .customers-user-page .active a {
  background-color: #F6F7FB;
}
#console #page-wrapper .statistics .graph-row .centered {
  position: absolute;
  width: 100px;
  height: 10px;
  top: 50%;
  left: 50%;
  margin: -40px 0px 0px -40px;
  color: #ffffff;
}
#console #page-wrapper .statistics .graph-row .nodata {
  pointer-events: none;
  height: 250px;
  background-color: #000000;
  opacity: 0.3;
}
#console #page-wrapper .statistics .graph-row .graph {
  padding-left: 0;
  padding-right: 0;
}
#console #page-wrapper .statistics .graph-row .graph .drawing {
  height: 250px;
}
#console #page-wrapper .statistics .graph-row .graph tspan {
  font-size: 14px;
}
#console #page-wrapper .statistics .graph-row .chart {
  padding-left: 0;
  padding-right: 0;
}
#console #page-wrapper .statistics .graph-row .chart .drawing {
  height: 210px;
}
#console #page-wrapper .statistics .graph-row .chart tspan {
  font-size: 10px;
}
#console #page-wrapper .statistics .graph-row .table-apps tr {
  margin: 20px;
}
#console #page-wrapper .statistics .graph-row .table-apps tr td {
  padding-top: 16px;
  padding-left: 15px;
  padding-right: 15px;
}
#console #page-wrapper .statistics .graph-row .table-apps tr td img {
  max-width: 100px;
}
#console #page-wrapper .statistics .form-group h5 {
  text-align: left;
}
#console #page-wrapper #pricing-models-console h3 {
  font-size: 25px;
  line-height: 32px;
  margin: 0;
  text-align: center;
}
#console #page-wrapper #pricing-models-console p {
  margin: 7px 0;
  line-height: 15px;
}
#console #page-wrapper #pricing-models-console .panel-price {
  border: 1px #d8d8d8 solid;
  text-align: center;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-heading {
  padding: 24px 0 10px 0;
  border-bottom: #d8d8d8 1px solid;
  width: 100%;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-heading .name {
  color: #263353;
  font-size: 21px;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-heading .price {
  text-align: center;
  color: #21BF9A;
  font-size: 34px;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-heading .price span {
  font-size: 14px;
  color: #21BF9A;
  padding-right: 5px;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-heading .vat small {
  font-size: 13px;
  color: #47525D;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-heading .period {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 2px;
  color: rgba(74, 74, 74, 0.5);
}
#console #page-wrapper #pricing-models-console .panel-price .panel-body {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 10px 0;
  color: #47525D;
  font-weight: 300;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-body a {
  margin: 30px 0;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-body .price-tag {
  color: #4990E2;
  font-size: 24px;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-body .note-margin {
  font-style: italic;
  color: #47525D;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-body .box-bottom {
  padding: 35px;
  color: #d8d8d8;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-body .box-bottom p {
  font-size: 14px;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-body .free {
  font-size: 14px;
  margin-bottom: 15px;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-body .free span {
  font-size: 16px;
  text-decoration: line-through;
  color: #d8d8d8;
  padding-right: 5px;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-body .note {
  margin: 10px 40px 0;
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
  min-height: 60px !important;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-body .active {
  border-top: #d8d8d8 1px solid;
  padding-top: 20px;
}
#console #page-wrapper #pricing-models-console .panel-price .panel-footer {
  background-color: #fff;
}
#console #page-wrapper-external .row-centered {
  text-align: center;
  height: 100%;
  padding-top: 30px;
}
#console #page-wrapper-external .col-centered {
  display: inline-block;
  text-align: center;
  float: none;
}
#console #page-wrapper-external label {
  font-size: 14px;
}
#console #page-wrapper-external .control-label {
  text-align: left;
}
#console #page-wrapper-external .btn {
  font-size: 14px;
  box-shadow: none;
  border-radius: 4px;
  padding: 7px 20px;
  margin-bottom: 0;
}
#console #page-wrapper-external .btn-squared {
  padding: 8px 10px 8px 10px;
  margin-left: 5px;
}
#console #page-wrapper-external .btn-wide {
  width: 100%;
}
#console #page-wrapper-external .btn-primary {
  color: #fff !important;
  background-color: #4990E2;
  border: 2px #4990E2 solid !important;
}
#console #page-wrapper-external .btn-primary:hover {
  border: 2px #3970B1 solid !important;
  background-color: #3970B1 !important;
  color: inherit;
}
#console #page-wrapper-external .btn-inverse {
  border: 2px #4990E2 solid !important;
  color: #4990E2 !important;
  background-color: inherit;
  box-shadow: none;
  min-width: 90px;
}
#console #page-wrapper-external .btn-inverse:hover {
  border: 2px #3970B1 solid !important;
  background-color: #3970B1 !important;
  color: #fff !important;
}
#console #page-wrapper-external .btn-warning {
  border: 2px solid #FF6D4D;
  color: #FF6D4D;
  background-color: inherit;
}
#console #page-wrapper-external .btn-warning:hover {
  color: #263353;
  background-color: #FF6D4D;
}
#console #page-wrapper-external .btn-key-hide {
  display: none;
}
#console #page-wrapper-external .btn-input-form {
  height: 38px;
  border: 0px solid;
}
#console #page-wrapper-external input {
  font-size: 14px;
}
#console #page-wrapper-external .form-control {
  font-size: 14px;
  height: 38px;
}
#console #page-wrapper-external table {
  font-size: 14px;
}
#console #page-wrapper-external table th,
#console #page-wrapper-external table td {
  vertical-align: middle;
}
#console #page-wrapper-external .panel-heading {
  font-size: 18px;
  color: #263353;
}
#console #page-wrapper-external .panel-heading .fa {
  font-size: 18px;
}
#console #page-wrapper-external .panel-body .credit-balance {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#console #page-wrapper-external .header-right {
  float: right !important;
}
#console #page-wrapper-external .statistics h3 {
  color: #263353;
  font-weight: 600;
}
#console #page-wrapper-external .statistics .graph-row .centered {
  position: absolute;
  width: 100px;
  height: 10px;
  top: 50%;
  left: 50%;
  margin: -40px 0px 0px -40px;
  color: #ffffff;
}
#console #page-wrapper-external .statistics .graph-row .nodata {
  pointer-events: none;
  height: 250px;
  background-color: #000000;
  opacity: 0.3;
}
#console #page-wrapper-external .statistics .graph-row .graph {
  padding-left: 0;
  padding-right: 0;
}
#console #page-wrapper-external .statistics .graph-row .graph .drawing {
  height: 250px;
}
#console #page-wrapper-external .statistics .graph-row .graph .drawing-donut {
  height: 170px;
}
#console #page-wrapper-external .statistics .graph-row .graph tspan {
  font-size: 14px;
}
#console #page-wrapper-external .statistics .graph-row .graph .graph-title {
  font-size: 18px;
  padding: 0 10px 0 10px;
  margin-bottom: 0px;
  font-weight: 600;
  color: #263353;
  line-height: 1.3;
}
#console #page-wrapper-external .statistics .graph-row .chart {
  padding-left: 0;
  padding-right: 0;
}
#console #page-wrapper-external .statistics .graph-row .chart .drawing {
  height: 210px;
}
#console #page-wrapper-external .statistics .graph-row .chart tspan {
  font-size: 10px;
}
#console #page-wrapper-external .statistics .graph-row .table-apps tr {
  margin: 20px;
}
#console #page-wrapper-external .statistics .graph-row .table-apps tr td {
  padding-top: 16px;
  padding-left: 15px;
  padding-right: 15px;
}
#console #page-wrapper-external .statistics .graph-row .table-apps tr td img {
  max-width: 100px;
}
#console .custom-search-form p {
  line-height: 20px;
}
#console .custom-search-form p b {
  font-weight: 700;
  font-size: 12px;
}
/***** 404 PAGE *****/
/* 404-not-found */
#not-found {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -webkit-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -moz-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -ms-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -o-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: linear-gradient(to bottom, rgba(238, 238, 238, 0.7), #eeeeee);
}
#not-found header .description-top {
  min-height: 200px;
}
#not-found #main-content {
  padding: 64px 0 72px;
}
#not-found #main-content h1,
#not-found #main-content h2 {
  text-align: center;
  font-weight: 500;
}
#not-found #main-content h1,
#not-found #main-content h2,
#not-found #main-content h3,
#not-found #main-content h4,
#not-found #main-content h5,
#not-found #main-content h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #not-found #main-content {
    padding: 12px 0 16px;
  }
}
#not-found #main-content .central-message p {
  color: #263353;
  padding-top: 50px;
  padding-bottom: 20px;
  font-size: 20px;
  text-align: center;
}
#not-found #main-content .central-message p a {
  color: #263353;
}
#not-found #main-content .central-message p a:hover,
#not-found #main-content .central-message p a:focus,
#not-found #main-content .central-message p a:active,
#not-found #main-content .central-message p a.active {
  color: #263353;
  outline: none;
}
/***** 404 PAGE *****/
/* 404-not-found */
#message {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -webkit-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -moz-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -ms-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: -o-linear-gradient(bottom, rgba(238, 238, 238, 0.7), #eeeeee);
  background: linear-gradient(to bottom, rgba(238, 238, 238, 0.7), #eeeeee);
}
#message #main-content {
  padding: 64px 0 72px;
}
#message #main-content h1,
#message #main-content h2 {
  text-align: center;
  font-weight: 500;
}
#message #main-content h1,
#message #main-content h2,
#message #main-content h3,
#message #main-content h4,
#message #main-content h5,
#message #main-content h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #message #main-content {
    padding: 12px 0 16px;
  }
}
#message #main-content .success {
  color: #21BF9A !important;
  padding-top: 50%;
  padding-bottom: 20px;
  font-size: 20px;
}
#message #main-content .error {
  color: #FF6D4D !important;
  padding-top: 50%;
  padding-bottom: 20px;
  font-size: 20px;
}
#faq header {
  background-color: #fff;
}
@media (max-width: 767px) {
  #faq header h1 {
    font-size: 32px;
    padding-bottom: 20px;
  }
}
#faq header .description-top {
  padding: 150px 0 20px;
  min-height: 0;
}
#faq #questions {
  padding: 64px 0 72px;
}
@media (max-width: 767px) {
  #faq #questions {
    padding: 12px 0 16px;
  }
}
#faq #questions h1,
#faq #questions h2 {
  text-align: center;
  font-weight: 500;
}
#faq #questions h1,
#faq #questions h2,
#faq #questions h3,
#faq #questions h4,
#faq #questions h5,
#faq #questions h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#faq #questions p {
  line-height: 30px;
  font-size: 15px;
}
#faq #questions h1,
#faq #questions h2,
#faq #questions h3 {
  margin-top: 30px;
  text-align: left;
}
#faq #questions h3 {
  padding-bottom: 15px;
}
#faq #questions li {
  width: 25%;
  text-align: center;
}
#faq #questions li a {
  font-family: "Roboto Slab", serif;
  font-size: 17px;
  color: #47525D;
}
#faq #questions li a:focus {
  background-color: #F6F7FB;
}
#faq #questions li a:hover {
  background-color: #F6F7FB;
}
#faq #questions li.active a {
  border: 0;
  border-bottom: #F6F7FB 3px solid;
  background: #263353;
  color: #fff;
}
#faq #questions li.active a:hover a {
  background: #263353;
}
#faq #questions .tab-content li {
  text-align: left;
  width: 100%;
  font-size: 18px;
}
#faq #questions .tab-content table {
  margin: 0 10px;
}
#faq #questions .tab-content table th {
  padding: 0 5px;
}
#faq #questions .tab-content table td {
  padding: 0 3px;
}
#howto img {
  max-width: 500px;
}
@media (max-width: 768px) {
  #howto img {
    max-width: 300px;
  }
}
#howto .img-responsive {
  margin: 0 auto;
}
#howto #baas {
  padding: 64px 0 72px;
  text-align: justify;
}
@media (max-width: 767px) {
  #howto #baas {
    padding: 12px 0 16px;
  }
}
#howto #baas h1,
#howto #baas h2 {
  text-align: center;
  font-weight: 500;
}
#howto #baas h1,
#howto #baas h2,
#howto #baas h3,
#howto #baas h4,
#howto #baas h5,
#howto #baas h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#howto #baas h2,
#howto #baas h3,
#howto #baas h4,
#howto #baas h5,
#howto #baas h6 {
  font-weight: 300;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 40px;
}
#howto #baas li {
  font-size: 18px;
}
@media (max-width: 783px) {
  #howto #baas li {
    font-size: 16px;
  }
}
#howto #database {
  padding: 64px 0 72px;
  text-align: justify;
}
@media (max-width: 767px) {
  #howto #database {
    padding: 12px 0 16px;
  }
}
#howto #database h1,
#howto #database h2 {
  text-align: center;
  font-weight: 500;
}
#howto #database h1,
#howto #database h2,
#howto #database h3,
#howto #database h4,
#howto #database h5,
#howto #database h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#howto #database h2,
#howto #database h3,
#howto #database h4,
#howto #database h5,
#howto #database h6 {
  font-weight: 300;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 40px;
}
#howto #database a {
  color: #3970B1;
}
#howto #oauth {
  padding: 64px 0 72px;
  text-align: justify;
}
@media (max-width: 767px) {
  #howto #oauth {
    padding: 12px 0 16px;
  }
}
#howto #oauth h1,
#howto #oauth h2 {
  text-align: center;
  font-weight: 500;
}
#howto #oauth h1,
#howto #oauth h2,
#howto #oauth h3,
#howto #oauth h4,
#howto #oauth h5,
#howto #oauth h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#howto #oauth h2,
#howto #oauth h3,
#howto #oauth h4,
#howto #oauth h5,
#howto #oauth h6 {
  font-weight: 300;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 40px;
}
#howto #explanation {
  padding: 64px 0 72px;
  border-bottom: #eeeeee 1px solid;
  text-align: justify;
}
@media (max-width: 767px) {
  #howto #explanation {
    padding: 12px 0 16px;
  }
}
#howto #explanation h1,
#howto #explanation h2 {
  text-align: center;
  font-weight: 500;
}
#howto #explanation h1,
#howto #explanation h2,
#howto #explanation h3,
#howto #explanation h4,
#howto #explanation h5,
#howto #explanation h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#howto #explanation h2,
#howto #explanation h3,
#howto #explanation h4,
#howto #explanation h5,
#howto #explanation h6 {
  font-weight: 300;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 40px;
}
#compliance .nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
#compliance #description-top {
  padding: 64px 0 72px;
  padding: 64px 0 100px;
  margin-top: 90px;
}
@media (max-width: 767px) {
  #compliance #description-top {
    padding: 12px 0 16px;
  }
}
#compliance #description-top h1,
#compliance #description-top h2 {
  text-align: center;
  font-weight: 500;
}
#compliance #description-top h1,
#compliance #description-top h2,
#compliance #description-top h3,
#compliance #description-top h4,
#compliance #description-top h5,
#compliance #description-top h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#compliance #description-top h2 {
  margin-bottom: 50px;
}
#compliance #description-top .panel {
  margin-bottom: 30px;
  padding-bottom: 26px;
}
#compliance #description-top .panel-footer {
  background-color: #fff;
  border: none;
  padding: 0;
}
#compliance #description-top .title {
  padding: 15px;
}
#compliance #description-top .title p {
  text-align: left;
}
@media (max-width: 991px) {
  #compliance #description-top .title {
    margin-bottom: -40px;
  }
}
@media (max-width: 767px) {
  #compliance #description-top .title h2,
  #compliance #description-top .title h4,
  #compliance #description-top .title h1 {
    text-align: center;
  }
}
#compliance #description-top img {
  max-height: 80px;
}
#compliance #description-top .laws {
  padding: 15px;
  border: 0;
}
#compliance #description-top .laws h3 {
  font-weight: 400;
}
#compliance #description-top .laws h4 {
  font-size: 22px;
  line-height: 31px;
}
#compliance #description-top .laws p {
  letter-spacing: 1px;
  font-size: 15px;
  line-height: 28px;
}
#compliance #description-chino {
  padding: 64px 0 72px;
  padding: 64px 0 100px;
  margin-top: 90px;
  background-color: #F6F7FB;
}
@media (max-width: 767px) {
  #compliance #description-chino {
    padding: 12px 0 16px;
  }
}
@media (max-width: 1199px) {
}
#compliance #description-chino h2,
#compliance #description-chino h4,
#compliance #description-chino p {
  text-align: center;
}
@media (max-width: 991px) {
  #compliance #description-chino h1 {
    padding-bottom: 40px;
    line-height: 45px;
    font-size: 32px;
    letter-spacing: 1px;
  }
}
@media (max-width: 1199px) {
  #compliance #description-chino h4 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1em;
  }
}
#compliance #description-chino p {
  font-size: 20px;
  text-align: left;
}
@media (max-width: 991px) {
  #compliance #description-chino p {
    font-size: 16px;
    text-align: center;
  }
}
#compliance #description-chino .title {
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  #compliance #description-chino .title {
    padding-bottom: 20px;
  }
}
#compliance #description-chino .btn {
  margin: 0 auto;
  padding: 10px 0;
  display: inline-block;
}
@media (min-width: 768px) {
  #compliance #description-chino .btn {
    width: 260px;
  }
}
#compliance #description-chino .text-center {
  text-align: center;
}
#compliance #description-chino .h-grey-compliance {
  padding: 5px;
  background: #eeeeee;
  color: #332f2f;
  line-height: 1.5em;
  border: 1px solid;
  border-color: #4990E2;
}
#compliance #background-diagonal-separator {
  background: linear-gradient(to right bottom, #F6F7FB 50%, #fff 50%);
  height: 250px;
  margin-top: -120px;
}
#compliance #lists h1,
#compliance #lists h2 {
  text-align: center;
  font-weight: 500;
}
#compliance #lists h1,
#compliance #lists h2,
#compliance #lists h3,
#compliance #lists h4,
#compliance #lists h5,
#compliance #lists h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#compliance #lists .margin-title {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  #compliance #lists .margin-title {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  #compliance #lists .list-requirements {
    padding: 40px;
    padding-bottom: 0px;
  }
}
#compliance #lists .margin-from-list {
  margin-top: 30px;
}
@media (max-width: 767px) {
  #compliance #lists .margin-from-list {
    margin-top: 10px;
  }
}
#compliance #lists h3 {
  padding: 0;
  text-align: left;
}
#compliance #lists ul {
  list-style: none;
  padding-left: 15px;
}
#compliance #lists ul li:before {
  float: left;
  content: '• ';
  margin-left: -1.5em;
}
#compliance #lists ul p {
  margin: 0;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 29px;
}
@media (max-width: 767px) {
  #compliance #lists ul p {
    font-size: 16px;
    line-height: 23px;
  }
}
#compliance #lists .div-image img {
  margin-bottom: -80px;
  max-height: 160px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#compliance #lists .iso img {
  max-height: 146px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
#compliance #compliance-content {
  padding: 64px 0 72px;
  background-color: #F6F7FB;
}
#compliance #compliance-content h1,
#compliance #compliance-content h2 {
  text-align: center;
  font-weight: 500;
}
#compliance #compliance-content h1,
#compliance #compliance-content h2,
#compliance #compliance-content h3,
#compliance #compliance-content h4,
#compliance #compliance-content h5,
#compliance #compliance-content h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #compliance #compliance-content {
    padding: 12px 0 16px;
  }
}
@media (max-width: 991px) {
  #compliance #compliance-content {
    padding-top: 100px;
  }
}
@media (max-width: 991px) {
  #compliance #compliance-content h4 {
    text-align: left;
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  #compliance #compliance-content img {
    margin: 0 auto;
    max-width: 250px;
    padding-bottom: 10px;
  }
}
#compliance #compliance-content .separator {
  padding-top: 70px;
}
#compliance #compliance-mobile {
  background-image: url("../img/pattern.png");
  background-size: 30%;
  padding: 120px 0;
}
#compliance #compliance-mobile .panel:hover {
  -webkit-box-shadow: 0 2px 20px 0 #CDCFD5;
  -moz-box-shadow: 0 2px 20px 0 #CDCFD5;
  box-shadow: 0 2px 20px 0 #CDCFD5;
  transform: scale(1.03, 1.03);
}
#compliance #compliance-mobile .panel {
  padding: 40px 30px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}
#compliance #compliance-mobile .panel-title {
  font-family: "Roboto Slab", serif;
}
#compliance #compliance-mobile .panel-body p {
  color: #6B7C93;
}
#compliance #compliance-mobile .panel-body p,
#compliance #compliance-mobile .panel-title {
  line-height: 25px;
}
#compliance #compliance-mobile .panel-body a p {
  color: #4990E2;
  text-decoration: underline;
  font-weight: normal;
}
#compliance #compliance-mobile .panel-footer {
  padding: 0;
  border: none;
  background-color: #fff;
}
#compliance #compliance-mobile .panel-footer .btn {
  margin-bottom: 0;
}
#compliance #compliance-mobile .btn {
  width: 100%;
}
#compliance #compliance {
  background: #fff;
  background: -moz-linear-gradient(left, #fff 0%, #fff 50%, #4990E2 50%, #4990E2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #4990E2 50%, #4990E2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fff 0%, #fff 50%, #4990E2 50%, #4990E2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#4990e2', GradientType=1);
  /* IE6-9 */
}
#compliance #compliance .backgrounds {
  background: url("../img/book-icon@2x.png") no-repeat, url("../img/checklist-icon-resized@2x.png") no-repeat;
  background-position: 37.6% 0%, 100% 0%;
  background-size: 20%, 15%;
}
#compliance #compliance .btn {
  margin-top: 9px;
}
#compliance #compliance #left-part {
  padding: 140px 15px;
}
#compliance #compliance #right-part {
  padding: 140px 15px;
}
#compliance #compliance h3 {
  margin: 0;
  font-weight: normal;
  letter-spacing: 1px;
}
#compliance #last-call-to-action {
  padding-top: 50px;
  background-color: #F6F7FB;
}
/* ===================      GDPR Compliance EU       ====================== */
#compliance-resources-eu {
  /* DOCS */
  /* detailed checklist GDPR */
}
#compliance-resources-eu header {
  padding-top: 200px;
  padding-bottom: 120px;
  background-size: cover;
  background: url("../img/compliance/eu-hero-image@2x.jpg") no-repeat right center;
}
#compliance-resources-eu header h1 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 56px;
  line-height: 72px;
  letter-spacing: 1.3px;
  text-align: left;
}
#compliance-resources-eu header h2,
#compliance-resources-eu header h3,
#compliance-resources-eu header h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: left;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 991px) {
  #compliance-resources-eu header {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  #compliance-resources-eu header h1 {
    line-height: 45px;
    text-align: left !important;
    font-size: 32px;
    letter-spacing: 1px;
    padding-bottom: 10px;
  }
  #compliance-resources-eu header h2,
  #compliance-resources-eu header h3,
  #compliance-resources-eu header h4 {
    text-align: center;
    text-align: left !important;
    font-size: 17px;
    padding-bottom: 10px;
  }
}
#compliance-resources-eu header h1,
#compliance-resources-eu header h2 {
  color: #fff;
}
#compliance-resources-eu #requirements-eu-gdpr h2,
#compliance-resources-eu #requirements-eu-gdpr h3,
#compliance-resources-eu #requirements-eu-gdpr h4,
#compliance-resources-eu #requirements-eu-gdpr h5 {
  color: #263353;
}
#compliance-resources-eu #requirements-eu-gdpr h4 {
  font-weight: normal;
  font-size: 24px;
}
#compliance-resources-eu #requirements-eu-gdpr p {
  margin: 0;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 29px;
  text-align: justify;
  text-justify: inter-word;
}
@media (max-width: 767px) {
  #compliance-resources-eu #requirements-eu-gdpr p {
    font-size: 16px;
    line-height: 23px;
  }
}
#compliance-resources-eu #requirements-eu-gdpr .t-center {
  text-align: center !important;
}
#compliance-resources-eu #requirements-eu-gdpr img {
  margin: 20px auto;
}
#compliance-resources-eu #requirements-eu-gdpr .img-consent {
  max-height: 350px;
}
#compliance-resources-eu #requirements-eu-gdpr .list-requirements h3 {
  padding: 0;
  text-align: left;
}
@media (max-width: 767px) {
  #compliance-resources-eu #requirements-eu-gdpr .list-requirements {
    padding: 40px;
    padding-bottom: 0px;
  }
}
#compliance-resources-eu #requirements-eu-gdpr .list-requirements .margin-from-list {
  margin-top: 30px;
}
@media (max-width: 767px) {
  #compliance-resources-eu #requirements-eu-gdpr .list-requirements .margin-from-list {
    margin-top: 10px;
  }
}
#compliance-resources-eu #requirements-eu-gdpr .list-requirements ul {
  list-style: none;
  padding-left: 15px;
}
#compliance-resources-eu #requirements-eu-gdpr .list-requirements ul li {
  padding: 0;
}
#compliance-resources-eu #requirements-eu-gdpr .list-requirements ul li:before {
  float: left;
  content: '• ';
  margin-left: -1.5em;
}
@media (max-width: 767px) {
  #compliance-resources-eu #requirements-eu-gdpr h2,
  #compliance-resources-eu #requirements-eu-gdpr h3 {
    text-align: center;
  }
}
#compliance-resources-eu #requirements-eu-gdpr ul {
  padding: 10px 15px;
  list-style: disc outside none;
}
#compliance-resources-eu #requirements-eu-gdpr ul li {
  list-style-type: none;
  font-size: 18px;
  font-weight: 300;
  padding: 5px 0;
}
#compliance-resources-eu #requirements-eu-gdpr ul li span {
  padding: 2px;
  margin-right: 4px;
}
@media (max-width: 783px) {
  #compliance-resources-eu #requirements-eu-gdpr ul li {
    font-size: 16px;
  }
}
#compliance-resources-eu #requirements-eu-gdpr ul li em {
  font-weight: 300;
}
#compliance-resources-eu #requirements-eu-gdpr ul li .fa-li {
  font-size: 14px;
  color: #47525d;
  padding-top: 4px;
}
#compliance-resources-eu #requirements-eu-gdpr a {
  color: #3970B1;
}
#compliance-resources-eu #requirements-eu-gdpr a:hover {
  color: #3970B1;
}
#compliance-resources-eu #requirements-eu-gdpr .separator {
  padding-top: 50px;
  min-width: 60%;
  max-width: 60%;
  position: relative;
  overflow: visible;
  left: 20%;
  border-bottom: #D5D8E3 1px solid;
}
#compliance-resources-eu #detailed-checklist h2 h3 {
  text-align: left;
}
#compliance-resources-eu #detailed-checklist img {
  margin: 20px auto;
}
#compliance-resources-eu #detailed-checklist h4 {
  font-size: 20px;
  margin-bottom: 0;
}
#compliance-resources-eu #detailed-checklist h5 {
  color: #263353;
}
#compliance-resources-eu #detailed-checklist ul {
  padding: 10px 15px;
}
#compliance-resources-eu #detailed-checklist ul li {
  font-size: 18px;
  font-weight: 300;
  padding: 5px 0;
}
#compliance-resources-eu #detailed-checklist ul li span {
  padding: 2px;
  margin-right: 4px;
}
@media (max-width: 783px) {
  #compliance-resources-eu #detailed-checklist ul li {
    font-size: 16px;
  }
}
#compliance-resources-eu #detailed-checklist ul li em {
  font-weight: 300;
}
#compliance-resources-eu #detailed-checklist ul li .fa-li {
  font-size: 27px;
  color: #47525d;
}
#compliance-resources-eu #detailed-checklist a {
  color: #3970B1;
}
#compliance-resources-eu #detailed-checklist a:hover {
  color: #3970B1;
}
@media (max-width: 767px) {
  #compliance-resources-eu #detailed-checklist h2,
  #compliance-resources-eu #detailed-checklist h3 {
    text-align: center;
  }
}
#compliance-resources-eu #detailed-checklist table tr {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-top: 0;
}
#compliance-resources-eu #detailed-checklist table tr p {
  padding-bottom: 0;
  margin-bottom: 0;
}
#compliance-resources-eu #detailed-checklist table tr .first-col p {
  font-weight: 700;
  text-align: left;
}
#compliance-resources-eu #detailed-checklist table tr .second-col {
  border-right-style: solid;
  border-right-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  width: 10%;
}
#compliance-resources-eu #detailed-checklist table tr .third-col {
  width: 100%;
}
#compliance-resources-eu #detailed-checklist table tr td {
  padding: 10px;
  padding-top: 0;
  font-size: 14px;
  vertical-align: baseline;
}
#compliance-resources-eu #detailed-checklist table tr td h5 {
  font-size: 16px;
  text-align: left;
  margin-bottom: 0;
}
#compliance-resources-eu #detailed-checklist table tr td p {
  font-size: 14px;
}
#compliance-resources-eu #detailed-checklist table tr td ul {
  padding: 10px 15px;
}
#compliance-resources-eu #detailed-checklist table tr td ul li {
  list-style-type: none;
  padding: 5px 0;
  font-size: 14px;
}
#compliance-resources-eu #faq-cta-section .container {
  margin-top: 40px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #compliance-resources-eu #faq-cta-section .container {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
#compliance-resources-eu #faq-cta-section h3 {
  display: inline;
  margin-right: 20px;
}
@media (max-width: 767px) {
  #compliance-resources-eu #faq-cta-section h3 {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #compliance-resources-eu #faq-cta-section .btn {
    margin-top: 20px;
  }
}
/* ===================      HIPAA       ====================== */
#compliance-resources-hipaa {
  /* DOCS */
  /* detailed checklist HIPAA */
}
#compliance-resources-hipaa header {
  padding-top: 200px;
  padding-bottom: 120px;
  background-size: cover;
  background: url("../img/compliance/hero_image@2x.jpg");
  background-position: right center;
}
#compliance-resources-hipaa header h1 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 56px;
  line-height: 72px;
  letter-spacing: 1.3px;
  text-align: left;
}
#compliance-resources-hipaa header h2,
#compliance-resources-hipaa header h3,
#compliance-resources-hipaa header h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: left;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 991px) {
  #compliance-resources-hipaa header {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  #compliance-resources-hipaa header h1 {
    line-height: 45px;
    text-align: left !important;
    font-size: 32px;
    letter-spacing: 1px;
    padding-bottom: 10px;
  }
  #compliance-resources-hipaa header h2,
  #compliance-resources-hipaa header h3,
  #compliance-resources-hipaa header h4 {
    text-align: center;
    text-align: left !important;
    font-size: 17px;
    padding-bottom: 10px;
  }
}
#compliance-resources-hipaa header h1,
#compliance-resources-hipaa header h2 {
  color: #fff;
}
#compliance-resources-hipaa header .description-top {
  background: rgba(38, 51, 83, 0.7);
}
#compliance-resources-hipaa #intro-hipaa h2 h3 {
  text-align: left;
}
#compliance-resources-hipaa #intro-hipaa img {
  margin: 20px auto;
}
#compliance-resources-hipaa #intro-hipaa h4 {
  font-size: 20px;
  margin-bottom: 0;
}
#compliance-resources-hipaa #intro-hipaa ul {
  padding: 10px 15px;
}
#compliance-resources-hipaa #intro-hipaa ul li {
  font-size: 18px;
  font-weight: 300;
  padding: 5px 0;
}
#compliance-resources-hipaa #intro-hipaa ul li span {
  padding: 2px;
  margin-right: 4px;
}
@media (max-width: 783px) {
  #compliance-resources-hipaa #intro-hipaa ul li {
    font-size: 16px;
  }
}
#compliance-resources-hipaa #intro-hipaa ul li em {
  font-weight: 300;
}
#compliance-resources-hipaa #intro-hipaa ul li .fa-li {
  font-size: 17px;
  color: #47525d;
}
#compliance-resources-hipaa #intro-hipaa a {
  color: #3970B1;
}
#compliance-resources-hipaa #intro-hipaa a:hover {
  color: #3970B1;
}
@media (max-width: 767px) {
  #compliance-resources-hipaa #intro-hipaa h2,
  #compliance-resources-hipaa #intro-hipaa h3 {
    text-align: center;
  }
}
#compliance-resources-hipaa #detailed-checklist h2 h3 {
  text-align: left;
}
#compliance-resources-hipaa #detailed-checklist img {
  margin: 20px auto;
}
#compliance-resources-hipaa #detailed-checklist h4 {
  font-size: 20px;
  margin-bottom: 0;
}
#compliance-resources-hipaa #detailed-checklist h5 {
  color: #263353;
}
#compliance-resources-hipaa #detailed-checklist ul {
  padding: 10px 15px;
}
#compliance-resources-hipaa #detailed-checklist ul li {
  font-size: 18px;
  font-weight: 300;
  padding: 5px 0;
}
#compliance-resources-hipaa #detailed-checklist ul li span {
  padding: 2px;
  margin-right: 4px;
}
@media (max-width: 783px) {
  #compliance-resources-hipaa #detailed-checklist ul li {
    font-size: 16px;
  }
}
#compliance-resources-hipaa #detailed-checklist ul li em {
  font-weight: 300;
}
#compliance-resources-hipaa #detailed-checklist ul li .fa-li {
  font-size: 27px;
  color: #47525d;
}
#compliance-resources-hipaa #detailed-checklist a {
  color: #3970B1;
}
#compliance-resources-hipaa #detailed-checklist a:hover {
  color: #3970B1;
}
@media (max-width: 767px) {
  #compliance-resources-hipaa #detailed-checklist h2,
  #compliance-resources-hipaa #detailed-checklist h3 {
    text-align: center;
  }
}
#compliance-resources-hipaa #detailed-checklist table tr .second-col {
  border-right-style: solid;
  border-right-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
}
#compliance-resources-hipaa #detailed-checklist table tr .second-row {
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: 0;
}
#compliance-resources-hipaa #detailed-checklist table tr .second-row p {
  padding-bottom: 0;
  margin-bottom: 0;
}
#compliance-resources-hipaa #detailed-checklist table tr td {
  padding: 10px;
  padding-top: 0;
  width: 40%;
  font-size: 14px;
  vertical-align: baseline;
}
#compliance-resources-hipaa #detailed-checklist table tr td h5 {
  font-size: 16px;
  text-align: left;
  margin-bottom: 0;
}
#compliance-resources-hipaa #detailed-checklist table tr td p {
  font-size: 14px;
}
#compliance-resources-hipaa #detailed-checklist table tr td ul {
  padding: 10px 15px;
}
#compliance-resources-hipaa #detailed-checklist table tr td ul li {
  list-style-type: none;
  padding: 5px 0;
  font-size: 14px;
}
#compliance-resources-hipaa #faq-cta-section .container {
  margin-top: 40px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #compliance-resources-hipaa #faq-cta-section .container {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
#compliance-resources-hipaa #faq-cta-section h3 {
  display: inline;
  margin-right: 20px;
}
@media (max-width: 767px) {
  #compliance-resources-hipaa #faq-cta-section h3 {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #compliance-resources-hipaa #faq-cta-section .btn {
    margin-top: 20px;
  }
}
#survey header .header-section {
  padding: 160px 0 100px;
}
#survey header h1,
#survey header h2 {
  color: #fff;
}
#survey .question-item {
  background-color: #F6F7FB;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 20px 20px 20px;
}
#survey .question-item h1,
#survey .question-item h2 {
  text-align: center;
  font-weight: 500;
}
#survey .question-item h1,
#survey .question-item h2,
#survey .question-item h3,
#survey .question-item h4,
#survey .question-item h5,
#survey .question-item h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#survey .question-item h3 {
  text-align: center;
  padding-bottom: 25px;
}
@media (max-width: 991px) {
  #survey .question-item h3 {
    padding-bottom: 15px;
  }
}
#survey .question-item .text {
  text-align: left;
}
@media (max-width: 500px) {
  #survey .question-item .text {
    text-align: center;
  }
}
#survey .question-item .buttons {
  text-align: right;
}
@media (max-width: 500px) {
  #survey .question-item .buttons {
    text-align: center;
  }
}
#survey .question-separator {
  margin-bottom: 50px;
}
#survey .btn-results {
  display: none;
  margin-top: 20px;
  color: #263353;
  border: 2px solid transparent;
  background-color: #fff;
  border-color: #263353;
}
#survey .btn-results:hover {
  background-color: transparent;
  color: #263353 !important;
  border-color: #263353;
}
#survey .btn-results:focus,
#survey .btn-results:active,
#survey .btn-results.active,
#survey .btn-results:active:focus,
#survey .btn-results.active:focus {
  background-color: #263353;
  border-color: #263353;
  color: #fff !important;
}
#survey .suggestion {
  min-height: unset;
  padding: unset;
  float: unset;
}
#survey .suggestion .panel {
  background-color: #fff;
  border-radius: 0;
  padding: 0;
}
#survey .suggestion .panel h2 {
  margin: 0;
  padding: 15px 0 0;
}
#survey .suggestion .panel h3 {
  margin: 0;
  text-align: left;
}
#survey .suggestion .panel p,
#survey .suggestion .panel li {
  font-size: 16px;
}
#survey .suggestion .panel .btn {
  padding-right: 30px;
  padding-left: 30px;
}
#survey .suggestion .panel .panel-heading {
  background-color: #F6F7FB;
  padding: 0 25px;
  border: 0;
}
#survey .suggestion .panel .panel-body {
  background-color: #F6F7FB;
  padding: 5px 25px;
  font-size: 16px;
}
#survey .suggestion .panel .panel-body .collapse {
  max-height: 460px;
}
#survey .suggestion .panel .panel-body .collapse-btn-more,
#survey .suggestion .panel .panel-body .collapse-btn-less {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #263353;
  padding: 15px 0;
}
#survey .suggestion .panel .panel-body .collapse-btn-more .fa,
#survey .suggestion .panel .panel-body .collapse-btn-less .fa {
  color: #263353;
}
#survey .suggestion .panel .panel-footer {
  background-color: #fff;
  border: 0;
  padding: 20px;
}
#survey .suggestion .panel .panel-footer p {
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  padding-bottom: 13px;
}
#survey .suggestion .panel .panel-footer .btn-default-inverted {
  color: #263353;
  border: 2px solid #263353;
  margin-top: 13px;
}
#survey .suggestion .modal-content .close {
  margin-top: 30px;
  margin-bottom: 0;
}
#survey .suggestion .modal-content .modal-header {
  background-color: #fff;
  border-radius: 0;
  padding: 0;
  background-color: #F6F7FB;
  padding: 0 25px;
  border: 0;
}
#survey .suggestion .modal-content .modal-header h2 {
  margin: 0;
  padding: 15px 0 0;
}
#survey .suggestion .modal-content .modal-header h3 {
  margin: 0;
  text-align: left;
}
#survey .suggestion .modal-content .modal-header p,
#survey .suggestion .modal-content .modal-header li {
  font-size: 16px;
}
#survey .suggestion .modal-content .modal-header .btn {
  padding-right: 30px;
  padding-left: 30px;
}
#survey .suggestion .modal-content .modal-header .panel-heading {
  background-color: #F6F7FB;
  padding: 0 25px;
  border: 0;
}
#survey .suggestion .modal-content .modal-header .panel-body {
  background-color: #F6F7FB;
  padding: 5px 25px;
  font-size: 16px;
}
#survey .suggestion .modal-content .modal-header .panel-body .collapse {
  max-height: 460px;
}
#survey .suggestion .modal-content .modal-header .panel-body .collapse-btn-more,
#survey .suggestion .modal-content .modal-header .panel-body .collapse-btn-less {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #263353;
  padding: 15px 0;
}
#survey .suggestion .modal-content .modal-header .panel-body .collapse-btn-more .fa,
#survey .suggestion .modal-content .modal-header .panel-body .collapse-btn-less .fa {
  color: #263353;
}
#survey .suggestion .modal-content .modal-header .panel-footer {
  background-color: #fff;
  border: 0;
  padding: 20px;
}
#survey .suggestion .modal-content .modal-header .panel-footer p {
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  padding-bottom: 13px;
}
#survey .suggestion .modal-content .modal-header .panel-footer .btn-default-inverted {
  color: #263353;
  border: 2px solid #263353;
  margin-top: 13px;
}
#survey .suggestion .modal-content .modal-header .modal-title {
  line-height: 52px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#survey .suggestion .modal-content .modal-header .icon-text {
  font-size: 30px;
  vertical-align: middle;
}
#survey .suggestion .modal-content .modal-header .fa {
  vertical-align: middle;
}
#survey .suggestion .modal-content .modal-body {
  background-color: #fff;
  border-radius: 0;
  padding: 0;
  background-color: #F6F7FB;
  padding: 5px 25px;
  font-size: 16px;
}
#survey .suggestion .modal-content .modal-body h2 {
  margin: 0;
  padding: 15px 0 0;
}
#survey .suggestion .modal-content .modal-body h3 {
  margin: 0;
  text-align: left;
}
#survey .suggestion .modal-content .modal-body p,
#survey .suggestion .modal-content .modal-body li {
  font-size: 16px;
}
#survey .suggestion .modal-content .modal-body .btn {
  padding-right: 30px;
  padding-left: 30px;
}
#survey .suggestion .modal-content .modal-body .panel-heading {
  background-color: #F6F7FB;
  padding: 0 25px;
  border: 0;
}
#survey .suggestion .modal-content .modal-body .panel-body {
  background-color: #F6F7FB;
  padding: 5px 25px;
  font-size: 16px;
}
#survey .suggestion .modal-content .modal-body .panel-body .collapse {
  max-height: 460px;
}
#survey .suggestion .modal-content .modal-body .panel-body .collapse-btn-more,
#survey .suggestion .modal-content .modal-body .panel-body .collapse-btn-less {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #263353;
  padding: 15px 0;
}
#survey .suggestion .modal-content .modal-body .panel-body .collapse-btn-more .fa,
#survey .suggestion .modal-content .modal-body .panel-body .collapse-btn-less .fa {
  color: #263353;
}
#survey .suggestion .modal-content .modal-body .panel-footer {
  background-color: #fff;
  border: 0;
  padding: 20px;
}
#survey .suggestion .modal-content .modal-body .panel-footer p {
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  padding-bottom: 13px;
}
#survey .suggestion .modal-content .modal-body .panel-footer .btn-default-inverted {
  color: #263353;
  border: 2px solid #263353;
  margin-top: 13px;
}
#survey .suggestion .modal-content .modal-body .collapse {
  max-height: 460px;
}
#survey .suggestion .modal-content .modal-body .collapse-btn-more,
#survey .suggestion .modal-content .modal-body .collapse-btn-less {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #263353;
  padding: 15px 0;
}
#survey .suggestion .modal-content .modal-body .collapse-btn-more .fa,
#survey .suggestion .modal-content .modal-body .collapse-btn-less .fa {
  color: #263353;
}
#survey .suggestion .modal-content .modal-footer {
  border-radius: 0;
  padding: 0;
  background-color: #fff;
  border: 0;
  padding: 20px;
}
#survey .suggestion .modal-content .modal-footer h2 {
  margin: 0;
  padding: 15px 0 0;
}
#survey .suggestion .modal-content .modal-footer h3 {
  margin: 0;
  text-align: left;
}
#survey .suggestion .modal-content .modal-footer p,
#survey .suggestion .modal-content .modal-footer li {
  font-size: 16px;
}
#survey .suggestion .modal-content .modal-footer .btn {
  padding-right: 30px;
  padding-left: 30px;
}
#survey .suggestion .modal-content .modal-footer .panel-heading {
  background-color: #F6F7FB;
  padding: 0 25px;
  border: 0;
}
#survey .suggestion .modal-content .modal-footer .panel-body {
  background-color: #F6F7FB;
  padding: 5px 25px;
  font-size: 16px;
}
#survey .suggestion .modal-content .modal-footer .panel-body .collapse {
  max-height: 460px;
}
#survey .suggestion .modal-content .modal-footer .panel-body .collapse-btn-more,
#survey .suggestion .modal-content .modal-footer .panel-body .collapse-btn-less {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #263353;
  padding: 15px 0;
}
#survey .suggestion .modal-content .modal-footer .panel-body .collapse-btn-more .fa,
#survey .suggestion .modal-content .modal-footer .panel-body .collapse-btn-less .fa {
  color: #263353;
}
#survey .suggestion .modal-content .modal-footer .panel-footer {
  background-color: #fff;
  border: 0;
  padding: 20px;
}
#survey .suggestion .modal-content .modal-footer .panel-footer p {
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  padding-bottom: 13px;
}
#survey .suggestion .modal-content .modal-footer .panel-footer .btn-default-inverted {
  color: #263353;
  border: 2px solid #263353;
  margin-top: 13px;
}
#survey .suggestion .modal-content .modal-footer p {
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  padding-bottom: 13px;
}
#survey .suggestion .modal-content .modal-footer .btn-default-inverted {
  color: #263353;
  border: 2px solid #263353;
  margin-top: 13px;
}
#survey .green-suggestion-bg {
  box-shadow: 0 0 15px 0 #21BF9A;
}
#survey .green-suggestion-bg .btn-success {
  background-color: #21BF9A;
}
#survey .green-suggestion-bg .fa {
  color: #21BF9A;
}
#survey .yellow-suggestion-bg {
  box-shadow: 0 0 15px 0 #FAD862;
}
#survey .yellow-suggestion-bg .btn-alert {
  background-color: #FAD862;
  color: #263353;
}
#survey .yellow-suggestion-bg .fa {
  color: #FAD862;
}
#survey .red-suggestion-bg {
  box-shadow: 0 0 15px 0 #F85252;
}
#survey .red-suggestion-bg .btn-danger {
  background-color: #F85252;
}
#survey .red-suggestion-bg .fa {
  color: #F85252;
}
#survey .grey-suggestion-bg {
  border: 5px #eeeeee solid;
}
#survey label {
  font-size: 14px;
}
#survey .glyphicon {
  color: #263353;
  font-size: 16px;
  margin-right: 3px;
}
#survey input[type='checkbox'].icon-checkbox {
  display: none;
}
#survey input[type='checkbox'].icon-checkbox + label .unchecked {
  display: inline;
}
#survey input[type='checkbox'].icon-checkbox + label .checked {
  display: none;
}
#survey input[type='checkbox']:checked.icon-checkbox {
  display: none;
}
#survey input[type='checkbox']:checked.icon-checkbox + label .unchecked {
  display: none;
}
#survey input[type='checkbox']:checked.icon-checkbox + label .checked {
  display: inline;
}
/***** BLOG PAGE *****/
#tutorial #tutorial-content {
  /* =The style for the lab  -------------------------------------------------------------- */
  /*======================= END NAVBAR =======================*/
}
#tutorial #tutorial-content #sidebar {
  width: 250px;
  float: left;
  /* navigation */
}
@media (max-width: 1024px) {
  #tutorial #tutorial-content #sidebar {
    width: 200px;
  }
}
@media (max-width: 768px) {
  #tutorial #tutorial-content #sidebar {
    display: none;
  }
}
#tutorial #tutorial-content #sidebar nav {
  width: 250px;
  background-color: #f0f0f0;
  border: solid 1px #dcdcdc;
  padding: 0 12px;
}
@media (max-width: 1024px) {
  #tutorial #tutorial-content #sidebar nav {
    width: 200px;
  }
}
@media (max-width: 994px) {
  #tutorial #tutorial-content #sidebar nav {
    display: none;
  }
}
#tutorial #tutorial-content #sidebar nav.stick {
  position: fixed;
  top: 0;
  z-index: 10000;
  margin-top: 65px;
}
#tutorial #tutorial-content #sidebar nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 30px;
}
#tutorial #tutorial-content #sidebar nav li {
  text-indent: 20px;
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.8px;
}
#tutorial #tutorial-content #sidebar nav li a {
  color: #263353;
}
#tutorial #tutorial-content #sidebar .nav-sidebar {
  margin-top: 30px;
}
#tutorial #tutorial-content #sidebar .sidebar-brand {
  height: 65px;
  font-size: 12px;
  line-height: 50px;
}
#tutorial #tutorial-content #sidebar .sidebar-brand a {
  color: #263353;
  text-decoration: underline;
  font-weight: 500;
}
#tutorial #tutorial-content #sidebar .sidebar-brand p {
  color: #263353;
}
#tutorial #tutorial-content #sidebar .sidebar-title {
  margin-top: 10px;
}
#tutorial #tutorial-content #sidebar .sidebar-title a,
#tutorial #tutorial-content #sidebar .sidebar-title p {
  color: #263353;
  font-size: 14px;
  font-weight: 500;
}
#tutorial #tutorial-content #sidebar a.nav-active {
  color: #263353;
  font-weight: 500;
}
#tutorial #tutorial-content #sidebar hr {
  border: none;
  background-color: #dcdcdc;
  height: 12px;
  margin-bottom: 18px;
}
#tutorial #tutorial-content #sidebar .clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
#tutorial #tutorial-content #content {
  width: 890px;
  float: right;
  padding-left: 24px;
  padding-top: 70px;
}
@media (max-width: 1024px) {
  #tutorial #tutorial-content #content {
    width: 740px;
  }
}
@media (max-width: 767px) {
  #tutorial #tutorial-content #content {
    width: 100%;
    padding-left: 0;
  }
}
#tutorial #tutorial-content #content h1,
#tutorial #tutorial-content #content h2,
#tutorial #tutorial-content #content h3,
#tutorial #tutorial-content #content h4,
#tutorial #tutorial-content #content h5,
#tutorial #tutorial-content #content h6 {
  text-align: left;
  padding: 0;
  color: #263353;
}
#tutorial #tutorial-content #content h2 {
  padding-top: 40px;
  padding-bottom: 0;
}
#tutorial #tutorial-content #content h2 a {
  color: #263353;
}
#tutorial #tutorial-content #content h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 1.1px;
  color: #4a4a4a;
}
#tutorial #tutorial-content #content p a {
  color: #47525D;
  text-decoration: underline;
}
#tutorial #tutorial-content #content .first-section h2 {
  padding-top: 0 !important;
}
#tutorial #tutorial-content #content .form-keys {
  padding: 20px 0 20px 10px;
  background: #263353;
}
#tutorial #tutorial-content #content .form-keys h5 {
  color: #eeeeee;
}
#tutorial #tutorial-content #content .form-keys label {
  color: #eeeeee;
  font-weight: 300;
}
#tutorial #tutorial-content #content .variables-constants {
  margin-top: 20px;
}
#tutorial #tutorial-content #content ul {
  font-size: 18px;
}
#tutorial #tutorial-content #content .next {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
  background: -webkit-linear-gradient(bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
  background: -moz-linear-gradient(bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
  background: -ms-linear-gradient(bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
  background: -o-linear-gradient(bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
  background: linear-gradient(to bottom, rgba(206, 229, 242, 0.7), #CEE5F2);
}
#tutorial #tutorial-content #content .noeffects {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
}
#tutorial #tutorial-content #content img {
  box-shadow: 10px 10px 5px #ccc;
  -moz-box-shadow: 10px 10px 5px #ccc;
  -webkit-box-shadow: 10px 10px 5px #ccc;
  -khtml-box-shadow: 10px 10px 5px #ccc;
}
#tutorial #tutorial-content #content .form-group {
  margin-right: 10px;
}
#tutorial #tutorial-content #content .form-group input[type='checkbox'] .form-control {
  border: none;
}
#tutorial #tutorial-content #content .form-group input[type='checkbox']:hover {
  border: none;
  box-shadow: none;
}
#tutorial #tutorial-content #content .panel {
  margin-top: 20px;
  border: none;
  background-color: #ffffff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
}
#tutorial #tutorial-content #content .panel ul {
  padding-left: 30px;
  padding-top: 10px;
}
#tutorial #tutorial-content #content .panel .panel-heading {
  background-color: #f9f9f9;
  border: none;
}
#tutorial #tutorial-content #content .panel .panel-heading h1,
#tutorial #tutorial-content #content .panel .panel-heading h2,
#tutorial #tutorial-content #content .panel .panel-heading h3,
#tutorial #tutorial-content #content .panel .panel-heading h4,
#tutorial #tutorial-content #content .panel .panel-heading h5,
#tutorial #tutorial-content #content .panel .panel-heading h6 {
  padding: 0;
}
#tutorial #tutorial-content #content .panel .panel-body {
  padding: 0 0 10px 0;
}
#tutorial #tutorial-content #content .panel-danger {
  border-color: #FF6D4D;
}
#tutorial #tutorial-content #content .panel-danger .panel-heading {
  color: #FF6D4D;
  background-color: #FF6D4D;
  border-color: #FF6D4D;
  border-radius: 0;
}
#tutorial #tutorial-content #content .panel-danger .panel-heading h3 {
  color: #fff;
}
#tutorial #tutorial-content #content .panel-success {
  border-color: #21BF9A;
}
#tutorial #tutorial-content #content .panel-success .panel-heading {
  color: #21BF9A;
  background-color: #21BF9A;
  border-color: #21BF9A;
  border-radius: 0;
}
#tutorial #tutorial-content #content .panel-success .panel-heading h3 {
  color: #fff;
}
#tutorial #tutorial-content #content .img-container {
  margin: 50px;
}
@media (max-width: 767px) {
  #tutorial #tutorial-content #content .img-container {
    margin: 10px;
  }
}
#tutorial #tutorial-content #content .next-tutorial-cta {
  margin-top: 100px;
  margin-bottom: 40px;
}
#tutorial #tutorial-content #content .next-tutorial-cta p {
  font-size: 18px;
}
/***** Login e SIGNUP *****/
#platform {
  background: #263353;
}
#platform .vertical-center {
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh;
  /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}
#platform .top {
  padding: 64px 0 72px;
}
#platform .top p {
  color: #efefef;
  text-align: center;
}
@media (max-width: 767px) {
  #platform .top {
    padding: 12px 0 16px;
  }
}
#platform img {
  display: inline-block;
  margin-right: 5px;
  height: 100px;
  padding-bottom: 15px;
}
@media (max-height: 600px) {
  #platform img {
    height: 80px;
  }
}
#platform h3 {
  color: #fff;
  text-align: center;
}
#platform #environments {
  background: #263353;
}
#platform #environments .vertical-center {
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh;
  /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}
#platform #environments .top {
  padding: 64px 0 72px;
}
#platform #environments .top p {
  color: #efefef;
  text-align: center;
}
@media (max-width: 767px) {
  #platform #environments .top {
    padding: 12px 0 16px;
  }
}
#platform #environments img {
  display: inline-block;
  margin-right: 5px;
  height: 100px;
  padding-bottom: 15px;
}
@media (max-height: 600px) {
  #platform #environments img {
    height: 80px;
  }
}
#platform #environments h3 {
  color: #fff;
}
#platform #environments .panel-price {
  background-color: #fdfdfd;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  border: none;
}
#platform #environments .panel-price .panel-top {
  border-radius: 4px 4px 0 0;
  background-color: #21BF9A !important;
}
#platform #environments .panel-price .panel-top h3 {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 1.5px;
  text-align: center;
  color: #fff;
  padding: 3px;
}
#platform #environments .panel-price .panel-top-dev {
  background-color: #CEE5F2 !important;
}
#platform #environments .panel-price .panel-top-dev h3 {
  color: #263353;
}
#platform #environments .panel-price .panel-top-ad-hoc {
  background-color: #263353 !important;
}
#platform #environments .panel-price .panel-top-ad-hoc h3 {
  color: #fff;
}
#platform #environments .panel-price .panel-body {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 30px 0 20px;
  color: #47525D;
  font-weight: 300;
}
#platform #environments .panel-price .panel-body p {
  font-size: 20px;
  text-align: center;
}
#platform #environments .panel-price .panel-body a {
  margin: 10px 0;
}
#platform #environments .panel-price .panel-body .price-tag {
  color: #4990E2;
  font-size: 56px;
}
#platform #environments .panel-price .panel-body .btn {
  box-shadow: none;
}
#platform #environments .panel-price .panel-body .panel-body-custom {
  height: 60px;
}
@media (max-width: 1190px) {
  #platform #environments .panel-price .panel-body .panel-body-custom {
    height: 80px;
  }
}
@media (max-width: 991px) {
  #platform #environments .panel-price .panel-body .panel-body-custom {
    height: 72px;
  }
}
@media (max-width: 768px) {
  #platform #environments .panel-price .panel-body .panel-body-custom {
    height: 0px;
  }
}
#platform #environments .box-bottom {
  padding: 35px;
  color: #d8d8d8;
}
#platform #environments .box-bottom p {
  font-size: 18px;
}
#platform #environments .name {
  color: #263353;
  font-size: 21px;
}
#platform #environments .period {
  color: #263353;
  font-size: 18px;
}
#platform #environments .free {
  font-size: 18px;
  margin-bottom: 15px;
}
#platform #environments .free span {
  font-size: 16px;
  text-decoration: line-through;
  color: #d8d8d8;
  padding-right: 5px;
}
#platform #environments .title {
  color: #fff;
  font-weight: 300 !important;
  margin: 10px 0 30px;
  padding: 0 0 20px;
  border-bottom: #263353 1px solid;
}
#careers-page header {
  padding-top: 200px;
  padding-bottom: 120px;
  background-image: url("../img/work1-blue-opacity.jpg");
  background-size: cover;
  background-position: center center;
}
#careers-page header h1 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 56px;
  line-height: 72px;
  letter-spacing: 1.3px;
  text-align: left;
}
#careers-page header h2,
#careers-page header h3,
#careers-page header h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: left;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 991px) {
  #careers-page header {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  #careers-page header h1 {
    line-height: 45px;
    text-align: left !important;
    font-size: 32px;
    letter-spacing: 1px;
    padding-bottom: 10px;
  }
  #careers-page header h2,
  #careers-page header h3,
  #careers-page header h4 {
    text-align: center;
    text-align: left !important;
    font-size: 17px;
    padding-bottom: 10px;
  }
}
#careers-page header h1,
#careers-page header h2 {
  color: #fff;
}
#careers-page header .description-top {
  background: rgba(38, 51, 83, 0.7);
}
#careers-page p {
  font-size: 15px;
}
#careers-page .black {
  background-color: inherit;
  border-bottom: 3px #263353 solid;
}
#careers-page #introduction {
  padding: 64px 0 72px;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  #careers-page #introduction {
    padding: 12px 0 16px;
  }
}
#careers-page #introduction h1,
#careers-page #introduction h2 {
  text-align: center;
  font-weight: 500;
}
#careers-page #introduction h1,
#careers-page #introduction h2,
#careers-page #introduction h3,
#careers-page #introduction h4,
#careers-page #introduction h5,
#careers-page #introduction h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#careers-page #introduction h1 {
  text-align: center;
  margin: 0;
  margin-top: 50px;
}
#careers-page #introduction .separator {
  margin-bottom: 30px;
}
#careers-page #introduction p {
  text-align: justify;
}
#careers-page #introduction img {
  max-height: 100px;
}
@media (max-width: 320px) {
  #careers-page #introduction img {
    max-height: 50px;
  }
}
#careers-page #introduction .v-align {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
#careers-page #introduction .border-right {
  border-right: 1px solid #d8d8d8;
}
#careers-page #introduction span {
  color: #47525D;
  font-size: 18px;
}
@media (max-width: 480px) {
  #careers-page #introduction span {
    padding-bottom: 15px;
  }
}
#careers-page #introduction small {
  text-align: center;
  padding-top: 20px;
}
#careers-page #introduction a {
  color: #47525D;
}
#careers-page #introduction .card {
  background-color: #fff;
  background: -webkit-gradient(bottom, rgba(239, 239, 239, 0.7), #efefef);
  background: -webkit-linear-gradient(bottom, rgba(239, 239, 239, 0.7), #efefef);
  background: -moz-linear-gradient(bottom, rgba(239, 239, 239, 0.7), #efefef);
  background: -ms-linear-gradient(bottom, rgba(239, 239, 239, 0.7), #efefef);
  background: -o-linear-gradient(bottom, rgba(239, 239, 239, 0.7), #efefef);
  background: linear-gradient(to bottom, rgba(239, 239, 239, 0.7), #efefef);
  margin: 10px;
}
#careers-page #questions {
  padding: 64px 0 72px;
}
@media (max-width: 767px) {
  #careers-page #questions {
    padding: 12px 0 16px;
  }
}
#careers-page #questions h1,
#careers-page #questions h2 {
  text-align: center;
  font-weight: 500;
}
#careers-page #questions h1,
#careers-page #questions h2,
#careers-page #questions h3,
#careers-page #questions h4,
#careers-page #questions h5,
#careers-page #questions h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#careers-page #questions h1,
#careers-page #questions h2,
#careers-page #questions h3 {
  text-align: left;
}
#careers-page #questions h3 {
  padding-bottom: 20px;
}
#careers-page #questions h1 {
  text-align: center;
  margin: 0;
  padding: 20px;
  color: #263353;
}
#careers-page #questions li {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
#careers-page #questions li p {
  line-height: 20px;
}
@media (max-width: 440px) {
  #careers-page #questions li {
    width: 100%;
  }
}
#careers-page #questions li a {
  font-family: "Roboto Slab", serif;
  font-size: 17px;
  color: #47525D;
}
#careers-page #questions li a:focus {
  background-color: #F6F7FB;
}
#careers-page #questions li a:hover {
  background-color: #F6F7FB;
}
#careers-page #questions li.active a {
  border: 0;
  border-bottom: #F6F7FB 3px solid;
  background: #263353;
  color: #fff;
}
#careers-page #questions li.active a:hover a {
  background: #263353;
}
#careers-page #questions .tab-content {
  margin-top: 18px;
}
#careers-page #questions .tab-content li {
  text-align: left;
  width: 100%;
  font-size: 18px;
}
#careers-page #questions .tab-content table {
  margin: 0 10px;
}
#careers-page #questions .tab-content table th {
  padding: 0 5px;
}
#careers-page #questions .tab-content table td {
  padding: 0 3px;
}
#careers-page #questions p a {
  color: #FF6D4D;
}
/* FAQ COLLAPSE */
#tech h1,
#tech h2,
#tech h3,
#tech h4,
#tech h5,
#tech h6 {
  text-align: center;
}
@media (max-width: 767px) {
  #tech h1,
  #tech h2,
  #tech h3,
  #tech h4,
  #tech h5,
  #tech h6 {
    text-align: left;
  }
}
#tech header {
  background-color: #fff;
}
#tech p {
  font-size: 15px;
}
#tech #description-top {
  padding: 64px 0 72px;
  margin-top: 90px;
  background-color: #F6F7FB;
  text-align: left !important;
  background-color: linear-gradient(#F6F7FB, #fff);
}
@media (max-width: 767px) {
  #tech #description-top {
    padding: 12px 0 16px;
  }
}
@media (max-width: 991px) {
  #tech #description-top {
    padding: 60px 0;
  }
}
@media (max-width: 1199px) {
  #tech #description-top {
    padding-bottom: 40px;
  }
}
@media (max-width: 1199px) {
  #tech #description-top h1 {
    line-height: 45px;
    font-size: 32px;
    letter-spacing: 1px;
  }
}
@media (max-width: 767px) {
  #tech #description-top h1 {
    padding-bottom: 10px;
    line-height: 1.44;
    letter-spacing: 0.9px;
  }
}
#tech #description-top h4 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.9px;
}
@media (max-width: 1199px) {
  #tech #description-top h4 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1em;
  }
}
#tech #description-top p {
  font-size: 20px;
  text-align: left;
}
#tech #description-top .title {
  padding-bottom: 40px;
}
#tech #description-top .sub-title {
  margin-top: 0;
  letter-spacing: 2.8px;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  line-height: 52px;
}
@media (max-width: 991px) {
  #tech #description-top .sub-title {
    margin-top: 10px;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
  }
}
#tech #description-top .btn {
  margin: 0 auto;
  padding: 10px 0;
  display: inline-block;
}
@media (min-width: 768px) {
  #tech #description-top .btn {
    width: 260px;
  }
}
#tech #description-top .text-center {
  text-align: center;
}
#tech #description-top .lateral-text {
  margin-top: 67px;
}
#tech #description-top .description {
  padding-top: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}
#tech #description-top .title-left {
  text-align: right !important;
  font-family: RobotoSlab;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.8px;
  color: #263353;
}
#tech #description-top .description-left {
  text-align: right;
  font-size: 12px;
  padding-bottom: 30px !important;
  opacity: 0.7;
  line-height: 1.33;
  letter-spacing: 0.8px;
  color: #263353;
}
#tech #description-top .red-text-new {
  color: #ff2d55;
}
#tech #description-top .labels-lh {
  line-height: 40px;
}
#tech #description-top .labels {
  text-align: center !important;
}
#tech #description-top .labels p {
  font-family: Roboto;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  color: #263353;
}
#tech #description-top .labels .label {
  font-family: Roboto;
  border-radius: 26px;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.8px;
  text-align: center;
  font-weight: 400;
}
#tech #description-top .labels .label-list {
  line-height: 30px;
  margin: 0 3px !important;
}
#tech #description-top .labels .label-primary {
  background-color: inherit;
  border: 1px solid #4990E2;
  color: #4990E2 !important;
  margin-bottom: 10px;
}
#tech #description-top .labels .label-info {
  background-color: #263353 !important;
}
#tech #description-top .labels .label-info-2 {
  margin: 2px 0;
  border: 2px solid #263353;
  color: #263353 !important;
}
#tech #description-top .labels .label-danger {
  background-color: #ff2d55 !important;
}
#tech #description-top .labels a {
  color: #263353;
  text-decoration: underline;
}
#tech #description-top .circle {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #4990E2;
  position: absolute;
  right: -12px;
}
#tech #description-top .circle-blue {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #4990E2;
  position: absolute;
  right: -12px;
  background: #263353;
}
#tech #description-top .circle-green {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #4990E2;
  position: absolute;
  right: -12px;
  background: #21BF9A;
}
#tech #description-top .circle-red {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #4990E2;
  position: absolute;
  right: -12px;
  background: #ff2d55;
}
#tech #description-top .row .border0 {
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #4990E2 0%, #263353 100%);
  border-image-slice: 1;
}
#tech #description-top .row .border1 {
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #263353 0%, #263353 70%, rgba(38, 51, 83, 0) 100%);
  border-image-slice: 1;
}
#tech #description-top .row .border2 {
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #ff2d55 0%, #ff2d55 30%, #21BF9A 100%);
  border-image-slice: 1;
}
#tech #description-top .row .border3 {
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #21BF9A 0%, #21BF9A 74%, rgba(33, 191, 154, 0.002) 100%);
  border-image-slice: 1;
}
#tech #description-top h5 {
  font-size: 20px;
  font-weight: normal;
  line-height: 30px;
  letter-spacing: 0.6px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  #tech #description-top h5 {
    padding-bottom: 0;
  }
}
#tech #description-top .item h4 {
  font-weight: 500;
}
@media (max-width: 991px) {
  #tech #description-top .item h4 {
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
  }
}
#tech #description-top li {
  margin-bottom: 20px;
}
#tech #description-top img {
  margin-top: 40px;
}
@media (max-width: 991px) {
  #tech #description-top img {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #tech #description-top img {
    padding: 30px 0;
  }
}
#tech #description-top .icons {
  display: block;
  padding-left: 0px;
  margin: 0 auto;
}
#tech #description-top .ribbon {
  position: absolute;
  right: 25px;
  width: 50px;
}
#tech #scroll {
  position: relative;
  top: -25px;
  left: calc(50% - 25px);
}
#tech #scroll .btn-circle {
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 12px 0;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 25px;
}
#tech #scroll .btn-circle i {
  padding-left: 2px;
}
#tech #arch {
  padding: 64px 0 72px;
  padding-top: 20px;
  min-height: 700px;
}
@media (max-width: 767px) {
  #tech #arch {
    padding: 12px 0 16px;
  }
}
@media (max-width: 991px) {
  #tech #arch {
    min-height: 0;
  }
}
#tech #arch .progress-bar-success {
  background-color: #72B566;
}
#tech #arch h4 {
  font-size: 21px;
  line-height: 21px;
  margin-bottom: 12px;
  text-align: left;
}
#tech #arch h5 {
  color: #263353;
  font-weight: 500;
}
@media (max-width: 991px) {
  #tech #arch h5 {
    line-height: 1.29;
  }
}
#tech #arch .progress-triade {
  text-align: center;
}
@media (max-width: 767px) {
  #tech #arch .progress-triade {
    text-align: left;
  }
}
#tech #arch .label {
  font-family: Roboto;
  border-radius: 26px;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.8px;
  text-align: center;
  font-weight: 400;
}
#tech #arch .label-primary {
  background-color: inherit;
  border: 1px solid #4990E2;
  color: #4990E2 !important;
  margin-bottom: 10px;
}
#tech #arch .label-info {
  background-color: #263353 !important;
}
#tech #arch .label-success {
  background-color: #72B566 !important;
}
#tech #arch .label-primary {
  background-color: inherit;
  border: 1px solid #4990E2;
  color: #4990E2 !important;
  margin-bottom: 10px;
}
#tech #arch .label-success-0 {
  background-color: transparent !important;
  border: 2px solid #72B566;
  color: #72B566;
}
#tech #arch .label-success-25 {
  background: -moz-linear-gradient(left, #72B566 0%, #72B566 25%, #263353 25%);
  background: -webkit-linear-gradient(left, #72B566 0%, #72B566 25%, #263353 25%);
  background: -o-linear-gradient(left, #72B566 0%, #72B566 25%, #263353 25%);
  background: -linear-gradient(left, #72B566 0%, #72B566 25%, #263353 25%);
}
#tech #arch .label-success-50 {
  background: -moz-linear-gradient(left, #72B566 0%, #72B566 50%, #263353 50%);
  background: -webkit-linear-gradient(left, #72B566 0%, #72B566 50%, #263353 50%);
  background: -o-linear-gradient(left, #72B566 0%, #72B566 50%, #263353 50%);
  background: -linear-gradient(left, #72B566 0%, #72B566 50%, #263353 50%);
}
#tech #arch .label-success-75 {
  background: -moz-linear-gradient(left, #72B566 0%, #72B566 75%, #263353 75%);
  background: -webkit-linear-gradient(left, #72B566 0%, #72B566 75%, #263353 75%);
  background: -o-linear-gradient(left, #72B566 0%, #72B566 75%, #263353 75%);
  background: -linear-gradient(left, #72B566 0%, #72B566 75%, #263353 75%);
}
#tech #arch .console {
  min-height: 100px;
  width: 90%;
  position: absolute;
  bottom: -140px;
}
#tech #arch .console pre {
  background-color: #263353;
  color: #72B566;
}
#tech #arch .console .hljs-comment {
  color: #F6F7FB;
}
#tech #arch .progress-indicator {
  font-weight: 500;
}
#tech #arch .progress-indicator a {
  color: #47525D;
  text-decoration: underline;
  cursor: pointer;
}
#tech #arch .progress-indicator .bubble {
  background-color: #d5d8e3;
  border: solid 2px #d5d8e3;
}
#tech #arch .progress-indicator .bubble::before {
  background-color: #d5d8e3;
}
#tech #arch .progress-indicator .bubble::after {
  background-color: #d5d8e3;
}
#tech #arch .progress-indicator .completed {
  color: #72B566;
}
#tech #arch .progress-indicator .completed .bubble {
  color: #72B566;
  background-color: #72B566;
  border: solid 2px #72B566;
}
#tech #arch .progress-indicator .completed .bubble::before {
  background-color: #72B566;
}
#tech #arch .progress-indicator .completed .bubble::after {
  background-color: #72B566;
}
#tech #arch .progress-indicator .active .bubble {
  background-color: #263353;
  border: solid 2px #263353;
}
#tech #arch .progress-indicator .active .bubble::before {
  background-color: #263353;
}
#tech #arch .progress-indicator .active .bubble::after {
  background-color: #263353;
}
#tech #resp {
  padding: 64px 0 72px;
  color: #fff !important;
  background: #263353;
}
@media (max-width: 767px) {
  #tech #resp {
    padding: 12px 0 16px;
  }
}
#tech #resp h2 {
  color: #fff !important;
  padding: 20px 0;
}
#tech #resp p {
  color: #fff;
}
#tech #admin {
  padding: 64px 0 72px;
  background-color: #F6F7FB;
}
@media (max-width: 767px) {
  #tech #admin h2 {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  #tech #admin {
    padding: 12px 0 16px;
  }
}
#tech #admin .progress-bar-success {
  background-color: #72B566;
}
#tech #admin .btn {
  margin-top: 16px;
}
#tech #admin .label {
  font-family: Roboto;
  border-radius: 26px;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.8px;
  text-align: center;
  font-weight: 400;
}
#tech #admin .label-success {
  background-color: #72B566 !important;
}
#tech #admin .label-success-75 {
  background: -moz-linear-gradient(left, #72B566 0, #72B566 75%, rgba(114, 181, 102, 0.5) 76%);
  background: -webkit-linear-gradient(left, #72B566 0, #72B566 75%, rgba(114, 181, 102, 0.5) 76%);
  background: -o-linear-gradient(left, #72B566 0, #72B566 75%, rgba(114, 181, 102, 0.5) 76%);
  background: -linear-gradient(left, #72B566 0, #72B566 75%, rgba(114, 181, 102, 0.5) 76%);
  border: 2px #72B566 solid;
}
#tech #background-diagonal-separator-first {
  background: linear-gradient(to right bottom, #fff 50%, #F6F7FB 50%);
  height: 100px;
  margin-top: -100px;
}
@media (max-width: 767px) {
  #tech #background-diagonal-separator-first {
    height: 70px;
  }
}
#tech #background-diagonal-separator-second {
  background: linear-gradient(to right bottom, #F6F7FB 50%, #fff 50%);
  height: 250px;
  margin-top: -250px;
}
#tech #triade {
  padding-top: 40px;
  background-color: #fff;
}
#tech #triade h1 {
  margin: 60px 0 60px;
  letter-spacing: 0.8px;
}
#tech #triade .title {
  height: 50px;
  display: flex;
  align-items: center;
}
#tech #triade .title h4 {
  margin: 0;
  line-height: 25px;
  font-size: 22px;
}
#tech #triade img {
  height: 50px;
}
#tech #triade .panel {
  padding-bottom: 10px;
}
#tech #triade-mobile {
  padding-top: 30px;
  padding-bottom: 40px;
  background-color: #fff;
}
#tech #triade-mobile .panel {
  padding: 20px;
}
#tech #triade-mobile .panel-title {
  padding-top: 0px;
  text-align: left;
}
#tech #cooperate {
  padding: 64px 0 72px;
  padding-bottom: 0px;
  background-color: #fff;
}
@media (max-width: 767px) {
  #tech #cooperate {
    padding: 12px 0 16px;
  }
}
#tech #cooperate h1 {
  margin: 60px 0 55px;
}
#tech #cooperate img {
  max-height: 64px;
}
#tech #cooperate .panel {
  height: auto;
}
#tech #cooperate .panel-title img {
  max-width: 12px;
}
@media (min-width: 992px) {
  #tech #cooperate .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 992px) {
  #tech #cooperate .col-md-4 {
    display: flex;
  }
}
#tech #last-call-to-action {
  background-color: #fff;
}
#tech #compliance-content {
  padding: 64px 0 72px;
  background-color: #F6F7FB;
}
#tech #compliance-content h1,
#tech #compliance-content h2 {
  text-align: center;
  font-weight: 500;
}
#tech #compliance-content h1,
#tech #compliance-content h2,
#tech #compliance-content h3,
#tech #compliance-content h4,
#tech #compliance-content h5,
#tech #compliance-content h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #tech #compliance-content {
    padding: 12px 0 16px;
  }
}
@media (max-width: 991px) {
  #tech #compliance-content {
    padding-top: 100px;
  }
}
@media (max-width: 991px) {
  #tech #compliance-content h4 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  #tech #compliance-content img {
    margin: 0 auto;
    max-width: 250px;
    padding-bottom: 10px;
  }
}
#tech #compliance-content .separator {
  padding-top: 70px;
}
#tech #compliance-mobile {
  background-image: url("../img/pattern.png");
  background-size: 30%;
  padding: 120px 0;
}
#tech #compliance-mobile .panel:hover {
  -webkit-box-shadow: 0 2px 20px 0 #CDCFD5;
  -moz-box-shadow: 0 2px 20px 0 #CDCFD5;
  box-shadow: 0 2px 20px 0 #CDCFD5;
  transform: scale(1.03, 1.03);
}
#tech #compliance-mobile .panel {
  padding: 40px 30px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}
#tech #compliance-mobile .panel-title {
  font-family: "Roboto Slab", serif;
}
#tech #compliance-mobile .panel-body p {
  color: #6B7C93;
}
#tech #compliance-mobile .panel-body p,
#tech #compliance-mobile .panel-title {
  line-height: 25px;
}
#tech #compliance-mobile .panel-body a p {
  color: #4990E2;
  text-decoration: underline;
  font-weight: normal;
}
#tech #compliance-mobile .btn {
  text-transform: none;
  width: 100%;
}
/***** API & DOCS PAGE *****/
#certifications #lists {
  padding: 64px 0 72px;
  text-align: justify;
  margin-bottom: 45px;
}
#certifications #lists h1,
#certifications #lists h2 {
  text-align: center;
  font-weight: 500;
}
#certifications #lists h1,
#certifications #lists h2,
#certifications #lists h3,
#certifications #lists h4,
#certifications #lists h5,
#certifications #lists h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #certifications #lists {
    padding: 12px 0 16px;
  }
}
#certifications #lists .item {
  padding-top: 50px;
  padding-bottom: 20px;
}
#certifications #lists .panel-body {
  padding: 0;
  padding-right: 20px;
}
#certifications #lists .panel-body h4 {
  text-align: left;
}
@media (max-width: 768px) {
  #certifications #lists .panel-body h4 {
    text-align: center;
  }
}
#certifications #lists .panel-body a {
  color: #dc664c;
}
#certifications #lists p {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (max-width: 768px) {
  #certifications #lists p {
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
  }
}
#certifications #lists .icons {
  width: 200px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #certifications #lists .icons {
    margin: 10px auto;
    width: 150px;
  }
}
#certifications #lists h4 {
  text-align: left;
}
#certifications #lists ul {
  line-height: 2;
  letter-spacing: 1.1px;
  list-style: none;
  padding-left: 10px;
}
#certifications #lists .list-item {
  margin-top: 30px;
  padding-right: 10px;
  border-left: solid 1px #20bf9a;
}
#certifications #lists .div-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#certifications #lists .satisfaction h3 {
  color: #20bf9a;
  font-size: 28px;
}
#certifications #lists .iso img {
  max-height: 146px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#risk-assessments #lists {
  padding: 64px 0 72px;
  margin-bottom: 45px;
}
#risk-assessments #lists h1,
#risk-assessments #lists h2 {
  text-align: center;
  font-weight: 500;
}
#risk-assessments #lists h1,
#risk-assessments #lists h2,
#risk-assessments #lists h3,
#risk-assessments #lists h4,
#risk-assessments #lists h5,
#risk-assessments #lists h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #risk-assessments #lists {
    padding: 12px 0 16px;
  }
}
#risk-assessments #lists h4 {
  text-align: left;
}
#risk-assessments #lists ul {
  line-height: 2;
  letter-spacing: 1.1px;
  list-style: none;
  padding-left: 10px;
}
#risk-assessments #lists .list-item {
  margin-top: 30px;
  padding-right: 10px;
  border-left: solid 1px #20bf9a;
}
#risk-assessments #lists .div-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#risk-assessments #lists .satisfaction h3 {
  color: #20bf9a;
  font-size: 28px;
}
#risk-assessments #lists .iso img {
  max-height: 146px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* FAQ COLLAPSE */
#roi-calculator #calculator {
  padding: 64px 0 72px;
}
@media (max-width: 767px) {
  #roi-calculator #calculator {
    padding: 12px 0 16px;
  }
}
#roi-calculator #calculator h1,
#roi-calculator #calculator h2 {
  text-align: center;
  font-weight: 500;
}
#roi-calculator #calculator h1,
#roi-calculator #calculator h2,
#roi-calculator #calculator h3,
#roi-calculator #calculator h4,
#roi-calculator #calculator h5,
#roi-calculator #calculator h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#roi-calculator #calculator .item .before-switch {
  background-color: #CEE5F2;
  padding: 2px 2px 2px 2px;
}
#roi-calculator #calculator h3 {
  color: #47525D;
}
#roi-calculator #calculator img {
  height: 100px;
  margin-top: 20px;
}
#roi-calculator #calculator ul {
  text-align: justify;
  padding: 0;
  margin-top: 9px;
}
#roi-calculator #calculator li {
  list-style-type: none;
  font-size: 18px;
  padding: 8px 5px 5px 0;
}
#roi-calculator #calculator .ng-binding {
  vertical-align: middle;
}
#roi-calculator #calculator .control-label {
  padding-top: 6px;
}
#roi-calculator #calculator .header-calculator {
  text-align: center;
  padding: 30px;
}
#roi-calculator #calculator #results table {
  border: 0;
}
#roi-calculator #calculator #results table th,
#roi-calculator #calculator #results table td {
  border: 0;
}
#roi-calculator #calculator #results table tr {
  border: 1px #F6F7FB solid;
}
#roi-calculator #calculator #results h5 {
  text-align: center;
  color: #263353;
}
#roi-calculator #calculator #results .center {
  text-align: center;
}
#roi-calculator #calculator #results .hhl {
  line-height: 45px;
  margin-top: 5px;
  background: #CEE5F2;
  color: #47525D;
  font-weight: 300;
  border: 0;
  text-align: center;
  font-size: 21px;
}
#roi-calculator #calculator #results .hl {
  line-height: 45px;
  background: #263353;
  color: #eeeeee;
  font-weight: 500;
  font-size: 21px;
  border: 0;
}
#roi-calculator #calculator #results .hl small {
  font-size: 18px;
}
#roi-calculator #calculator #results .hl-br {
  border-right: 5px #F6F7FB solid;
}
#roi-calculator #calculator .input {
  color: #fff;
  font-size: 21px;
}
#roi-calculator #calculator label {
  font-weight: 300;
  font-size: 16px;
}
/***** API & DOCS PAGE *****/
#tutorials-home {
  background-color: #F9F9F9;
  padding-top: 75px;
}
#tutorials-home #items {
  padding: 64px 0 72px;
  padding-bottom: 0;
}
#tutorials-home #items .title h2,
#tutorials-home #items .title h4 {
  margin: 0 !important;
  padding: 0 !important;
}
#tutorials-home #items .title h4 {
  font-weight: 300;
}
@media (max-width: 767px) {
  #tutorials-home #items {
    padding: 12px 0 16px;
  }
}
#tutorials-home #items h1,
#tutorials-home #items h2 {
  text-align: center;
  font-weight: 500;
}
#tutorials-home #items h1,
#tutorials-home #items h2,
#tutorials-home #items h3,
#tutorials-home #items h4,
#tutorials-home #items h5,
#tutorials-home #items h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#tutorials-home #items .panel-heading {
  background-color: #fff;
  border: 0;
  margin-top: 20px;
}
#tutorials-home #items .panel-footer {
  background-color: #fff;
  border: 0;
  margin-bottom: 8px;
}
#tutorials-home #items p {
  text-align: center;
}
#tutorials-home #items .row {
  padding: 15px 0 50px;
}
#tutorials-home #items .panel {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
}
#tutorials-home #items .btn {
  padding: 10px !important;
  min-width: 90%;
}
#tutorials-home #items img {
  height: 100px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #tutorials-home #items img {
    margin: 10px auto;
  }
}
#white-papers {
  background-color: #fff;
  padding-top: 75px;
}
#white-papers #items {
  padding: 64px 0 72px;
  padding-bottom: 0;
}
#white-papers #items h1,
#white-papers #items h2 {
  text-align: center;
  font-weight: 500;
}
#white-papers #items h1,
#white-papers #items h2,
#white-papers #items h3,
#white-papers #items h4,
#white-papers #items h5,
#white-papers #items h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #white-papers #items {
    padding: 12px 0 16px;
  }
}
#white-papers #items .row {
  padding: 15px 0 10px;
}
#white-papers #items .message-success {
  color: #fff !important;
  padding: 10px;
  margin: 10px 0;
  text-align: center;
  font-size: 18px;
  background: #21BF9A;
}
#white-papers #items .message-error {
  color: #fff !important;
  padding: 10px;
  margin: 10px 0;
  text-align: center;
  font-size: 18px;
  background: #FF6D4D;
}
#white-papers #items .title h2,
#white-papers #items .title h4,
#white-papers #items .title h1 {
  text-align: left;
  margin: 0 !important;
  padding: 0 !important;
}
#white-papers #items .title h4,
#white-papers #items .title h1 {
  text-align: left;
  font-weight: 300;
}
#white-papers #items .title h1 {
  font-size: 36px;
}
#white-papers #items p {
  margin-top: 18.4px;
  text-align: left;
  line-height: 27px;
}
#white-papers #items h5 {
  margin-top: 33.6px;
  text-align: left;
  letter-spacing: 1px;
}
#white-papers #items .list ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  font-size: 15px;
  line-height: 27px;
  margin-top: 11px;
  letter-spacing: 0;
}
#white-papers #items .list li {
  padding-left: 9px;
}
#white-papers #items .list li span {
  position: relative;
  left: 18px;
}
#white-papers #items .list li:before {
  content: "•";
}
#white-papers #items .cover-image {
  margin-top: 30px;
  margin-bottom: 115px;
}
@media (max-width: 767px) {
  #white-papers #items .cover-image {
    text-align: center !important;
  }
}
#white-papers #items .cover-image img {
  width: 260px;
  box-shadow: 0 2px 6px 0 rgba(4, 4, 4, 0.16);
}
#white-papers #items .panel {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
}
#white-papers #items .panel .panel-heading {
  padding-left: 24px;
  padding-right: 24px;
  background-color: #fff;
  border: 0;
}
#white-papers #items .panel .panel-heading h3 {
  padding: 0;
  margin: 0;
  font-weight: 500;
  text-align: left;
  letter-spacing: 1px;
}
#white-papers #items .panel .panel-heading h5 {
  padding: 0;
  margin: 0;
  font-size: 15px;
  text-align: left;
  letter-spacing: 1px;
}
#white-papers #items .panel .panel-body {
  padding-top: 0;
  padding-left: 24px;
  padding-right: 24px;
}
#white-papers #items .panel .panel-body .form-horizontal p {
  margin-bottom: 5px;
}
#white-papers #items .panel .form-control {
  height: 38px;
}
#white-papers #items .panel .div-captcha {
  padding: 0 !important;
  text-align: center;
}
#white-papers #items .panel .g-recaptcha {
  transform: scale(0.73);
  transform-origin: 0 0;
}
@media (max-width: 1024px) {
  #white-papers #items .panel .g-recaptcha {
    transform: scale(0.57);
  }
}
@media (max-width: 768px) {
  #white-papers #items .panel .g-recaptcha {
    transform: scale(0.81);
  }
}
@media (max-width: 320px) {
  #white-papers #items .panel .g-recaptcha {
    transform: scale(0.61);
  }
}
#white-papers #items .panel .send-button {
  width: 100%;
  text-transform: none;
  margin: 0;
  background-color: #21BF9A;
  box-shadow: 0 2px 6px 0 rgba(4, 4, 4, 0.16);
  border-radius: 4px;
}
@media (max-width: 767px) {
  #white-papers #items .panel .send-button {
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
#white-papers #items .notes p {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 1px;
  color: rgba(74, 74, 74, 0.5);
}
#white-papers #items .console {
  margin-bottom: 132px;
}
@media (max-width: 767px) {
  #white-papers #items .console {
    margin-top: 40px;
  }
}
#white-papers #items .fa-check {
  font-size: 160px;
  color: #21BF9A;
}
#white-papers #download {
  padding: 64px 0 72px;
  padding-bottom: 0;
}
#white-papers #download h1,
#white-papers #download h2 {
  text-align: center;
  font-weight: 500;
}
#white-papers #download h1,
#white-papers #download h2,
#white-papers #download h3,
#white-papers #download h4,
#white-papers #download h5,
#white-papers #download h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #white-papers #download {
    padding: 12px 0 16px;
  }
}
#white-papers #download .row {
  padding: 15px 0 10px;
}
#white-papers #download .title {
  margin-bottom: 20px;
}
#white-papers #download .title h1 {
  text-align: center;
  letter-spacing: 1px;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 36px;
}
#white-papers #download .thanks-title {
  margin-top: 120px;
  margin-bottom: 200px;
}
#white-papers #download p {
  text-align: center;
}
#white-papers #download .cover-image {
  margin-top: 24px;
  margin-bottom: 30px;
}
#white-papers #download .cover-image img {
  display: block;
  margin: auto;
  width: 260px;
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.2);
}
#white-papers #download .download-button {
  text-align: center;
  margin-bottom: 130px;
}
#white-papers #download .download-button .btn {
  text-transform: none;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 412px;
}
@media (max-width: 767px) {
  #white-papers #download .download-button .btn {
    width: 206px !important ;
  }
}
#white-papers #form2 {
  padding: 64px 0 72px;
  margin-top: 50px;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  #white-papers #form2 img {
    margin-top: -70px;
  }
}
@media (max-width: 991px) {
  #white-papers #form2 img {
    margin: 0 auto;
    max-width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #white-papers #form2 img {
    max-width: 50%;
  }
}
#white-papers #form2 h1,
#white-papers #form2 h2 {
  text-align: center;
  font-weight: 500;
}
#white-papers #form2 h1,
#white-papers #form2 h2,
#white-papers #form2 h3,
#white-papers #form2 h4,
#white-papers #form2 h5,
#white-papers #form2 h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #white-papers #form2 {
    padding: 12px 0 16px;
  }
}
@media (max-width: 991px) {
  #white-papers #form2 {
    margin-top: 0px;
  }
}
#white-papers #form2 .console {
  margin-bottom: 210px;
}
@media (max-width: 991px) {
  #white-papers #form2 .console {
    margin-bottom: 80px;
  }
}
#white-papers #form2 .row {
  padding: 15px 0 10px;
}
#white-papers #form2 .title {
  margin-top: 30px;
}
@media (max-width: 991px) {
  #white-papers #form2 .title {
    margin-top: 20px;
  }
}
#white-papers #form2 .title h1 {
  text-align: left;
  font-weight: 500;
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 42px;
}
@media (max-width: 991px) {
  #white-papers #form2 .title h1 {
    padding-top: 15px;
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
  }
}
#white-papers #form2 h3 {
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 15px;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  #white-papers #form2 h3 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  #white-papers #form2 #email {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  #white-papers #form2 .no-padding {
    text-align: center;
  }
}
#white-papers #form2 .form-control {
  border-radius: 4px 0 0 4px !important;
  height: 40px;
}
@media (max-width: 767px) {
  #white-papers #form2 .form-control {
    border-radius: 4px !important;
    max-width: 300px;
  }
}
#white-papers #form2 .send-button {
  text-align: center;
  text-transform: none;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -30px;
  width: 212px;
  height: 40px;
  border-radius: 0 4px 4px 0 !important;
}
@media (max-width: 767px) {
  #white-papers #form2 .send-button {
    border-radius: 4px !important;
    margin-left: 0;
    margin-top: 20px;
    width: 206px !important ;
  }
}
#white-papers #form2 .notes p {
  text-align: left;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 1px;
  color: rgba(74, 74, 74, 0.5);
}
@media (max-width: 991px) {
  #white-papers #form2 .notes p {
    text-align: center;
  }
}
#white-papers #become-compliant {
  background-color: #F9F9F9;
  padding: 50px 0 30px;
}
#white-papers #become-compliant h1,
#white-papers #become-compliant h2 {
  text-align: center;
  font-weight: 500;
}
#white-papers #become-compliant h1,
#white-papers #become-compliant h2,
#white-papers #become-compliant h3,
#white-papers #become-compliant h4,
#white-papers #become-compliant h5,
#white-papers #become-compliant h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
#white-papers #become-compliant h2 {
  text-align: left;
  font-weight: 500;
}
@media (max-width: 767px) {
  #white-papers #become-compliant {
    text-align: center;
  }
  #white-papers #become-compliant h2,
  #white-papers #become-compliant p {
    margin: 5px 0;
    text-align: center;
  }
}
#white-papers #become-compliant .btn {
  margin-bottom: 0;
}
#white-papers #ebook-form {
  min-height: 1000px;
}
@media (max-width: 767px) {
  #white-papers #ebook-form {
    min-height: 0px;
  }
}
#white-papers #ebook-form ul {
  font-size: 18px;
  line-height: 27px;
  margin-top: 11px;
  letter-spacing: 0;
}
#white-papers #ebook-form li {
  padding-left: 9px;
}
#white-papers #ebook-form li span {
  position: relative;
  left: 18px;
}
@media (max-width: 767px) {
  #white-papers #ebook-form .panel {
    margin-top: 20px;
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  #white-papers #ebook-form .ebook-info-text {
    margin-top: 20px;
    max-height: 1.5vh;
  }
}
#white-papers #ebook-download-topbar {
  background: #263353;
}
#white-papers #ebook-download-topbar p {
  font-family: "Roboto Slab";
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 0.6px;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  #white-papers #ebook-download-topbar p {
    font-size: 18px;
  }
}
#white-papers #ebook-download-topbar p .text-highlight {
  font-weight: bold;
  color: #FF6D4D;
}
@media (max-width: 767px) {
  #white-papers #ebook-download-topbar p .text-highlight {
    font-size: 18px;
  }
}
#myModal .modal-admin {
  width: 440px;
}
@media (max-width: 767px) {
  #myModal .modal-admin {
    width: 280px;
  }
}
#myModal .centered {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#myModal .modal-header {
  background-color: #263353;
  height: 170px;
}
#myModal h2 {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  line-height: 32px;
  letter-spacing: 1px;
  color: #3E517A;
}
#myModal p {
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  line-height: 28px;
  letter-spacing: 1px;
  color: #3E517A;
}
#myModal .modal-body h2 {
  margin-top: -17%;
}
@media (max-width: 767px) {
  #myModal .modal-body h2 {
    margin-top: -25%;
  }
}
#myModal .modal-body img {
  transform: translate(0, -60%);
  display: block;
  margin: auto;
}
#myModal .modal-footer {
  text-align: center;
}
#myModal .modal-footer p {
  display: inline-block;
  text-decoration: underline;
  font-size: 12px;
  text-align: center;
  line-height: 14px;
  color: #263353;
}
#myModal .modal-footer p:hover {
  color: #3970B1;
  cursor: pointer;
  cursor: hand;
}
/***** API & DOCS PAGE *****/
#api-and-docs-styles #tutorials .no-shadows {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
}
#api-and-docs-styles #tutorials .row {
  margin-top: 40px;
}
#api-and-docs-styles #tutorials .red-full {
  opacity: 0.8;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  width: auto;
  color: #fff;
  text-decoration: none;
}
#api-and-docs-styles #tutorials .red-full:hover {
  text-decoration: none;
  color: #FF6D4D;
}
#api-and-docs-styles #tutorials h3 .btn {
  float: right;
}
#api-and-docs-styles #tutorials .form-keys {
  padding: 20px;
  background: #263353;
}
#api-and-docs-styles #tutorials .form-keys h5 {
  color: #eeeeee;
}
#api-and-docs-styles #tutorials .form-keys label {
  color: #eeeeee;
  font-weight: 300;
}
#api-and-docs-styles #tutorials img {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
}
#api-and-docs-styles #tutorials .form-group {
  margin-right: 10px;
}
#api-and-docs-styles #tutorials .form-group input[type='checkbox'] .form-control {
  border: none;
}
#api-and-docs-styles #tutorials .form-group input[type='checkbox']:hover {
  border: none;
  box-shadow: none;
}
#api-and-docs-styles #tutorials .panel {
  margin-top: 20px;
  padding: 0;
  border: none;
  background-color: #ffffff;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}
#api-and-docs-styles #tutorials .panel ul {
  padding-left: 30px;
  padding-top: 10px;
}
#api-and-docs-styles #tutorials .panel .panel-heading {
  background-color: #f9f9f9;
  border: none;
}
#api-and-docs-styles #tutorials .panel .panel-heading h1,
#api-and-docs-styles #tutorials .panel .panel-heading h2,
#api-and-docs-styles #tutorials .panel .panel-heading h3,
#api-and-docs-styles #tutorials .panel .panel-heading h4,
#api-and-docs-styles #tutorials .panel .panel-heading h5,
#api-and-docs-styles #tutorials .panel .panel-heading h6 {
  padding: 0;
  margin: 0;
}
#api-and-docs-styles #tutorials .panel .panel-body {
  padding: 15px;
}
#api-and-docs-styles #tutorials .panel-danger {
  border-color: #FF6D4D;
}
#api-and-docs-styles #tutorials .panel-danger .panel-heading {
  color: #FF6D4D;
  background-color: #FF6D4D;
  border-color: #FF6D4D;
  border-radius: 0;
}
#api-and-docs-styles #tutorials .panel-danger .panel-heading h3 {
  color: #fff;
}
#api-and-docs-styles #tutorials .panel-success {
  border-color: #21BF9A;
}
#api-and-docs-styles #tutorials .panel-success .panel-heading {
  color: #21BF9A;
  background-color: #21BF9A;
  border-color: #21BF9A;
  border-radius: 0;
}
#api-and-docs-styles #tutorials .panel-success .panel-heading h3 {
  color: #fff;
}
#api-and-docs-styles #tutorials .img-container {
  margin: 50px;
}
@media (max-width: 767px) {
  #api-and-docs-styles #tutorials .img-container {
    margin: 10px;
  }
}
#api-and-docs-styles #tutorials .next-tutorial-cta {
  margin-top: 100px;
  margin-bottom: 40px;
}
#case-studies header {
  padding-top: 200px;
  padding-bottom: 120px;
  background: url("../img/case_study/needius-heroimage.jpg") no-repeat center center;
  background-size: cover;
}
#case-studies header h1 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 56px;
  line-height: 72px;
  letter-spacing: 1.3px;
  text-align: left;
}
#case-studies header h2,
#case-studies header h3,
#case-studies header h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: left;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 991px) {
  #case-studies header {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  #case-studies header h1 {
    line-height: 45px;
    text-align: left !important;
    font-size: 32px;
    letter-spacing: 1px;
    padding-bottom: 10px;
  }
  #case-studies header h2,
  #case-studies header h3,
  #case-studies header h4 {
    text-align: center;
    text-align: left !important;
    font-size: 17px;
    padding-bottom: 10px;
  }
}
#case-studies header h1,
#case-studies header h2 {
  color: #fff;
}
#case-studies .img-full-width {
  width: 100%;
}
#case-studies #quote {
  box-shadow: 0 2px 0 0 #D5D8E3;
}
#case-studies #quote p,
#case-studies #quote h2 {
  padding: 0;
  margin: 0;
  text-align: center;
}
#case-studies #quote p {
  line-height: 35px;
  font-size: 15px;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  #case-studies #quote p {
    font-size: 13px;
  }
}
#case-studies #quote .item {
  padding: 30px 0 20px;
}
@media (max-width: 767px) {
  #case-studies #quote .item {
    padding: 20px;
  }
}
#case-studies #situation {
  padding: 50px 0;
}
#case-studies #situation p {
  line-height: 35px;
}
#case-studies #situation h2 {
  text-align: left;
}
#case-studies #situation .panel {
  padding: 20px 26px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}
#case-studies #situation .panel img {
  margin-bottom: 20px;
}
#case-studies #situation .panel-title {
  padding-top: 10px;
}
#case-studies #situation .panel-body p {
  margin-bottom: 0;
}
#case-studies #situation .img-full-width {
  margin: 30px 0;
}
#case-studies #situation li p {
  margin: 0;
}
#case-studies #solution {
  padding-bottom: 50px;
}
#case-studies #solution p {
  line-height: 35px;
}
#case-studies #testimony {
  padding: 80px 0;
  background-color: #F6F7FB;
}
#case-studies #testimony img {
  padding: 30px;
}
@media (max-width: 767px) {
  #case-studies #testimony img {
    padding: 0;
    max-width: 160px;
    display: block;
    margin: 0 auto;
  }
}
#case-studies #testimony h3 {
  line-height: 42px;
}
@media (max-width: 767px) {
  #case-studies #testimony h3 {
    line-height: 33px;
  }
}
#case-studies #testimony p {
  line-height: 35px;
  padding-top: 10px;
  text-align: left;
}
@media (max-width: 767px) {
  #case-studies #testimony p {
    text-align: center;
  }
}
#case-studies #takeaway {
  padding: 30px 0;
}
#case-studies #takeaway p {
  line-height: 35px;
}
#contact-us header {
  background-color: #263353;
}
#contact-us header h1,
#contact-us header h2 {
  color: #fff;
}
#contact-us header h1 {
  margin-bottom: 10px;
  font-size: 42px;
  line-height: 52px;
}
#contact-us header h2 {
  font-size: 18px;
  line-height: 24px;
}
#contact-us .header-section {
  padding-bottom: 120px;
}
#contact-us #contact-form {
  background-color: #F6F7FB;
  padding: 80px 0;
}
#contact-us #contact-form #about-other,
#contact-us #contact-form #job-other {
  display: none;
}
#contact-us #contact-form .form-control {
  color: #47525D;
  font-size: 18px;
}
#contact-us #contact-form ::-webkit-input-placeholder {
  color: #47525D;
  font-size: 18px;
}
#contact-us #contact-form :-moz-placeholder {
  color: #47525D;
  font-size: 18px;
}
#contact-us #contact-form ::-moz-placeholder {
  color: #47525D;
  font-size: 18px;
}
#contact-us #contact-form :-ms-input-placeholder {
  color: #47525D;
  font-size: 18px;
}
#contact-us #contact-form ::-ms-input-placeholder {
  color: #47525D;
  font-size: 18px;
}
#contact-us #contact-form .body-info {
  color: #47525D;
}
#contact-us #contact-form .direction {
  color: #4990E2;
  font-weight: 500;
}
#contact-us #contact-form .list-inline a {
  font-size: 20px;
  font-family: 'Fontawesome';
}
#contact-us #contact-form #panel-response {
  text-align: center;
}
#contact-us #contact-form #panel-response .panel-title {
  margin-top: 20px;
  text-align: center;
  font-family: "Roboto Slab";
  font-size: 24px;
  line-height: 52px;
}
#contact-us #contact-form #panel-response .panel-body p {
  margin-top: 15px;
  margin-bottom: 50px;
  color: #47525D;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
}
#contact-us #contact-form #panel-response i {
  color: #263353;
  font-size: 300px;
}
#contact-us #contact-form #panel-response .btn {
  width: 100%;
}
#contact-us #contact-form .panel {
  margin-top: -370px;
  padding-top: 0;
}
@media (max-width: 991px) {
  #contact-us #contact-form .panel {
    margin-top: 0;
  }
}
#contact-us #contact-form .panel .panel-title {
  font-weight: 500;
  text-align: left;
  margin-bottom: 20px;
}
#contact-us #contact-form .panel #message {
  background: none;
}
#contact-us #contact-form .panel .form-control {
  height: 50px;
  margin-bottom: 20px;
}
#contact-us #contact-form .panel textarea {
  padding-top: 15px;
  height: 160px !important;
  resize: none;
}
/*ABOUT*/
#home2 {
  /*TOGGLE*/
}
#home2 .bq:before {
  content: "\f10d";
  font-family: FontAwesome;
  float: left;
  margin-right: 10px;
}
#home2 h1 {
  text-align: center;
}
#home2 .bq:after {
  content: "\f10e";
  float: right;
  margin-right: 20px;
  font-family: FontAwesome;
}
#home2 header {
  background-color: #263353;
  padding-top: 200px;
  padding-bottom: 120px;
  background-image: url("../img/_backup/index2/chino-heroimage@2x.jpg");
  background-size: cover;
  background-position: center center;
}
#home2 header h1 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 56px;
  line-height: 72px;
  letter-spacing: 1.3px;
  text-align: left;
}
#home2 header h2,
#home2 header h3,
#home2 header h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: left;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 991px) {
  #home2 header {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  #home2 header h1 {
    line-height: 45px;
    text-align: left !important;
    font-size: 32px;
    letter-spacing: 1px;
    padding-bottom: 10px;
  }
  #home2 header h2,
  #home2 header h3,
  #home2 header h4 {
    text-align: center;
    text-align: left !important;
    font-size: 17px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  #home2 header {
    background-image: url("../img/chino-heroimage-mobile@2x.jpg");
  }
}
#home2 header i {
  color: #fff;
}
#home2 header h1 {
  font-size: 46px;
}
#home2 header h1,
#home2 header h2,
#home2 header h5,
#home2 header p,
#home2 header span {
  padding-top: 4px;
  padding-bottom: 4px;
  color: #fff;
}
#home2 header .btn {
  width: 200px;
}
#home2 header .no-credit-card {
  letter-spacing: 1.3px;
}
@media (max-width: 1007px) {
  #home2 header {
    text-align: center;
  }
}
@media (max-width: 1007px) {
  #home2 header {
    text-align: center;
  }
}
#home2 header img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#home2 header .container {
  color: #eeeeee;
}
#home2 header .container .header-banner-button {
  margin-bottom: 6px !important;
}
#home2 #quote {
  box-shadow: 0 2px 0 0 #D5D8E3;
}
#home2 #quote img {
  display: inline-block;
  max-width: 150px;
}
@media (max-width: 425px) {
  #home2 #quote img {
    max-width: 95px;
  }
}
@media (max-width: 425px) {
  #home2 #quote .col-xs-4 {
    padding: 0;
    margin: 0;
  }
}
#home2 #chino-desc {
  padding: 64px 0 72px;
  padding: 110px 0;
  margin-top: 0;
}
@media (max-width: 767px) {
  #home2 #chino-desc {
    padding: 12px 0 16px;
  }
}
@media (max-width: 991px) {
  #home2 #chino-desc {
    padding: 60px 0;
  }
}
#home2 #chino-desc .bullets {
  margin-top: -10px;
}
#home2 #chino-desc h1 {
  margin: 0;
}
#home2 #chino-desc h5 {
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  line-height: 30px;
  letter-spacing: 0.6px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  #home2 #chino-desc h5 {
    padding-bottom: 0;
  }
}
#home2 #chino-desc .item h4 {
  font-weight: 500;
}
@media (max-width: 991px) {
  #home2 #chino-desc .item h4 {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    margin-bottom: 10px;
  }
}
#home2 #chino-desc li {
  margin-bottom: 20px;
}
#home2 #chino-desc img {
  margin-top: 40px;
}
@media (max-width: 991px) {
  #home2 #chino-desc img {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #home2 #chino-desc .three-elements .single-element {
    padding-bottom: 30px;
  }
  #home2 #chino-desc .three-elements .single-element img {
    padding: 0 0 0 30px;
    max-height: 60px;
  }
}
@media (max-width: 480px) {
  #home2 #chino-desc .three-elements .single-element {
    padding-bottom: 30px;
  }
  #home2 #chino-desc .three-elements .single-element img {
    padding: 0 0 0 0;
    max-height: 60px;
  }
}
#home2 #chino-desc .icons {
  display: block;
  padding-left: 0px;
  margin: 0 auto;
}
#home2 #chino-desc .ribbon {
  position: absolute;
  right: 25px;
  width: 50px;
}
#home2 #background-diagonal-separator {
  background: linear-gradient(to right bottom, #fff 50%, #F6F7FB 50%);
  height: 250px;
  margin-top: -160px;
}
#home2 #out-of-the-box {
  padding: 64px 0 72px;
  padding-bottom: 36px;
  background-color: #F6F7FB;
}
@media (max-width: 767px) {
  #home2 #out-of-the-box {
    padding: 12px 0 16px;
  }
}
#home2 #out-of-the-box .separator {
  padding-top: 50px;
}
#home2 #out-of-the-box h1 {
  margin-top: -30px;
  margin-bottom: 95px;
}
#home2 #out-of-the-box .img-responsive {
  max-height: 64px;
}
#home2 #out-of-the-box .panel {
  cursor: pointer;
  cursor: hand;
}
#home2 #out-of-the-box .panel-title {
  margin: 0;
  padding-top: 0px;
  line-height: 25px;
  height: 64px;
  display: flex;
  align-items: center;
}
#home2 #out-of-the-box .panel-title img {
  max-width: 12px;
  margin-left: 15px;
}
#home2 #out-of-the-box .panel-body {
  padding: 15px;
  padding-top: 0px;
  margin-top: 5px;
}
#home2 #out-of-the-box .panel:hover {
  -webkit-box-shadow: 0 2px 20px 0 #CDCFD5;
  -moz-box-shadow: 0 2px 20px 0 #CDCFD5;
  box-shadow: 0 2px 20px 0 #CDCFD5;
  transform: scale(1.03, 1.03);
}
#home2 #out-of-the-box-mobile {
  background-color: #263353;
}
#home2 #out-of-the-box-mobile h4,
#home2 #out-of-the-box-mobile p {
  color: #263353;
}
#home2 #out-of-the-box-mobile h1 {
  color: #fff;
  padding: 40px 0;
}
#home2 #out-of-the-box-mobile .panel-title {
  color: #263353;
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
}
#home2 #out-of-the-box-mobile .panel {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 20px 0 #000;
  -moz-box-shadow: 0 2px 20px 0 #000;
  box-shadow: 0 2px 20px 0 #000;
  padding: 20px;
}
#home2 #out-of-the-box-mobile .panel-body {
  padding: 0 15px;
}
#home2 #out-of-the-box-mobile .separator {
  min-width: 70%;
  max-width: 70%;
  left: 15%;
}
#home2 #certifications-mobile {
  background-color: #263353;
}
#home2 #certifications-mobile h1,
#home2 #certifications-mobile p {
  color: #fff;
  text-align: center;
}
#home2 #certifications-mobile img {
  padding: 50px 0 60px;
}
#home2 #certifications {
  background-color: #F6F7FB;
  padding-top: 0px;
  padding-bottom: 36px;
}
#home2 #certifications img {
  max-height: 70px;
}
#home2 #certifications h3 {
  font-weight: normal;
}
@media (min-width: 992px) {
  #home2 #certifications .v-center {
    transform: translateY(100%);
  }
}
#home2 #compliance-mobile {
  background-image: url("../img/_backup/index2/pattern-background.png");
  background-size: 100%;
  padding: 75px 0;
}
#home2 #compliance-mobile .panel:hover {
  -webkit-box-shadow: 0 2px 20px 0 #CDCFD5;
  -moz-box-shadow: 0 2px 20px 0 #CDCFD5;
  box-shadow: 0 2px 20px 0 #CDCFD5;
  transform: scale(1.03, 1.03);
}
#home2 #compliance-mobile .panel {
  padding: 40px 30px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}
#home2 #compliance-mobile .panel-title {
  font-family: "Roboto Slab", serif;
}
#home2 #compliance-mobile .panel-body p {
  color: #6B7C93;
}
#home2 #compliance-mobile .panel-body p,
#home2 #compliance-mobile .panel-title {
  line-height: 25px;
}
#home2 #compliance-mobile .panel-body a p {
  color: #4990E2;
  text-decoration: underline;
  font-weight: normal;
}
#home2 #compliance-mobile .btn {
  text-transform: none;
  width: 100%;
}
#home2 #compliance {
  background: #fff;
  background: -moz-linear-gradient(left, #fff 0%, #fff 50%, #4990E2 50%, #4990E2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #4990E2 50%, #4990E2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fff 0%, #fff 50%, #4990E2 50%, #4990E2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#4990e2', GradientType=1);
  /* IE6-9 */
}
#home2 #compliance .backgrounds {
  background: url("../img/book-icon@2x.png") no-repeat, url("../img/checklist-icon-resized@2x.png") no-repeat;
  background-position: 37.6% 0%, 100% 0%;
  background-size: 20%, 15%;
}
#home2 #compliance .btn {
  margin-top: 9px;
}
#home2 #compliance #left-part {
  padding: 140px 15px;
}
#home2 #compliance #right-part {
  padding: 140px 15px;
}
#home2 #compliance h3 {
  margin: 0;
  font-weight: normal;
  letter-spacing: 1px;
}
#home2 #customers-carousel2 {
  background-color: #F6F7FB;
  padding: 64px 0 72px;
  padding-top: 100px;
  padding-bottom: 100px;
  /* carousel */
  /* Control buttons  */
  /* Previous button  */
  /* Next button  */
  /* Changes the position of the indicators */
  /* Changes the color of the indicators */
  /* End carousel */
  /**
      MEDIA QUERIES
    */
  /* Small devices (tablets, 768px and up) */
  /* Small devices (tablets, up to 768px) */
}
#home2 #customers-carousel2 .panel {
  padding: 40px;
}
#home2 #customers-carousel2 .btn {
  text-transform: none;
}
#home2 #customers-carousel2 .description {
  font-size: 21px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 38px;
}
@media (max-width: 767px) {
  #home2 #customers-carousel2 {
    padding: 12px 0 16px;
  }
}
#home2 #customers-carousel2 .img-panel {
  width: 100%;
  height: 100%;
}
#home2 #customers-carousel2 .btn {
  width: 100%;
}
#home2 #customers-carousel2 .img-circle {
  max-width: 65px;
}
#home2 #customers-carousel2 .img-logo {
  height: 11px;
}
#home2 #customers-carousel2 .panel-title {
  padding-top: 0px;
  margin-bottom: 30px;
}
#home2 #customers-carousel2 .panel-title p {
  color: #6B7C93;
  line-height: 33px;
}
#home2 #customers-carousel2 .name {
  padding: 0;
  margin: 0;
  font-weight: 400;
  color: #263353;
  font-size: 19px;
}
#home2 #customers-carousel2 .role {
  padding: 0;
  margin: 0;
  color: #9ba1ab;
  font-size: 12px;
}
#home2 #customers-carousel2 p {
  font-family: "Roboto Slab", serif;
}
#home2 #customers-carousel2 h2,
#home2 #customers-carousel2 p {
  text-align: left;
}
@media (max-width: 991px) {
  #home2 #customers-carousel2 h1 {
    padding: 20px 0;
  }
}
#home2 #customers-carousel2 #quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}
#home2 #customers-carousel2 #quote-carousel .carousel-control {
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
@media (min-width: 992px) {
  #home2 #customers-carousel2 #quote-carousel .carousel-control.left {
    left: -62px;
  }
}
@media (max-width: 991px) {
  #home2 #customers-carousel2 #quote-carousel .carousel-control.left {
    left: -12px;
  }
}
@media (min-width: 992px) {
  #home2 #customers-carousel2 #quote-carousel .carousel-control.right {
    right: -62px !important;
  }
}
@media (max-width: 991px) {
  #home2 #customers-carousel2 #quote-carousel .carousel-control.right {
    right: -12px !important;
  }
}
#home2 #customers-carousel2 #quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0;
  margin-right: -19px;
}
#home2 #customers-carousel2 #quote-carousel .carousel-indicators li {
  background: #c0c0c0;
}
#home2 #customers-carousel2 #quote-carousel .carousel-indicators .active {
  background: #333333;
}
#home2 #customers-carousel2 .item blockquote {
  border-left: none;
  margin: 0;
}
#home2 #customers-carousel2 .item blockquote img {
  margin-bottom: 10px;
  margin-left: 20px;
  background: #FFFFFF;
  box-shadow: 0 0px 5px 0 #cdcfd5;
}
#home2 #customers-carousel2 .item blockquote p:before {
  content: "\f10d";
  font-family: 'Fontawesome';
  float: left;
  margin-right: 10px;
}
@media (min-width: 768px) {
  #home2 #customers-carousel2 #quote-carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
  }
}
@media (max-width: 768px) {
  #home2 #customers-carousel2 {
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
  }
  #home2 #customers-carousel2 #quote-carousel .carousel-indicators {
    bottom: -20px !important;
  }
  #home2 #customers-carousel2 #quote-carousel .carousel-indicators li {
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
  }
  #home2 #customers-carousel2 #quote-carousel .carousel-indicators li.active {
    margin: 0 5px;
    width: 20px;
    height: 20px;
  }
  #home2 #customers-carousel2 .item blockquote img {
    margin-left: 0;
  }
}
#home2 #become-compliant {
  background-color: #fff;
  padding: 50px 0;
}
@media (max-width: 991px) {
  #home2 #become-compliant {
    background-color: #F6F7FB;
  }
}
@media (max-width: 991px) {
  #home2 #become-compliant {
    text-align: center;
  }
  #home2 #become-compliant p {
    margin: 5px 0;
    text-align: center;
  }
}
#home2 #become-compliant .btn {
  margin-bottom: 0;
}
/***** Thank you page *****/
#thank-you-page {
  background-color: #fff;
  padding-top: 75px;
}
#thank-you-page #download {
  padding: 64px 0 72px;
  padding-bottom: 0;
  min-height: 1000px;
}
#thank-you-page #download h1,
#thank-you-page #download h2 {
  text-align: center;
  font-weight: 500;
}
#thank-you-page #download h1,
#thank-you-page #download h2,
#thank-you-page #download h3,
#thank-you-page #download h4,
#thank-you-page #download h5,
#thank-you-page #download h6 {
  text-transform: none;
  margin: 0;
  padding: 5px 0;
}
@media (max-width: 767px) {
  #thank-you-page #download {
    padding: 12px 0 16px;
  }
}
@media (max-width: 767px) {
  #thank-you-page #download {
    min-height: 0px;
  }
}
#thank-you-page #download .row {
  padding: 15px 0 10px;
}
#thank-you-page #download .title {
  margin-bottom: 20px;
}
#thank-you-page #download .title h1 {
  text-align: center;
  letter-spacing: 1px;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 36px;
}
#thank-you-page #download .thanks-title {
  margin-top: 120px;
  margin-bottom: 200px;
}
#thank-you-page #download p {
  text-align: center;
}
#ebook-landing-page header {
  background-color: #263353;
}
#ebook-landing-page header h1,
#ebook-landing-page header h2 {
  color: #fff;
}
#ebook-landing-page header h1 {
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 52px;
}
#ebook-landing-page header h2 {
  font-size: 18px;
  line-height: 24px;
}
#ebook-landing-page .header-section {
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  #ebook-landing-page .header-section {
    padding-bottom: 10px;
  }
}
#ebook-landing-page .ebook-cover {
  padding-right: 30px;
}
#ebook-landing-page .ebook-cover .img-responsive {
  max-height: 310px;
}
@media (max-width: 767px) {
  #ebook-landing-page .ebook-cover .img-responsive {
    max-width: 100%;
    max-height: 250px;
    height: auto;
    display: table;
    margin: 10px auto;
  }
}
#ebook-landing-page #decision-tree-cover {
  border: 2px solid #47525D;
}
#ebook-landing-page #ebook-description {
  min-height: 600px;
  background-color: #F6F7FB;
  padding: 10px 0;
  padding-bottom: 70px;
}
@media (max-width: 991px) {
  #ebook-landing-page #ebook-description {
    min-height: 0;
  }
}
#ebook-landing-page #ebook-description ul {
  font-size: 18px;
  line-height: 30px;
  margin-top: 11px;
  letter-spacing: 0;
}
@media (max-width: 991px) {
  #ebook-landing-page #ebook-description ul {
    font-size: inherit;
  }
}
#ebook-landing-page #ebook-description li {
  padding-left: 9px;
}
#ebook-landing-page #ebook-description li span {
  position: relative;
  left: 18px;
}
#ebook-landing-page #ebook-description .ebook-intro {
  padding-right: 10px;
}
#ebook-landing-page #ebook-description .ebook-intro p {
  line-height: 35px;
}
#ebook-landing-page #ebook-description .ebook-description li {
  padding-right: 10px;
}
#ebook-landing-page #ebook-description #about-other,
#ebook-landing-page #ebook-description #job-other {
  display: none;
}
#ebook-landing-page #ebook-description .form-control {
  color: #47525D;
  font-size: 18px;
}
#ebook-landing-page #ebook-description ::-webkit-input-placeholder {
  color: #47525D;
  font-size: 18px;
}
#ebook-landing-page #ebook-description :-moz-placeholder {
  color: #47525D;
  font-size: 18px;
}
#ebook-landing-page #ebook-description ::-moz-placeholder {
  color: #47525D;
  font-size: 18px;
}
#ebook-landing-page #ebook-description :-ms-input-placeholder {
  color: #47525D;
  font-size: 18px;
}
#ebook-landing-page #ebook-description ::-ms-input-placeholder {
  color: #47525D;
  font-size: 18px;
}
#ebook-landing-page #ebook-description .panel {
  margin-top: -250px;
  padding-top: 0;
}
@media (max-width: 991px) {
  #ebook-landing-page #ebook-description .panel {
    margin-top: 10px;
  }
}
#ebook-landing-page #ebook-description .panel .panel-title {
  font-weight: 500;
  text-align: left;
  margin-bottom: 20px;
}
#ebook-landing-page #ebook-description .panel #message {
  background: none;
}
#ebook-landing-page #ebook-description .panel .form-control {
  height: 50px;
  margin-bottom: 20px;
}
#ebook-landing-page #ebook-description .panel textarea {
  padding-top: 15px;
  height: 160px !important;
  resize: none;
}
#newsletter {
  padding-top: 30px;
  background-color: #fff;
}
#newsletter .right-col {
  padding-left: 20px;
}
#newsletter .left-col {
  padding-right: 20px;
}
#newsletter .newsletter-header h1,
#newsletter .newsletter-header h2 {
  color: #263353;
}
#newsletter .newsletter-header h1 {
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 52px;
}
#newsletter .newsletter-header h2 {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
}
@media (max-width: 991px) {
  #newsletter .newsletter-header h2 {
    margin-right: 0px;
    margin-left: 5px;
    margin-bottom: 15px;
    text-align: justify;
  }
}
#newsletter .newsletter-img {
  margin: 20px 0;
}
#newsletter .newsletter-img img {
  horiz-align: right;
  max-width: 75%;
}
#newsletter .txt-highlight {
  color: #FF6D4D;
}
#newsletter #contact-form {
  padding: 80px 0;
}
#newsletter #contact-form #about-other,
#newsletter #contact-form #job-other {
  display: none;
}
#newsletter #contact-form ul {
  padding-left: 15px;
  padding-top: 20px;
}
#newsletter #contact-form .form-control {
  color: #47525D;
  font-size: 18px;
}
#newsletter #contact-form .body-info {
  color: #47525D;
}
#newsletter #contact-form .direction {
  color: #4990E2;
  font-weight: 500;
}
#newsletter #contact-form .list-inline a {
  font-size: 20px;
  font-family: 'Fontawesome';
}
#newsletter #contact-form #panel-response {
  text-align: center;
}
#newsletter #contact-form #panel-response .panel-title {
  margin-top: 20px;
  text-align: center;
  font-family: "Roboto Slab";
  font-size: 24px;
  line-height: 52px;
}
#newsletter #contact-form #panel-response .panel-body p {
  margin-top: 15px;
  margin-bottom: 50px;
  color: #47525D;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
}
#newsletter #contact-form #panel-response i {
  color: #263353;
  font-size: 300px;
}
#newsletter #contact-form #panel-response .btn {
  width: 100%;
}
#newsletter #contact-form .panel {
  padding-top: 0;
  background-color: #fff;
  border: 20px solid #efefef;
  box-shadow: none;
}
@media (min-width: 992px) {
  #newsletter #contact-form .panel {
    margin-top: -95px;
  }
}
@media (max-width: 991px) {
  #newsletter #contact-form .panel {
    margin-top: 0;
  }
}
#newsletter #contact-form .panel .panel-title {
  font-weight: 500;
  text-align: left;
  margin-bottom: 20px;
}
#newsletter #contact-form .panel #message {
  background: none;
}
#newsletter #contact-form .panel .form-control {
  height: 50px;
  margin-bottom: 20px;
}
#newsletter #contact-form .panel textarea {
  padding-top: 15px;
  height: 160px !important;
  resize: none;
}
#newsletter #contact-form ::-webkit-input-placeholder {
  color: #47525D;
  font-size: 18px;
}
#newsletter #contact-form :-moz-placeholder {
  color: #47525D;
  font-size: 18px;
}
#newsletter #contact-form ::-moz-placeholder {
  color: #47525D;
  font-size: 18px;
}
#newsletter #contact-form :-ms-input-placeholder {
  color: #47525D;
  font-size: 18px;
}
#newsletter #contact-form ::-ms-input-placeholder {
  color: #47525D;
  font-size: 18px;
}