/*@import url('https://fonts.googleapis.com/css?family=Dosis:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Hind:400,500,600,700');*/
/* vietnamese */
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowcondensed/v5/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x7T2kn3.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowcondensed/v5/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x_T2kn3.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowcondensed/v5/HTx3L3I-JCGChYJ8VI-L6OO_au7B6xHT2g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowcondensed/v5/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3nWuZEC.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowcondensed/v5/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3jWuZEC.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowcondensed/v5/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v22/HhyaU5sn9vOmLzlnC_W6EQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v22/HhyaU5sn9vOmLzlmC_W6EQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v22/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v22/HhyaU5sn9vOmLzlnC_W6EQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v22/HhyaU5sn9vOmLzlmC_W6EQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v22/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v22/HhyaU5sn9vOmLzlnC_W6EQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v22/HhyaU5sn9vOmLzlmC_W6EQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dosis/v22/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* devanagari */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU69_a8oxmIdGh4BCOz.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU69_a8oxmIdGd4BCOz.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU69_a8oxmIdGl4BA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* devanagari */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfJpbER2SjQpf.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfJpbERKSjQpf.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfJpbERySjQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* devanagari */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfLZcER2SjQpf.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfLZcERKSjQpf.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfLZcERySjQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* devanagari */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfNJdER2SjQpf.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfNJdERKSjQpf.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/hind/v11/5aU19_a8oxmIfNJdERySjQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
body {
    font-size: 20px;
    line-height: 27px;
    font-family: 'Exo', sans-serif;
}

.container {
    max-width: 1200px;
}

header {
    line-height: initial;
}

.right-menu {
    display: none;
}

.inner-banner {
    background-color: #201C32;
    color: #fff;
    min-height: 400px;
    padding-top: 150px;
}

.banner a.learn-btn::after,
.inner-banner a:after {
    content: none;
}

.inner-banner .logo-wrapper {
    display: inline-block;
}

.inner-banner .logo {
    margin: 0 0 40px;
    display: inline-block;
}

.inner-banner .logo-wrapper .term {
    display: inline-block;
    vertical-align: middle;
    font-size: 50px;
    font-weight:500;
    line-height: 40px;
    margin-bottom:20px;
}

.inner-banner .logo-wrapper .term p {
    margin-bottom: 0;
}

.inner-banner .contact-and-links {
    font-size: 16px;
    line-height: 21px;
    float: right;
    margin-bottom: 28px;
}

.inner-banner .contact-and-links ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.inner-banner a {
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    line-height: 21px;
}

.inner-banner .contact-and-links li {
    /* display: inline-block; */
    /* float: right; */
}

.inner-banner .contact-and-links li+li:before {
    content: "|";
    display: inline-block;
    margin: 0 7px;
}

ul {
    list-style: none;
    padding-left: 0;
}

b {
    font-weight: 700;
}

.inner-banner h1 {
    color: #fff;
    font-size: 34px;
    line-height: 45px;
    font-weight: 400;
}

.inner-banner h1 b {
    display: block;
}

.banner-cta {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.banner-cta .btn {
    line-height: 24px;
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px;
    margin: 10px 0;
}

.btn-transparent {
    border: 2px solid #fff;
    color: #fff;
}

.inner-banner:after,
[class^="inner-section"]:after,
[class^="section-"]:after {
    content: none;
}

[class^="section-"] {
    text-align: initial;
}

.anchor-menu {
    background-color: #201C32;
    color: #fff;
}

.anchor-menu ul li a {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 20px 15px;
    display: inline-block;
}

.anchor-menu ul li a:hover {
    text-decoration: none;
}

.anchor-menu ul li {
    display: inline-block;
}

.section {
    padding: 80px 0;
}

.section-title {
    font-size: 44px;
    line-height: 58px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 55px;
}

.color-red {
    color: #E10C32;
}

.font-16 {
    font-size: 16px;
    line-height: 21px;
}

.list-red-marks {
    padding-left: 28px;
}

ul li {
    position: relative;
}

.list-red-marks li:before,
.list-black-marks li:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    background-color: #E10C32;
    left: -28px;
    top: 9px;
    transform: rotate(45deg);
}

.list-black-marks li:before {
    background-color: #000;
}

.list-black-marks li {
    margin-bottom: 30px;
}

.background-grey {
    background-color: #F5F5F5;
}

.plans-package {
    background-color: #ffffff;
    padding: 40px 0px;
    color: #838383;
    font-size: 17px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.plans-package .package-header .plan-title {
    color: #404147;
    font-size: 27px;
    line-height:normal;
    padding-bottom:10px;
}

.dosis-font {
    font-family: 'Dosis', sans-serif;
}

.hind-font {
    font-family: 'Hind', sans-serif;
}

.semi-bold {
    font-weight: 600;
}

.medium-bold {
    font-weight: 500;
}

.plans-package .package-header .plan-sub-title {
    color: #838383;
    font-size: 19px;
    font-style: italic;
}

.plans-package .package-header .side-lines span {
    position: relative;
}

.plans-package .package-header .side-lines span.lines:before,
.plans-package .package-header .side-lines span.lines:after {
    content: "";
    position: absolute;
    border-top: 2px solid #c1c1c1;
    top: 50%;
    width: 35px;
    left: 100%;
}

.plans-package .package-header .side-lines span.lines:before {
    right: 100%;
    left: initial;
}

.plans-package .package-header .side-lines span.lines {
    position: relative;
    display: inline-block;
    padding: 0px 10px;
}

.plans-package .package-body .feats-list {
    margin: 0px 10px;
}

.plans-package .package-body .feats-list li {
    border-top: 1px solid #f2f2f2;
    color: #6d6d6d;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 15px;
}

.plans-package .package-body {
    padding: 0px 15px;
}

.plans-package {
    background-color: #ffffff;
    padding: 40px 0px;
    color: #838383;
    font-size: 17px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.plans-package .package-body .highlight-box {
    border: 1px solid #f2f2f2;
    padding: 20px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.plans-package .package-body .highlight-box.supported {
    border: 1px solid #dcf0dc;
    min-height: 476px;
}

.plans-package .package-body .highlight-box.unsupported {
    border: 1px solid #fddfde;
    min-height: 390px;
}

.warning-color {
    color: #eb716f !important;
}

.success-color {
    color: #66be64 !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
}

.italic-style {
    font-style: italic;
}

.plans-package .package-body .support-list li {
    position: relative;
    font-size: 15px;
    padding: 0px 10px 0px 25px;
    margin-bottom: 10px;
    line-height: 22px;
}

.plans-package .package-body .support-list li.not-included:before,
.plans-package .package-body .support-list li.included:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0px;
    width: 10px;
    height: 10px;
}

.plans-package .package-body .support-list li.included:before {
    background: url(../png/success-icon.png) no-repeat 0px 0px;
}

.plans-package .package-body .support-list li.not-included:before {
    background: url(../png/cross-icon.png) no-repeat 0px 0px;
}

.plans-package .package-footer {
    padding: 40px 5px 0px;
}

.plans-package .package-footer .btn {
    padding: 10px 40px;
}

.plans-package .package-footer .btn:hover {
    color: #ffffff;
}

.orange-btn {
    display: inline-block;
    background-color: #f44e4c;
    border-color: #f44e4c;
    color: #ffffff;
    width: auto;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 25px;
    box-shadow: 2px 2px 0px 2px #343998;
    -moz-box-shadow: 2px 2px 0px 2px #343998;
    -webkit-box-shadow: 2px 2px 0px 2px #343998;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
}

.blue-btn {
    display: inline-block;
    background-color: #1936c4;
    border-color: #1936c4;
    color: #ffffff;
    width: auto;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 25px;
    box-shadow: 2px 2px 0px 2px #343998;
    -moz-box-shadow: 2px 2px 0px 2px #343998;
    -webkit-box-shadow: 2px 2px 0px 2px #343998;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
}

.d-grey-box-shadow {
    box-shadow: 2px 2px 0px 3px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 2px 2px 0px 3px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 2px 2px 0px 3px rgba(0, 0, 0, 0.2) !important;
}

.plans-package .package-footer .btn-desc {
    font-size: 16px;
    color: #6d6d6d !important;
}

.plans-package .package-footer .btn-desc a {
    color: #6d6d6d !important;
    text-decoration: underline;
}

.no-purchase-txt .card-icon {
    display: inline-block;
    vertical-align: middle;
    background: url(../png/grey-card-icon.png) no-repeat 0px 0px;
    width: 37px;
    height: 28px;
    margin-right: 5px;
}

.feature-card-column {
    display: flex;
    flex-direction: column;
}

.feature-card {
    background-color: #fff;
    flex-grow: 1;
    margin: 15px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 20px 10px;
    transition: box-shadow, 0.2s;
}

.feature-card:hover {
    box-shadow: 0 2px 34px rgba(0, 0, 0, 0.3);
}

.feature-card-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 37px;
    margin-bottom: 30px;
}

.feature-card-header {
    margin-bottom: 35px;
}

.feature-card-text {
    font-size: 18px;
    line-height: 24px;
    padding: 0 19px;
}

#testimonials .card {
    height: 100%;
    margin: 15px 0;
    font-family: 'Hind', sans-serif;
    font-size: 16px;
}

#testimonials [class^="col-"] {
    margin-bottom: 30px;
}

.card .card-header,
.card .card-footer {
    background-color: #ffffff;
    text-align: center;
    border: 0;
}

.btn-story {
    display: inline-block;
    background: transparent;
    border: 2px solid #838383 !important;
    color: #838383;
    width: auto;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 25px;
}

.font-size-32,
.font-size-32 h3 {
    font-size: 32px !important;
    line-height: normal;
}

.color-sytle-1 {
    color: #838383 !important;
}

.background-illustration1 {
    background: url(../jpg/illustration1.jpg) no-repeat center 0px;
    background-size: cover;
    min-height: 533px;
    color: #fff;
}

.section-login-dome-shield .section-title {
    font-size: 56px;
    line-height: 74px;
    margin-bottom: 70px;
}

.section-login-dome-shield .btn {
    font-size: 24px;
    line-height: 30px;
    padding: 35px;
    border-width: 4px;
    border-radius: 9px;
    font-weight: 700;
}

.section-login-dome-shield .btn:hover {
    color: #fff;
}

.resource-card {
    background-color: #fff;
    padding: 54px 35px 40px;
    height: 100%;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    font-size: 28px;
    line-height: 37px;
    font-weight: 700;
}

.resource-btn {
    background-color: #E10C32;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    padding: 20px;
}

.resource-btn:hover {
    color: #fff;
}

#resources [class^="col-"] {
    margin-bottom: 30px;
}

.resource-card .card-body {
    padding: 20px 0;
}

.video-btn:after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    /*float: right;*/
    vertical-align: middle;
    background: url(../png/play-circle.png) no-repeat center center transparent;
    margin-left: 10px;
}

.background-illustration2 {
    background: url(../jpg/illustration2.jpg) no-repeat center 0;
    background-size: cover;
    color: #fff;
    position: relative;
    padding: 0;
}

.background-blue-transparent {
    padding: 100px 0 100px 100px;
}

.background-blue-transparent:before {
    content: "";
    width: 50vw;
    height: 100%;
    display: block;
    background-color: rgba(32, 28, 50, 0.7);
    position: absolute;
    top: 0;
    left: 0;
}

.background-blue-transparent>* {
    position: relative;
}

#secure-dns .title {
    padding-right: 50px;
}

#secure-dns .title h2 {
    font-size: 53px;
    line-height: 74px;
    font-weight: 700;
}

#secure-dns .title p {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 30px;
}

#secure-dns .btn {
    font-size: 18px;
    padding: 15px;
    font-weight: 700;
}

#secure-dns .background-blue-transparent h2 {
    font-weight: 700;
    margin-bottom: 40px;
    margin-top: 30px;
}

#secure-dns .background-blue-transparent p {
    font-size: 18px;
    line-height: 30px;
}
[class^="icon-packages-"]{
    background-image:url("../png/icon-packages.png");
    display:inline-block;
    margin:0px 0px 20px!important;
}
.icon-packages-dns-package-icon-1 {
    width: 123px; height: 70px;
    background-position: -10px -10px;
}
.icon-packages-dns-package-icon-2 {
    width: 63px; height: 70px;
    background-position: -10px -190px;
}
.icon-packages-dns-package-icon-3 {
    width: 77px; height: 66px;
    background-position: -116px -100px;
}
.icon-packages-dns-package-icon-4 {
    width: 91px; height: 68px;
    background-position: -153px -10px;
}
.icon-packages-dns-package-icon-5 {
    width: 70px; height: 36px;
    background-position: -10px -280px;
}
.icon-packages-dns-package-icon-6 {
    width: 64px; height: 70px;
    background-position: -264px -100px;
}
.icon-packages-dns-package-icon-7 {
    width: 52px; height: 68px;
    background-position: -256px -190px;
}
.icon-packages-dns-package-icon-8 {
    width: 86px; height: 70px;
    background-position: -10px -100px;
}
.icon-packages-dns-package-icon-9 {
    width: 45px; height: 69px;
    background-position: -355px -10px;
}
.icon-packages-dns-package-icon-10 {
    width: 71px; height: 70px;
    background-position: -264px -10px;
}
.icon-packages-dns-package-icon-11 {
    width: 63px; height: 70px;
    background-position: -93px -190px;
}
.icon-packages-dns-package-icon-12 {
    width: 60px; height: 70px;
    background-position: -176px -190px;
}
@media (max-width: 767px) {
    .background-blue-transparent { padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 495px) {
    .section-login-dome-shield .btn { font-size: 15px; padding: 18px; }
}
@media (max-width: 480px) {
    .inner-banner .logo-wrapper .logo {
        width: 50%;
    }
    .inner-banner .logo-wrapper .logo img {
        width: 100%;
    }
    .inner-banner .logo-wrapper .term {
        font-size: 17px;
        padding-left: 8px;
        margin-left: 8px;
    }
}