/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/5188(此说明不在下载的源码里，只用在演示页面里)*//* ================================= css index ================================= *. typography *. section title *. preloader *. normalize 1. header 2. banner 3. info-feature 4. litehyip features 5. we thinking global 6. inventors 7. testimonial 8. newsletter 9. page title 10. footer 11. about 12. investmenut-plan 13. faq 14. contact     最新最全最好的Bootstrap模板：http://www.bootstrapmb.com/*==========================================    typography===========================================*/@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900");/*==========================================    section title==========================================*/.section-title {  text-align: center;  margin-bottom: 54px; }  .section-title h2 {    font-size: 40px;    font-weight: 700;    color: #555;    margin-bottom: 11px;    text-transform: capitalize; }    .section-title h2.add-space {      margin-bottom: 20px; }  .section-title p {    font-size: 16px;    line-height: 30px;    color: #555; }.c-white {  color: #fff; }@media only screen and (max-width: 991px) {  .row.reorder-xs {    -ms-transform: rotate(180deg);    /* IE 9 */    -webkit-transform: rotate(180deg);    /* Chrome, Safari, Opera */    transform: rotate(180deg);    direction: rtl; }  .row.reorder-xs >[class*="col-"] {    -ms-transform: rotate(-180deg);    /* IE 9 */    -webkit-transform: rotate(-180deg);    /* Chrome, Safari, Opera */    transform: rotate(-180deg);    direction: ltr; } }@media only screen and (min-width: 992px) and (max-width: 1199px) {  .row.homepage-about-xs {    -ms-transform: rotate(180deg);    /* IE 9 */    -webkit-transform: rotate(180deg);    /* Chrome, Safari, Opera */    transform: rotate(180deg);    direction: rtl; }  .row.homepage-about-xs >[class*="col-"] {    -ms-transform: rotate(-180deg);    /* IE 9 */    -webkit-transform: rotate(-180deg);    /* Chrome, Safari, Opera */    transform: rotate(-180deg);    direction: ltr; } }/*==========================================    Preloader==========================================*/.sec {  background-color: #fff;  height: 100vh;  width: 100%;  position: fixed;  z-index: 999; }.loader {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); }.circle {  height: 10px;  width: 10px;  background-color: #00d563;  border-radius: 50%;  margin: 4px;  display: inline-block; }.item0 {  -webkit-animation: 1s pulse0 infinite;  animation: 1s pulse0 infinite; }.item1 {  -webkit-animation: 1s pulse1 infinite;  animation: 1s pulse1 infinite; }.item2 {  -webkit-animation: 1s pulse2 infinite;  animation: 1s pulse2 infinite; }@-webkit-keyframes pulse0 {  0% {    -webkit-transform: scale(1);    transform: scale(1); }  10% {    -webkit-transform: scale(2);    transform: scale(2); }  43.3% {    -webkit-transform: scale(1);    transform: scale(1); }  76.6% {    -webkit-transform: scale(1);    transform: scale(1); }  100% {    -webkit-transform: scale(1);    transform: scale(1); } }@keyframes pulse0 {  0% {    -webkit-transform: scale(1);    transform: scale(1); }  10% {    -webkit-transform: scale(2);    transform: scale(2); }  43.3% {    -webkit-transform: scale(1);    transform: scale(1); }  76.6% {    -webkit-transform: scale(1);    transform: scale(1); }  100% {    -webkit-transform: scale(1);    transform: scale(1); } }@-webkit-keyframes pulse1 {  0% {    -webkit-transform: scale(1);    transform: scale(1); }  10% {    -webkit-transform: scale(1);    transform: scale(1); }  43.3% {    -webkit-transform: scale(2);    transform: scale(2); }  76.6% {    -webkit-transform: scale(1);    transform: scale(1); }  100% {    -webkit-transform: scale(1);    transform: scale(1); } }@keyframes pulse1 {  0% {    -webkit-transform: scale(1);    transform: scale(1); }  10% {    -webkit-transform: scale(1);    transform: scale(1); }  43.3% {    -webkit-transform: scale(2);    transform: scale(2); }  76.6% {    -webkit-transform: scale(1);    transform: scale(1); }  100% {    -webkit-transform: scale(1);    transform: scale(1); } }@-webkit-keyframes pulse2 {  0% {    -webkit-transform: scale(1);    transform: scale(1); }  10% {    -webkit-transform: scale(1);    transform: scale(1); }  43.3% {    -webkit-transform: scale(1);    transform: scale(1); }  76.6% {    -webkit-transform: scale(2);    transform: scale(2); }  100% {    -webkit-transform: scale(1);    transform: scale(1); } }@keyframes pulse2 {  0% {    -webkit-transform: scale(1);    transform: scale(1); }  10% {    -webkit-transform: scale(1);    transform: scale(1); }  43.3% {    -webkit-transform: scale(1);    transform: scale(1); }  76.6% {    -webkit-transform: scale(2);    transform: scale(2); }  100% {    -webkit-transform: scale(1);    transform: scale(1); } }/*==========================================    scroll to top button==========================================*/.scroll-to-top {  position: fixed;  right: 50px;  bottom: 80px;  display: inline-block;  z-index: 9;  width: 40px;  height: 40px;  background: #052157;  border: 2px solid #fff;  text-align: center; }.scroll-to-top a {  text-decoration: none;  font-family: 'Lato', sans-serif;  font-weight: 900;  cursor: pointer;  font-size: 24px;  color: #fff;  padding: 2px 0 0px 0;  display: inline-block; }.scroll-to-top a i {  color: #fff; }/*==========================================    normalize==========================================*/html {  font-family: "Poppins", sans-serif;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  overflow-x: hidden; }body {  font-family: "Poppins", sans-serif;  font-size: 16px;  margin: 0;  color: #3d5169;  overflow-x: hidden; }h1, h2, h3, h4, h5, h6, a {  line-height: 1.3; }p {  line-height: 1.6; }a {  color: #3d5169;  text-decoration: none; }a,a:hover,a:focus,a:active {  text-decoration: none;  outline: none; }a i {  padding: 0 2px; }img {  max-width: 100%; }/*input and button type focus outline disable*/input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,select:focus {  outline: none;  -webkit-box-shadow: none;  box-shadow: none;  border: 1px solid #ddd; }/** * 5.0 - Alignments */.alignleft {  float: left; }.alignright {  float: right; }.aligncenter {  clear: both;  display: block;  margin: 0 auto 1.75em; }ul {  margin: 0;  padding: 0;  list-style: none; }/*==========================================    Header==========================================*/.header {  position: absolute;  top: 0;  z-index: 5;  left: 0;  width: 100%;  border-bottom: 1px solid rgba(255, 255, 255, 0.25); }  .header .main-menu {    width: 100%; }    .header .main-menu .navbar {      padding: 0;      float: right; }      .header .main-menu .navbar .nav-item.dropdown:hover .dropdown-menu {        display: block;        margin: 0;        border-radius: 0;        border: none;        padding: 0; }      .header .main-menu .navbar .nav-item.dropdown .dropdown-item {        padding: 15px 15px;        border-bottom: 1px solid #00d563;        color: #3d5169;        opacity: .9;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }        .header .main-menu .navbar .nav-item.dropdown .dropdown-item:hover {          background: #00d563;          color: #fff; }        .header .main-menu .navbar .nav-item.dropdown .dropdown-item:last-child {          border-bottom: none; }      .header .main-menu .navbar .nav-item .nav-link {        color: #fff;        padding: 30px 0px;        margin: 0 15px;        position: relative; }        .header .main-menu .navbar .nav-item .nav-link:after {          position: absolute;          content: '';          left: 50%;          -webkit-transform: translateX(-50%);          -ms-transform: translateX(-50%);          transform: translateX(-50%);          bottom: 26px;          width: 0;          height: 1px;          background: #fff;          -webkit-transition: all 0.3s ease-in;          -moz-transition: all 0.3s ease-in;          -o-transition: all 0.3s ease-in;          transition: all 0.3s ease-in; }        .header .main-menu .navbar .nav-item .nav-link:hover:after {          width: 100%; }      .header .main-menu .navbar .nav-item:last-child .nav-link {        margin-right: 0; }      .header .main-menu .navbar .nav-item.dropdown .dropdown-toggle:after {        border: none;        margin-left: 0; }/*==========================================    banner==========================================*/.banner {  background: url("../img/banner-bg.jpg") no-repeat center center;  background-size: cover;  position: relative;  z-index: 2; }  .banner:after {    position: absolute;    content: '';    left: 0;    top: 0;    width: 100%;    height: 100%;    background: -webkit-gradient(linear, left top, right top, from(#24243e), color-stop(#302b63), to(#0f0c29));    background: -webkit-linear-gradient(left, #24243e, #302b63, #0f0c29);    background: -o-linear-gradient(left, #24243e, #302b63, #0f0c29);    background: linear-gradient(to right, #24243e, #302b63, #0f0c29);    opacity: 0.88;    z-index: -1; }  .banner .banner-content {    text-align: center;    padding: 380px 0 300px; }    .banner .banner-content h1 {      color: #fff;      font-size: 48px;      font-weight: 700;      margin-bottom: 20px;      margin-top: -8px; }    .banner .banner-content p {      color: #fff;      font-size: 18px;      line-height: 34px; }    .banner .banner-content a {      background: transparent;      color: #3b30ed;      display: inline-block;      height: 50px;      width: 170px;      border: 1px solid #fff;      text-align: center;      color: #fff;      line-height: 50px;      border-radius: 50px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in;      margin-top: 18px; }      .banner .banner-content a:hover {        background: #3b30ed;        border-color: #fff; }  .banner .scroll-down {    display: inline-block;    width: 84px;    height: 84px;    border-radius: 50%;    background: #fff;    border: none;    color: #00d563;    font-size: 30px;    position: relative;    line-height: 84px;    left: 50%;    text-align: center;    margin-left: -42px;    bottom: -42px;    -webkit-box-shadow: 0px 0px 60px -16px;    box-shadow: 0px 0px 60px -16px; }    .banner .scroll-down:focus {      outline: none;      cursor: pointer; }/*==========================================    page title==========================================*/.page-title {  background: url("../img/broadcramp-bg.jpg") no-repeat center center;  background-size: cover;  position: relative;  z-index: 2;  padding: 231px 0 141px;  text-align: center; }  .page-title.add-space {    padding-bottom: 150px; }  .page-title.add-space-for-faq {    padding-bottom: 143px; }  .page-title h2 {    color: #fff;    font-size: 36px;    font-weight: 700; }  .page-title:after {    position: absolute;    content: '';    left: 0;    top: 0;    width: 100%;    height: 100%;    background: -webkit-gradient(linear, left top, right top, from(#24243e), color-stop(#302b63), to(#0f0c29));    background: -webkit-linear-gradient(left, #24243e, #302b63, #0f0c29);    background: -o-linear-gradient(left, #24243e, #302b63, #0f0c29);    background: linear-gradient(to right, #24243e, #302b63, #0f0c29);    opacity: 0.88;    z-index: -1; }  .page-title .scroll-down {    width: 84px;    height: 84px;    border-radius: 50%;    background: #fff;    border: none;    color: #00d563;    font-size: 30px;    position: absolute;    left: 50%;    margin-left: -42px;    bottom: -42px;    -webkit-box-shadow: 0px 0px 60px -16px;    box-shadow: 0px 0px 60px -16px; }    .page-title .scroll-down:focus {      outline: none;      cursor: pointer; }/*==========================================    about==========================================*/.about {  padding: 120px 0 120px; }  .about.about-page {    padding: 112px 0 90px; }  .about .single-feature {    padding: 39px 40px 19px;    margin-bottom: 30px;    -webkit-box-shadow: 0 0 32px -14px #3d5169;    box-shadow: 0 0 32px -14px #3d5169;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;    -webkit-box-shadow: 0px 0px 9px 2px #F5F5F5;    box-shadow: 0px 0px 9px 2px #F5F5F5; }    .about .single-feature:hover {      -webkit-box-shadow: 0px 0px 19px 12px #F5F5F5;      box-shadow: 0px 0px 19px 12px #F5F5F5; }    .about .single-feature .part-icon {      color: #00d563;      margin-bottom: 26px;      display: inline-block;      width: 50px; }      .about .single-feature .part-icon img {        width: 100%; }    .about .single-feature .part-text h3 {      font-weight: 600;      font-size: 22px;      color: #444;      margin-bottom: 22px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }    .about .single-feature .part-text p {      font-size: 16px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in;      line-height: 28px;      color: #666; }    .about .single-feature.add-tspace {      margin-top: 40px; }    .about .single-feature.add-bspace {      margin-bottom: 30px; }  .about .part-right h2 {    font-size: 40px;    color: #3d5169;    font-weight: 700;    margin-top: -8px;    line-height: 56px;    margin-bottom: 19px;    text-transform: capitalize; }  .about .part-right p {    font-size: 16px;    line-height: 30px;    color: #666;    max-width: 90%; }  .about .part-right a {    background: #00d563;    color: #fff;    display: inline-block;    height: 50px;    width: 170px;    border: 1px solid #00d563;    text-align: center;    line-height: 50px;    border-radius: 50px;    margin-top: 18px;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .about .part-right a:hover {      background: #fff;      border-color: #00d563;      color: #00d563; }  .about .part-img {    -webkit-box-shadow: 0 23px 20px -26px #00d563;    box-shadow: 0 23px 20px -26px #00d563; }    .about .part-img img {      width: 100%; }/*==========================================    call to action==========================================*/.call-to-action {  position: relative;  padding: 80px 0;  background: url("../img/call-to-action-bg.jpg") center center no-repeat;  background-size: cover;  z-index: 2; }  .call-to-action:after {    position: absolute;    content: '';    left: 0;    top: 0;    width: 100%;    height: 100%;    background: -webkit-gradient(linear, left top, right top, from(#24243e), color-stop(#302b63), to(#0f0c29));    background: -webkit-linear-gradient(left, #24243e, #302b63, #0f0c29);    background: -o-linear-gradient(left, #24243e, #302b63, #0f0c29);    background: linear-gradient(to right, #24243e, #302b63, #0f0c29);    z-index: -1;    opacity: 0.69; }  .call-to-action h2 {    font-size: 36px;    color: #fff;    font-weight: 600;    text-transform: capitalize;    margin: 0; }  .call-to-action a {    background: #fff;    color: #3b30ed;    display: inline-block;    height: 50px;    width: 170px;    border: 1px solid #fff;    text-align: center;    line-height: 50px;    border-radius: 50px;    float: right;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .call-to-action a:hover {      background: #3b30ed;      border-color: #3b30ed;      color: #fff; }/*==========================================    about page >video==========================================*/.video {  padding: 112px 0 113px;  background: url(../img/video-bg.jpg) no-repeat center center;  background-size: cover;  position: relative;  overflow: hidden;  text-align: center;  z-index: 2; }.video:before {  background: -webkit-gradient(linear, left top, right top, from(#24243e), color-stop(#302b63), to(#0f0c29));  background: -webkit-linear-gradient(left, #24243e, #302b63, #0f0c29);  background: -o-linear-gradient(left, #24243e, #302b63, #0f0c29);  background: linear-gradient(to right, #24243e, #302b63, #0f0c29);  opacity: 0.94;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  content: '';  z-index: -2; }.video:after {  background: url(../img/banner-bg.png) bottom no-repeat;  background-size: cover;  position: absolute;  content: '';  left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: -2; }.video .section-title {  margin-bottom: 48px; }.video .section-title h2 {  color: #fff; }.video .section-title p {  color: #fff; }.video .play-video {  display: inline-block;  position: relative;  z-index: 2; }.video .play-video:after {  position: absolute;  content: '';  width: 80px;  height: 80px;  left: 50%;  top: 50%;  right: 0;  bottom: 0;  background-image: -webkit-gradient(linear, right top, left top, from(#ffffff), to(#ffffff));  background-image: -webkit-linear-gradient(right, #ffffff, #ffffff);  background-image: -o-linear-gradient(right, #ffffff, #ffffff);  background-image: linear-gradient(to left, #ffffff, #ffffff);  border-radius: 50%;  -webkit-animation: pulse-border 1500ms ease-out infinite;  animation: pulse-border 1500ms ease-out infinite;  z-index: -1; }.video .play-video a {  font-size: 26px;  display: table-cell;  line-height: 0;  padding: 0 0 0 5px;  border-radius: 50%;  width: 80px;  height: 80px;  text-align: center;  vertical-align: middle;  text-decoration: none;  background: -webkit-gradient(linear, left top, right top, from(#24243e), color-stop(#302b63), to(#0f0c29));  background: -webkit-linear-gradient(left, #24243e, #302b63, #0f0c29);  background: -o-linear-gradient(left, #24243e, #302b63, #0f0c29);  background: linear-gradient(to right, #24243e, #302b63, #0f0c29);  color: #fff;  -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s; }@-webkit-keyframes pulse-border {  0% {    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    opacity: 1; }  100% {    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);    -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);    opacity: 0; } }@keyframes pulse-border {  0% {    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);    opacity: 1; }  100% {    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);    -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);    opacity: 0; } }/*==========================================    feature==========================================*/.feature {  padding: 120px 0 98px;  background-color: #f9fafa; }  .feature .feature-slider {    position: relative; }    .feature .feature-slider .single-feature {      text-align: center;      margin-top: 136px;      padding: 0 100px; }      .feature .feature-slider .single-feature h3 {        color: #444;        font-size: 28px;        font-weight: 600;        margin-bottom: 21px; }      .feature .feature-slider .single-feature p {        font-size: 18px;        color: #666;        line-height: 34px; }    .feature .feature-slider .owl-controls .owl-nav {      position: absolute;      left: 0;      top: 20px;      width: 100%; }      .feature .feature-slider .owl-controls .owl-nav .owl-next, .feature .feature-slider .owl-controls .owl-nav .owl-prev {        border: 1px solid #00d563;        color: #00d563;        width: 50px;        height: 50px;        border-radius: 50%;        text-align: center;        line-height: 50px; }      .feature .feature-slider .owl-controls .owl-nav .owl-next {        right: 0;        position: absolute;        top: 0;        z-index: 2; }    .feature .feature-slider .owl-controls .owl-dots {      display: -webkit-inline-box;      display: -ms-inline-flexbox;      display: inline-flex;      position: absolute;      top: 0;      left: 50%;      width: 100%;      margin-left: -370px; }      .feature .feature-slider .owl-controls .owl-dots .owl-dot {        display: inline-block; }        .feature .feature-slider .owl-controls .owl-dots .owl-dot.active .single-circle {          background: #fff;          -webkit-box-shadow: 0 0 39px -16px #00d563;          box-shadow: 0 0 39px -16px #00d563;          color: #00d563;          border: 2px solid; }        .feature .feature-slider .owl-controls .owl-dots .owl-dot:first-child .single-circle {          margin-left: 0; }        .feature .feature-slider .owl-controls .owl-dots .owl-dot:last-child .single-circle {          margin-right: 0; }    .feature .feature-slider .single-circle {      width: 90px;      height: 90px;      background: #00d563;      border-radius: 50%;      margin: 0 20px;      color: #fff;      font-size: 20px;      text-align: center;      line-height: 90px; }/*==========================================    service==========================================*/.service {  padding: 112px 0 90px; }  .service.add-pbspace {    padding-bottom: 120px; }  .service .single-service {    margin-bottom: 30px;    padding: 40px 40px 35px;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;    -webkit-box-shadow: 0px 0px 9px 2px #F5F5F5;    box-shadow: 0px 0px 9px 2px #F5F5F5; }    .service .single-service .part-icon {      color: #00d563;      width: 60px;      height: 60px;      margin-bottom: 23px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }    .service .single-service .part-text h3 {      font-size: 22px;      font-weight: 600;      color: #444;      margin-bottom: 20px; }    .service .single-service .part-text p {      font-size: 16px;      line-height: 28px;      color: #666;      margin: 0; }    .service .single-service:hover {      -webkit-box-shadow: 0px 0px 19px 12px #F5F5F5;      box-shadow: 0px 0px 19px 12px #F5F5F5;      border-color: transparent; }  .service a.view-more-button {    background: rgba(0, 213, 99, 0.09);    color: #00d563;    display: inline-block;    height: 50px;    width: 200px;    border: 1px solid rgba(0, 213, 99, 0.3);    text-align: center;    line-height: 50px;    border-radius: 50px;    margin-top: 10px;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .service a.view-more-button:hover {      background: #00d563;      border-color: #00d563;      color: #fff; }/*==========================================    featured product==========================================*/.featured-product {  padding: 110px 0 120px;  background: #f9fafa; }  .featured-product.featured-product-for-homepage {    padding-top: 110px; }  .featured-product .single-featured-product {    padding-bottom: 60px; }    .featured-product .single-featured-product:first-child {      padding-top: 0; }    .featured-product .single-featured-product:nth-child(2) {      border-top: 1px solid #00d563;      border-bottom: 1px solid #00d563;      padding-top: 60px; }    .featured-product .single-featured-product:last-child {      padding-bottom: 0;      padding-top: 60px; }  .featured-product .part-img {    border: 10px solid #ffffff;    -webkit-box-shadow: 0 12px 65px -21px;    box-shadow: 0 12px 65px -21px; }    .featured-product .part-img img {      width: 100%; }  .featured-product .part-text h3 {    font-size: 28px;    color: #3d5169;    line-height: 1.5;    margin-bottom: 19px;    margin-top: -7px;    font-weight: 600; }  .featured-product .part-text p {    color: #666;    line-height: 30px; }  .featured-product .part-text a {    background: #00d563;    color: #fff;    display: inline-block;    height: 50px;    width: 170px;    border: 1px solid #00d563;    text-align: center;    line-height: 50px;    border-radius: 50px;    margin-top: 18px;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .featured-product .part-text a:hover {      background: #fff;      border-color: #00d563;      color: #00d563; }/*==========================================    clients==========================================*/.clients {  padding: 108px 0 120px; }  .clients .testimonial .owl-stage-outer .owl-item {    display: -webkit-box;    display: -ms-flexbox;    display: flex; }  .clients .testimonial .owl-dots {    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;    position: absolute;    right: 20px;    bottom: 20px; }    .clients .testimonial .owl-dots .owl-dot {      width: 10px;      height: 10px;      background: #f1f1f1;      border-radius: 50%;      display: inline-block;      margin-right: 5px; }      .clients .testimonial .owl-dots .owl-dot:last-child {        margin-right: 0; }      .clients .testimonial .owl-dots .owl-dot.active {        background: #00d563; }  .clients .testimonial .single-testimonial {    display: inline-block; }    .clients .testimonial .single-testimonial .part-img {      width: 110px;      overflow: hidden;      border-radius: 50%;      position: relative;      left: 50%;      margin-left: -55px;      margin-bottom: -55px;      border: 1px solid rgba(0, 213, 99, 0.5); }      .clients .testimonial .single-testimonial .part-img img {        width: 100%; }    .clients .testimonial .single-testimonial .part-text {      background: rgba(0, 213, 99, 0.01);      text-align: center;      border: 1px solid rgba(0, 213, 99, 0.5);      padding: 93px 40px 24px; }      .clients .testimonial .single-testimonial .part-text p {        color: #444;        line-height: 30px;        margin-top: -7px;        margin-bottom: 19px;        font-size: 16px; }      .clients .testimonial .single-testimonial .part-text h4 {        font-size: 22px;        color: #3d5169; }  .clients .brand .col-xl-4:nth-child(4) .single-brand, .clients .brand .col-xl-4:nth-child(5) .single-brand, .clients .brand .col-xl-4:nth-child(6) .single-brand {    margin-bottom: 0; }  .clients .brand .single-brand {    margin-bottom: 30px; }    .clients .brand .single-brand img {      position: relative;      left: 50%;      -webkit-transform: translateX(-50%);      -ms-transform: translateX(-50%);      transform: translateX(-50%); }/*==========================================    faq==========================================*/.faq {  padding: 120px 0 90px; }  .faq .section-title {    text-align: left;    margin-bottom: 54px; }    .faq .section-title h2 {      margin-bottom: 21px;      margin-top: -7px; }    .faq .section-title a {      background: rgba(0, 213, 99, 0.09);      color: #00d563;      display: inline-block;      height: 50px;      width: 200px;      border: 1px solid rgba(0, 213, 99, 0.3);      text-align: center;      line-height: 50px;      border-radius: 50px;      margin-top: 21px;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .faq .section-title a:hover {        background: #00d563;        border-color: #00d563;        color: #fff; }  .faq .accordion .card {    border: none;    margin-bottom: 30px; }    .faq .accordion .card:not(:first-of-type) .card-header:first-child {      border-radius: 10px; }    .faq .accordion .card .card-header {      border: none;      border-radius: 10px;      padding: 0; }      .faq .accordion .card .card-header h5 {        padding: 0; }        .faq .accordion .card .card-header h5 button {          color: #3d5169;          font-size: 18px;          font-weight: 600;          text-decoration: none;          padding: 0 30px 0 70px;          height: 80px;          display: block;          width: 100%;          text-align: left;          background: #fff;          -webkit-box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1);          box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1);          border-radius: 10px 10px 0 0;          position: relative; }          .faq .accordion .card .card-header h5 button:after {            position: absolute;            left: 30px;            top: 50%;            margin-top: -10px;            width: 20px;            height: 20px;            background-color: transparent;            color: #00d563;            text-align: center;            border: 1px solid #00d563;            border-radius: 50%;            line-height: 100%;            content: '\f067';            font-size: 10px;            line-height: 18px;            font-family: "Font Awesome 5 Free";            font-weight: 900; }          .faq .accordion .card .card-header h5 button.collapsed {            background: #fff;            border-radius: 10px;            -webkit-box-shadow: none;            box-shadow: none;            border: 1px solid #00d563; }        .faq .accordion .card .card-header h5 button[aria-expanded="true"]:after {          content: '\f068';          color: #fff;          background: #00d563; }    .faq .accordion .card .card-body {      -webkit-box-shadow: 0px 15px 140px 0px rgba(69, 81, 100, 0.1);      box-shadow: 0px 15px 140px 0px rgba(69, 81, 100, 0.1);      border-radius: 0 0 10px 10px;      padding-top: 0;      margin-top: -6px;      padding-left: 72px;      padding-right: 70px;      font-size: 16px;      line-height: 30px; }/*==========================================    footer==========================================*/.footer-top-area {  padding: 120px 0 98px;  background: #0d2040; }.footer-top-area .part-address a {  display: inline-block;  margin-bottom: 20px; }  .footer-top-area .part-address a img {    width: 120px; }.footer-top-area .part-address ul {  padding: 0;  margin: 0;  list-style: none; }.footer-top-area .part-address ul li {  font-size: 16px;  color: #bfbfbf;  padding: 4px 0; }.footer-top-area .part-link h3 {  color: #fff;  font-size: 18px;  margin-bottom: 16px;  font-weight: 500;  margin-top: -4px; }.footer-top-area .part-link img {  margin-bottom: 23px;  margin-top: 1px; }.footer-top-area .part-link p {  color: #bfbfbf;  line-height: 28px; }.footer-top-area .part-link ul {  padding: 0;  margin: 0;  list-style: none; }.footer-top-area .part-link ul li {  padding: 4px 0; }.footer-top-area .part-link ul li a {  font-size: 16px;  color: #bfbfbf;  -webkit-transition: .4s;  -moz-transition: .4s;  -o-transition: .4s;  transition: .4s; }.footer-top-area .part-link ul li a:hover {  color: #fff; }.footer-top-area .part-contact h3 {  color: #fff;  font-size: 18px;  margin-bottom: 18px;  font-weight: 500;  margin-top: -4px; }.footer-top-area .part-contact form {  position: relative; }.footer-top-area .part-contact form input {  border: 1px solid #bfbfbf;  background: transparent;  padding: 8px 14px;  padding-right: 134px;  color: #fff;  width: 100%;  font-size: 16px;  -webkit-transition: .4s;  -moz-transition: .4s;  -o-transition: .4s;  transition: .4s;  height: 40px; }.footer-top-area .part-contact form input:focus {  border: 1px solid #fff;  outline: none; }.footer-top-area .part-contact form button {  position: absolute;  right: 0;  height: 100%;  top: 0;  width: 120px;  text-decoration: none;  display: inline-block;  background: #fff;  font-weight: 700;  color: #555;  border: 1px solid #fff;  -webkit-transition: .4s;  -moz-transition: .4s;  -o-transition: .4s;  transition: .4s;  border: 0; }.footer-top-area .part-contact form button:hover {  background: #131313;  color: #fff;  border: 1px solid #fff;  cursor: pointer; }.footer-top-area .part-contact p {  color: #bfbfbf;  margin-bottom: 23px;  margin-bottom: 27px; }.footer-area {  text-align: center;  background: #000; }.footer-area p {  color: #bfbfbf;  margin: 0;  padding: 28px 0; }/*==========================================    skill==========================================*/.skill {  background: #f9f9fe;  padding: 112px 0 110px; }  .skill .single-skill {    text-align: center; }    .skill .single-skill .pie_progress {      padding: 30px;      -webkit-box-shadow: 0 0 37px -16px;      box-shadow: 0 0 37px -16px;      background: #f9fafa; }      .skill .single-skill .pie_progress .pie_progress__number {        font-size: 28px;        color: #00d563;        font-weight: 600; }    .skill .single-skill h3 {      font-size: 22px;      color: #3d5169;      font-weight: 600;      opacity: .9;      margin-top: 25px; }/*==========================================    blog post==========================================*/.blog {  padding: 111px 0 120px;  background: #f8f9f9; }  .blog.blog-details {    padding-bottom: 120px;    padding-top: 120px; }  .blog .pagination {    margin-top: 30px; }    .blog .pagination .page-link {      padding: 14px 20px;      border: 1px solid #666;      color: #444;      font-weight: 500; }      .blog .pagination .page-link:hover {        background: #444;        color: #fff; }      .blog .pagination .page-link:focus {        -webkit-box-shadow: none;        box-shadow: none;        background: #444;        color: #fff; }  .blog .single-blog {    background: #fff;    margin-bottom: 30px;    -webkit-box-shadow: 0 0 25px -8px;    box-shadow: 0 0 25px -8px; }    .blog .single-blog .part-img {      position: relative; }      .blog .single-blog .part-img img {        width: 100%; }      .blog .single-blog .part-img .content-on-img {        position: absolute;        left: 0;        top: 0;        width: 60px;        background: #fff;        height: 60px;        text-align: center;        padding-top: 5px; }        .blog .single-blog .part-img .content-on-img .date {          color: #00d563;          font-size: 20px;          font-weight: 500;          display: block; }        .blog .single-blog .part-img .content-on-img .month {          color: #00d563;          font-size: 12px;          text-transform: uppercase;          display: block;          margin-top: -2px; }    .blog .single-blog .part-text {      padding: 30px; }      .blog .single-blog .part-text.blog-details-text {        padding: 42px 40px 18px; }      .blog .single-blog .part-text h3 {        font-size: 22px;        font-weight: 600;        margin-top: -6px;        margin-bottom: 21px; }        .blog .single-blog .part-text h3 a {          color: #444; }      .blog .single-blog .part-text .meta-info {        margin-bottom: 7px; }        .blog .single-blog .part-text .meta-info span {          display: inline-block;          line-height: 100%;          font-size: 14px;          color: #00d563;          font-weight: 500;          text-transform: uppercase;          padding: 0 15px;          border-right: 1px solid #00d563; }          .blog .single-blog .part-text .meta-info span:first-child {            padding-left: 0; }          .blog .single-blog .part-text .meta-info span:last-child {            padding-right: 0;            border-right: none; }      .blog .single-blog .part-text p {        font-size: 16px;        line-height: 30px;        color: #666; }      .blog .single-blog .part-text a.read-more {        background: #00d563;        color: #fff;        display: inline-block;        height: 50px;        width: 170px;        border: 1px solid #00d563;        text-align: center;        line-height: 50px;        border-radius: 50px;        margin-top: 18px;        -webkit-transition: all 0.3s ease-in;        -moz-transition: all 0.3s ease-in;        -o-transition: all 0.3s ease-in;        transition: all 0.3s ease-in; }        .blog .single-blog .part-text a.read-more:hover {          background: #fff;          border-color: #00d563;          color: #00d563; }  .blog .comments {    background: #fff;    padding: 40px 40px 34px; }    .blog .comments h3.title {      font-size: 22px;      color: #3d5169;      font-weight: 500;      margin-bottom: 27px;      opacity: .9; }    .blog .comments .single-comment {      display: flow-root;      padding: 30px 0 24px;      border: 1px solid rgba(61, 81, 105, 0.2);      border-bottom: none;      border-left: none;      border-right: none; }      .blog .comments .single-comment.reply-comment {        padding-left: 100px; }      .blog .comments .single-comment.first-child {        padding-top: 0;        border-top: none; }      .blog .comments .single-comment:last-child {        border-bottom: 1px solid rgba(61, 81, 105, 0.2);        padding-bottom: 0;        border-bottom: none; }      .blog .comments .single-comment .part-img {        width: 100px;        float: left;        margin-right: 20px; }        .blog .comments .single-comment .part-img img {          width: 100%;          border-radius: 50%; }      .blog .comments .single-comment .part-text {        display: table-cell;        position: relative;        padding-right: 90px; }        .blog .comments .single-comment .part-text p {          font-size: 16px;          color: #3d5169;          line-height: 30px;          opacity: .9;          font-weight: 400;          margin-top: -6px;          margin-bottom: 13px; }        .blog .comments .single-comment .part-text .user-name {          font-weight: 500;          margin-top: -4px;          display: block;          font-size: 18px; }        .blog .comments .single-comment .part-text .date {          display: block;          font-size: 14px; }        .blog .comments .single-comment .part-text .reply-btn {          display: inline-block;          width: 70px;          height: 30px;          line-height: 27px;          font-size: 14px;          border: 1px solid #3d5169;          text-transform: capitalize;          text-align: center;          color: #3d5169;          position: absolute;          right: 0;          top: 0;          border-radius: 50px; }          .blog .comments .single-comment .part-text .reply-btn:hover {            background: #00d563;            color: #fff;            border-color: #00d563; }  .blog .comment-box {    background: #fff;    margin-top: 30px;    padding: 32px 40px 33px; }    .blog .comment-box h3.title {      font-size: 22px;      color: #3d5169;      font-weight: 500;      margin-bottom: 22px;      opacity: .9; }    .blog .comment-box .comment-form textarea {      width: 100%;      height: 330px;      padding: 21px 30px;      border: 1px solid rgba(61, 81, 105, 0.2); }    .blog .comment-box .comment-form input {      height: 60px;      margin-bottom: 30px;      width: 100%;      padding: 0 30px;      border: 1px solid rgba(61, 81, 105, 0.2); }    .blog .comment-box .comment-form button {      width: 100%;      height: 60px;      background: #00d563;      color: #fff;      font-size: 16px;      border: none;      cursor: pointer;      border: 1px solid #00d563;      font-weight: 500;      -webkit-transition: all 0.3s ease-in;      -moz-transition: all 0.3s ease-in;      -o-transition: all 0.3s ease-in;      transition: all 0.3s ease-in; }      .blog .comment-box .comment-form button:hover {        background: #fff;        color: #00d563; }/*==========================================    contact==========================================*/.contact {  background: #f9fafa;  padding: 110px 0 120px; }  .contact .contact-area .contact-form input {    height: 60px;    width: 100%;    border: none;    background: #fff;    margin-bottom: 30px;    font-size: 14px;    padding: 30px;    -webkit-box-shadow: 0 0 30px -16px #1c2a22;    box-shadow: 0 0 30px -16px #1c2a22;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .contact .contact-area .contact-form input:focus {      -webkit-box-shadow: 0 0 60px -16px #00d563;      box-shadow: 0 0 60px -16px #00d563; }  .contact .contact-area .contact-form textarea {    height: 200px;    border: none;    background: #fff;    width: 100%;    margin-bottom: 30px;    font-size: 14px;    padding: 30px;    -webkit-box-shadow: 0 0 30px -16px #1c2a22;    box-shadow: 0 0 30px -16px #1c2a22;    -webkit-transition: all 0.3s ease-in;    -moz-transition: all 0.3s ease-in;    -o-transition: all 0.3s ease-in;    transition: all 0.3s ease-in; }    .contact .contact-area .contact-form textarea:focus {      -webkit-box-shadow: 0 0 60px -16px #00d563;      box-shadow: 0 0 60px -16px #00d563; }  .contact .contact-area .contact-form button {    width: 100%;    background: #00d563;    color: #fff;    height: 50px;    border: none;    outline: none;    cursor: pointer;    margin-top: 3px; }/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/5188(此说明不在下载的源码里，只用在演示页面里)*/