/*==================================
  1. styles for wrapper
  2. styles for header
  3. styles for logo
  4. styles for banner
  5. styles for download form
  6. styles for about-block
  7. styles for expert-block
  8. styles for management-block
===================================*/
.about-block .links-list, .management-block .tools-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

body {
  min-width: 320px;
  background: #fff; }

img {
  max-width: 100%;
  height: auto; }

/*------------------------
  1. styles for wrapper
-------------------------*/
#wrapper {
  position: relative;
  overflow: hidden; }

/*------------------------
  2. styles for header
-------------------------*/
#header {
  padding: 30px 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2; }
  @media (min-width: 768px) {
    #header {
      padding: 62px 0; } }

/*------------------------
  3. styles for logo
-------------------------*/
.logo {
text-align:center;  }
.share {
  float:right; }
.share, .share a {
  color:#fff;
}

/*------------------------
  4. styles for banner
-------------------------*/
.banner {
  padding: 100px 0 45px; }
  @media (min-width: 768px) {
    .banner {
      padding: 177px 0 85px; } }
  @media (max-width: 767px) {
    .banner .image-wrap {
      text-align: center; } }
  .banner .text-block {
    font: 400 14px/1.375 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    padding: 20px 10px; }
    @media (min-width: 768px) {
      .banner .text-block {
        font: 400 16px/1.375 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 13px 0; } }
    @media (min-width: 1024px) {
      .banner .text-block {
        padding: 13px 80px 13px 21px; } }
    .banner .text-block .title {
      font: 400 18px/1.6 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
      display: block;
      margin: 0 0 9px; }
      @media (min-width: 768px) {
        .banner .text-block .title {
          font: 400 14px/1.6 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; } }
      @media (min-width: 1025px) {
        .banner .text-block .title {
          font: 400 24px/1.6 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; } }
    .banner .text-block .text {
      font: 700 25px/1.15 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
      display: block; }
      @media (min-width: 768px) {
        .banner .text-block .text {
          font: 700 48px/1.15 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; } }
      .banner .text-block .text strong {
        font-weight: 900; }
    .banner .text-block h1 {
      font: 700 25px/1.2 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      color: #ffe400;
      margin: 0 0 9px; }
      @media (min-width: 768px) {
        .banner .text-block h1 {
          font: 700 48px/1.15 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; } }
    .banner .text-block p {
      margin: 0 0 25px; }
      @media (min-width: 768px) {
        .banner .text-block p {
          margin: 0 0 43px; } }
      .banner .text-block p strong {
        font-weight: 900; }

/*------------------------------
  5. styles for download form
-------------------------------*/
.download-form {
  overflow: hidden;
  max-width: 557px; }
  .download-form label {
    font: 400 20px/1.375 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0 0 7px; }
  .download-form input[type="email"] {
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    -webkit-appearance: none;
    outline: none;
    box-shadow: none;
    font: 400 18px/1.6 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: none; }
    @media (min-width: 768px) {
      .download-form input[type="email"] {
        height: 58px; } }
  .download-form button,
  .download-form input[type=submit] {
    width: 268px;
    background: #ffe400;
    color: #000;
    text-transform: uppercase;
    padding: 5px;
    font: 700 22px/1.9 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: none; }
    @media (min-width: 768px) {
      .download-form button {
        padding: 8px; } }
    .download-form button:hover, .download-form button:focus {
      -webkit-animation: button 5s linear infinite;
              animation: button 5s linear infinite; }
  .download-form .form-group {
    margin: 0 0 25px; }

input.btn,
button.btn {
  background: #ffe400;
  color: #000; }

/*---------------------------
  6. styles for about-block
----------------------------*/
.about-block {
  font-size: 0;
  line-height: 0;
  padding: 40px 0; }
  @media (min-width: 768px) {
    .about-block {
      padding: 90px 0 38px; } }
  @media (min-width: 768px) {
    .about-block .text-hold {
      padding: 0 5px; } }
  .about-block .img-wrap {
    margin: 0 0 20px; }
  .about-block h2 {
    font: 400 30px/1.6 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 10px;
    text-transform: uppercase;
    color: #000; }
    @media (min-width: 768px) {
      .about-block h2 {
        font: 400 35px/1.6 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; } }
    @media (min-width: 1024px) {
      .about-block h2 {
        font: 400 48px/1.6 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  .about-block .links-list {
    position: relative;
    padding: 0 5px 0 25px; }
    @media (min-width: 768px) {
      .about-block .links-list {
        padding: 0 5px 0 25px; } }
    @media (min-width: 1024px) {
      .about-block .links-list {
        padding: 0 30px; } }
    .about-block .links-list:after {
      content: "";
      position: absolute;
      height: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      width: 6px;
      background: #ffe400; }
    .about-block .links-list li {
      font: 700 15px/1.375 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0 0 16px; }
      @media (min-width: 768px) {
        .about-block .links-list li {
          font: 700 19px/1.375 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; } }
      .about-block .links-list li a {
        text-decoration: none;
        color: #1f3044; }
        .about-block .links-list li a:hover, .about-block .links-list li a:focus {
          -webkit-animation: btn-animation1 2s ease-in-out infinite;
                  animation: btn-animation1 2s ease-in-out infinite; }

.about-block [class^="col-"],
.about-block [class*="col-"] {
  display: inline-block;
  vertical-align: middle;
  float: none; }

.expert-block [class^="col-"],
.expert-block [class*="col-"] {
  display: inline-block;
  vertical-align: top;
  float: none; }

/*-----------------------------
  7. styles for expert-block
------------------------------*/
.expert-block {
  margin: 0 0 40px; }

@media (min-width: 480px) and (max-width: 767px) {
  .expert-block {
    text-align: center;
    font-size: 0;
    line-height: 0; } }
  @media (min-width: 768px) {
    .expert-block {
      margin: 0 0 83px; } }
  .expert-block h3 {
    color: #1f3044;
    font: 400 24px/1.6 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 47px; }
  .expert-block .designation {
    display: block; }
  .expert-block .name {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 9px; }

@media (min-width: 480px) and (max-width: 767px) {
  .expert-block .phn-view {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    float: none; } }

.info-hold {
  display: inline-block;
  vertical-align: top;
  font: 400 16px/0.93 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #1f3044;
  margin: 0 0 25px;
  text-decoration: none; }
  @media (min-width: 768px) {
    .info-hold {
      margin: 0 0 15px; } }
  .info-hold:hover {
    text-decoration: none;
    -webkit-animation: btn-animation1 3s linear infinite;
            animation: btn-animation1 3s linear infinite; }
  .info-hold .image-holder {
    width: 119px;
    height: 119px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 11px; }
    @media (min-width: 768px) {
      .info-hold .image-holder {
        width: 80px;
        height: 80px; } }
    @media (min-width: 1024px) {
      .info-hold .image-holder {
        width: 119px;
        height: 119px; } }

/*--------------------------------
  8. styles for management-block
---------------------------------*/
.management-block {
  background: #ffe400;
  font: 400 19px/1.6 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #1f3044;
  padding: 50px 0 30px;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .management-block {
      font: 400 24px/1.6 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding: 87px 0; } }
  .management-block h2 {
    font: 400 30px/1 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    margin: 0 0 20px;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .management-block h2 {
        font: 400 48px/1 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; } }
  .management-block p {
    margin: 0 0 55px; }
  .management-block .tools-list {
    position: relative;
    padding: 0 5px 0 35px;
    margin: 0 0 15px; }
    .management-block .tools-list:after {
      content: "";
      position: absolute;
      height: 100%;
      left: 5px;
      top: 0;
      bottom: 0;
      width: 6px;
      background: #fff; }
    .management-block .tools-list li {
      font: 700 15px/1.15 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0 0 23px; }
      @media (min-width: 768px) {
        .management-block .tools-list li {
          font: 700 19px/1.15 Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; } }
      .management-block .tools-list li a {
        text-decoration: none;
        color: #1f3044; }
        .management-block .tools-list li a:hover, .management-block .tools-list li a:focus {
          -webkit-animation: btn-animation 3s ease-in-out infinite;
                  animation: btn-animation 3s ease-in-out infinite; }

@-webkit-keyframes btn-animation {
  0% {
    opacity: 1; }
  25% {
    opacity: .8;
    color: #94afce; }
  50% {
    opacity: 1;
    color: #1f3044; }
  75% {
    opacity: .8;
    color: #94afce; }
  100% {
    opacity: 1;
    color: #1f3044; } }

@keyframes btn-animation {
  0% {
    opacity: 1; }
  25% {
    opacity: .8;
    color: #94afce; }
  50% {
    opacity: 1;
    color: #1f3044; }
  75% {
    opacity: .8;
    color: #94afce; }
  100% {
    opacity: 1;
    color: #1f3044; } }

@-webkit-keyframes btn-animation1 {
  0% {
    opacity: 1; }
  25% {
    opacity: .8;
    color: #ffe400; }
  50% {
    opacity: 1;
    color: #1f3044; }
  75% {
    opacity: .8;
    color: #ffe400; }
  100% {
    opacity: 1;
    color: #1f3044; } }

@keyframes btn-animation1 {
  0% {
    opacity: 1; }
  25% {
    opacity: .8;
    color: #ffe400; }
  50% {
    opacity: 1;
    color: #1f3044; }
  75% {
    opacity: .8;
    color: #ffe400; }
  100% {
    opacity: 1;
    color: #1f3044; } }

@-webkit-keyframes button {
  0% {
    background: #ffe400; }
  25% {
    background: #1f3044;
    color: #fff;
    border-color: #1f3044; }
  50% {
    background: #ffe400;
    color: #000; }
  75% {
    background: #1f3044;
    color: #fff;
    border-color: #1f3044; }
  100% {
    background: #ffe400;
    color: #000; } }

@keyframes button {
  0% {
    background: #ffe400; }
  25% {
    background: #1f3044;
    color: #fff;
    border-color: #1f3044; }
  50% {
    background: #ffe400;
    color: #000; }
  75% {
    background: #1f3044;
    color: #fff;
    border-color: #1f3044; }
  100% {
    background: #ffe400;
    color: #000; } }
/*# sourceMappingURL=main.css.map */

#footer {
  margin: 30px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
}

.copyright, .copyright p {
  font-size: 14px;
}

.full-width.full-width-gray {
  background-color: #EDEFF1;
}

.footer-container {
  width: 100%;
  max-width: 1010px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
.text-center {
  text-align: center;
}

.any-questions {
  padding: 30px 0px 40px 0px;
}