/*
Template Name: CrazyLand | App Landing Page
Template URI: http://themedeveloper.net/demos/crazyland/
Author: ThemeDevelopernet
Author URI: https://videohive.net/user/themedevelopernet
Description: CrazyLand is App Landing HTML Template. CrazyLand is a Pixel-Perfect Powerful, Mordern App Landing HTML Template for all types of app landing Website. 
Version: 1.0.0
Text Domain: 
*/
/*
///// CSS Index \\\
1. General CSS
2. Preview Page CSS
3. Home Page CSS
4. Home Page Two CSS
5. Home Page Three CSS 
6. Blog Page CSS
7. Single-blog Page CSS
8. Thank-You Page CSS
9. Error Page CSS
9. Sign Up Page CSS
9. Login Page CSS
*/
#sectionyoutube{
padding:40px;
text-align:center;
background:#f7f9fb;
}
.make_payment{
background:url(make_a_payment.png); 
display:block;
margin:0 auto;
text-indent:-9999px;
background-position:0px 0px;
width:217px;
height:58px;
border:none; cursor:pointer;
}                   
.make_payment:hover {background-position:0px -60px;}
/*******************
***** 1. General CSS
********************/
/* Reset CSS Start */
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
.body_color, h3,
h4,
h5,
h6, body, .signup-area .signup-contact-form input {
  color: #44607d; }

.body_bg {
  background: #44607d; }

.semi_black_color, .hero-area .container .hero-area-content h1, .converting-area .converting-area-contents h3, .client-area .client-single-slide p, .client-area .client-single-slide h5, .facts-area li, .site-footer .widget .footer-widget-title, .signup-area .signup-contact-form label {
  color: #2b2f32; }

.semi_black_bg, .hero-area .container .hero-area-content .hero-btn .hero-area-btn.hero-video {
  background: #2b2f32; }

.semi_black2_color, .customers-area .customers-area-single-content p, .powerful-main-content .powerful-area-contect p, .powerful-main-content .powerful-area-contect ul {
  color: #555555; }

.semi_black2_bg {
  background: #555555; }

.basic_color {
  color: #29b6f6; }

.basic_bg {
  background: #29b6f6; }

.basic_button_color, .is-sticky .header-area .main-menu ul li a:hover, .error-page-hero-area .error-page-wrapper h1 {
  color: #f3a54e; }

.basic_button_bg, .header-area .header-right .button-area .download-btn, .slicknav_menu .slicknav_nav ul li .slicknav_row:hover, .slicknav_menu .slicknav_nav ul li .sub-menu li a:hover, .slicknav_menu .slicknav_nav ul .current-menu-item.slicknav_parent.slicknav_collapsed:hover, .slicknav_menu .slicknav_nav a:hover, .slicknav_menu .slicknav_btn, .hero-area .container .hero-area-content .hero-btn .hero-area-btn, .result-area .result-video .video-play-btn, .app-area, .client-area .owl-dot.active, .download-area, .inner-single-blog-area-left .single-blog-contact-area input[type="submit"], .error-page-hero-area .error-page-wrapper a.db-btn.db-btn__type-md {
  background: #f3a54e; }

.title_heading_color, .section-heading h1, .customers-area .customers-area-single-content h4, .works-area .works-area-single-content h4, .result-area .result-area-bottom .result-area-bottom-left .result-area-bottom-text h4, .result-area .result-area-bottom .result-area-bottom-right .result-area-bottom-text h4, .powerful-main-content .powerful-area-contect h1, .signup-area .signup-title-heading h1 {
  color: #222222; }

.title_heading_bg {
  background: #222222; }

.paragraph_color, .section-heading p, .result-area .result-area-bottom .result-area-bottom-left .result-area-bottom-text p, .result-area .result-area-bottom .result-area-bottom-right .result-area-bottom-text p, .client-area .client-single-slide h6, .site-footer ul li a, .site-footer .site-info.footer-bottom p, .home2 .header-area .main-menu ul li ul li a, .thank-you .hero-wrapper p.hero__caption, .signup-area .signup-contact-form input::placeholder {
  color: #44607d; }

.paragraph_bg, .site-footer .site-info.footer-bottom .footer-bottom-icon ul li {
  background: #44607d; }

.blue_color, .preview-page .gallery-section .filters li.active.filter, .signup-area .signup-title-heading h6 a:hover {
  color: #1a6cf3; }

.blue_bg, .preview-page .cta-one .cta-wrapper.reveal .cta-content a.cta-btn, .signup-area .signup-contact-form input[type="submit"] {
  background: #1a6cf3; }

.white, .header-area .main-menu ul li .sub-menu, .header-area .header-right .button-area .download-btn, .slicknav_menu .slicknav_nav ul li .sub-menu li a:hover, .slicknav_menu .slicknav_nav a:hover, .hero-area .container .hero-area-content .hero-btn .hero-area-btn, .result-area .result-video .video-play-btn, .app-area .section-heading h1, .app-area .section-heading p, .download-area h1, .site-footer .site-info.footer-bottom .footer-bottom-icon ul li a, .home2 .header-area .main-menu ul li a:hover, .home2 .hero-area .container .hero-area-content h1, .home2 .hero-area .container .hero-area-content p, .home3 .header-area .main-menu ul li a, .home3 .hero-area .hero-inputs h6, .error-page-hero-area .error-page-wrapper a.db-btn.db-btn__type-md {
  color: #ffffff; }

.white_bg, .header-area .main-menu ul li .sub-menu li, .is-sticky .header-area, .app-area .owl-dots .owl-dot.active {
  background: #ffffff; }

.off_white {
  color: #f7f9fb; }

.off_white_bg, .featured-area, .works-area, .powerful-area, .facts-area, .home2 .hero-area:after {
  background: #f7f9fb; }

.text_hover_color, .header-area .main-menu ul li a:hover, .is-sticky .header-area .main-menu ul li ul li a:hover, .site-footer ul li a:hover, .home2 .header-area .main-menu ul li ul li a:hover, .home3 .header-area .main-menu ul li ul li a:hover, .signup-area .signup-title-heading h6 a {
  color: #16a8ef; }

.text_hover_bg, .home3 .is-sticky .header-area, .signup-area .signup-contact-form input[type="submit"]:hover {
  background: #16a8ef; }

.area_bg, .header-area {
  color: #fafafa; }

.area_bg_bg, .preview-page .gallery-section {
  background: #fafafa; }

.owl_nav {
  color: rgba(48, 79, 110, 0.1) none repeat scroll 0 0; }

.owl_nav_bg {
  background: rgba(48, 79, 110, 0.1) none repeat scroll 0 0; }

.owl_dot {
  color: #dceaf7; }

.owl_dot_bg {
  background: #dceaf7; }

.home2_basic_color {
  color: #f19a3b; }

.home2_basic_bg, .home2 .header-area, .home2 .hero-area {
  background: #f19a3b; }

.home2_button_color {
  color: #055890; }

.home2_button_bg, .home2 .header-area .header-right .button-area .download-btn {
  background: #055890; }

.home3_black_color, .home3 .header-area .main-menu ul li ul li a, .home3 .header-area .button-area .download-btn, .home3 .hero-area .hero-inputs input[type="submit"] {
  color: #2e2d26; }

.home3_black_bg {
  background: #2e2d26; }

.home3_button_color {
  color: #e4ce10; }

.home3_button_bg, .home3 .header-area .button-area .download-btn, .home3 .hero-area .hero-inputs input[type="submit"] {
  background: #e4ce10; }

/* Reset CSS Start */
* {
  padding: 0;
  margin: 0;
  outline: none; }

.container {
  max-width: 1140px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
      max-width: 768px; } }

a,
span {
  display: inline-block;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s; }

a:focus,
a:hover {
  text-decoration: none; }

img {
  max-width: 100%; }

h1 {
  font-size: 36px; }

h1,
h2 {
  @export .title_heading_color;
  font-weight: 700; }

h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 500; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin-bottom: 10px; }

img {
  width: auto; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

ul {
  padding: 0;
  margin: 0;
  list-style: inside; }

body {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  overflow-x: hidden; }

/* default css Start */
.section-padding {
  padding: 100px 0; }

.btn-hover {
  position: relative;
  z-index: 1;
  transition: .4s; }
  .btn-hover:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0.06);
    z-index: -1;
    border-radius: 5px;
    transition: .2s; }
  .btn-hover:hover::before {
    position: absolute;
    content: "";
    left: auto;
    right: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.08); }

/* default css End 


/* =================================================
                preview page Style Start
==================================================== */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .make_payment{margin-top:40px}
  .preview-page .header-area .main-menu ul li a {
    font-size: 13px; } }
@media (max-width: 767px) {
  .preview-page .header-area .header-right {
    margin-top: 0;
    position: relative;
    top: -40px; } }
.preview-page .header-area .button-area .download-btn {
  width: 130px;
  font-size: 13px; }
  @media (max-width: 767px) {
    .preview-page .header-area .button-area .download-btn {
      margin-bottom: 10px; } }
.preview-page .header-area .button-area .download-btn.demo-btn {
  width: 128px !important;
  background: #27ae60 !important;
  margin-left: 10px; }
.preview-page .hero-area {
  background-repeat: no-repeat;
  background-position: right top;
  position: relative;
  background: url(images/blog-inner-hero-bg.png); }
  @media (max-width: 767px) {
    .preview-page .hero-area {
      height: 945px; } }
  .preview-page .hero-area .pattern-img {
    position: absolute;
    z-index: -1;
    display: inline-block;
    bottom: -175px;
    left: -115px;
    max-width: 500px; }
.preview-page .hero-wrapper {
  text-align: center;
  max-width: 840px;
  margin: 0 auto;
  padding: 150px 0 80px;
  z-index: 9;
  position: relative; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .preview-page .hero-wrapper {
      padding-top: 60px; } }
  .preview-page .hero-wrapper .hero__title {
    margin-bottom: 2.5rem;
    font-weight: 400; }
    .preview-page .hero-wrapper .hero__title .hero__title span {
      color: #2d3136; }
  .preview-page .hero-wrapper .hero__image {
    margin-bottom: 2.5rem; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .preview-page .hero-wrapper .hero__image {
        max-width: 450px; } }
    .preview-page .hero-wrapper .hero__image img {
      height: auto;
      max-width: 100%;
      vertical-align: middle; }
  .preview-page .hero-wrapper .hero__features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2.5rem; }
    @media (max-width: 767px) {
      .preview-page .hero-wrapper .hero__features {
        display: block; } }
    .preview-page .hero-wrapper .hero__features .hero__features--list {
      font-weight: 400;
      font-size: 1.5rem; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .preview-page .hero-wrapper .hero__features .hero__features--list {
          font-size: 16px; } }
      @media (max-width: 767px) {
        .preview-page .hero-wrapper .hero__features .hero__features--list {
          font-size: 18px; } }
    .preview-page .hero-wrapper .hero__features .hero__features--list {
      position: relative;
      display: inline-block;
      margin: 0 30px; }
      .preview-page .hero-wrapper .hero__features .hero__features--list:before {
        position: absolute;
        content: "\f067";
        top: 4px;
        width: 30px;
        height: 20px;
        background: transparent;
        font-family: fontawesome;
        font-size: 20px;
        font-weight: 100;
        right: -43px;
        line-height: 22px; }
      .preview-page .hero-wrapper .hero__features .hero__features--list:last-child:before {
        display: none; }
  .preview-page .hero-wrapper .hero__description {
    color: #2d3136;
    line-height: 28px;
    font-size: 15px;
    max-width: 600px;
    margin: 0 auto; }
.preview-page .gallery-section {
  border-top: 1px solid #efefef;
  padding: 100px 0; }
  .preview-page .gallery-section .filters {
    padding-bottom: 60px;
    text-align: center; }
    .preview-page .gallery-section .filters li {
      display: inline-block;
      font-size: 18px;
      text-transform: capitalize;
      margin: 0 20px;
      color: #222;
      cursor: pointer; }
      @media (max-width: 767px) {
        .preview-page .gallery-section .filters li {
          font-size: 12px;
          margin: 0 3px 0; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .preview-page .gallery-section .filters li {
          font-size: 15px;
          margin: 0 15px 0; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .preview-page .gallery-section .items-container {
      max-width: 450px;
      margin: 0 auto; } }
  .preview-page .gallery-section .gallery-item {
    margin-bottom: 30px;
    transition: .4s; }
    .preview-page .gallery-section .gallery-item:hover .preview-image {
      display: block;
      box-shadow: 0px 38px 50px -24px rgba(0, 0, 0, 0.5); }
    .preview-page .gallery-section .gallery-item .preview-image {
      border-radius: 15px;
      border: 1px solid #efefef;
      /* padding: 6px; */
      background: #fff; }
      .preview-page .gallery-section .gallery-item .preview-image img {
        border-radius: 10px; }
    .preview-page .gallery-section .gallery-item .template-caption {
      margin-top: 30px;
      padding-left: 10px; }
      .preview-page .gallery-section .gallery-item .template-caption h5 {
        margin-bottom: 30px;
        display: block;
        color: #333;
        position: relative;
        font-size: 18px; }

.preview-page #features {
  background: #2d3136;
  padding: 100px 0 40px; }
  .preview-page #features .features-list {
    max-width: 85%;
    margin-bottom: 45px; }
    .preview-page #features .features-list .feature__icon {
      display: inline-block;
      margin-bottom: 30px; }
    .preview-page #features .features-list .features-details {
      display: block; }
      .preview-page #features .features-list .features-details h5.feature__title {
        color: #ffffff; }
      .preview-page #features .features-list .features-details p.feature__description {
        color: #818992; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .preview-page #features .mx-auto {
      max-width: 450px;
      margin: 0 auto; } }
.preview-page .cta-one {
  padding: 100px 0 0;
  position: relative; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .preview-page .cta-one {
      max-width: 450px;
      margin: 0 auto; } }
  .preview-page .cta-one .cta-wrapper.reveal {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .preview-page .cta-one .cta-wrapper.reveal .cta-content {
      display: block; }
      .preview-page .cta-one .cta-wrapper.reveal .cta-content p.cta__description {
        color: #2e2e2e;
        font-size: 18px;
        margin-bottom: 10px; }
      .preview-page .cta-one .cta-wrapper.reveal .cta-content h2.cta__title {
        font-size: 40px;
        font-weight: 300;
        color: #333;
        margin-bottom: 60px; }
      .preview-page .cta-one .cta-wrapper.reveal .cta-content a.cta-btn {
        display: inline-block;
        width: 220px;
        border-radius: 5px;
        border: 1px solid #1a6cf3;
        text-align: center;
        line-height: 48px;
        color: #fff;
        text-transform: capitalize;
        font-size: 18px; }
  .preview-page .cta-one .cta-media {
    max-width: 380px;
    float: right; }
    @media (max-width: 767px) {
/* youtube */
.youtube_adv iframe{width:99%;height:300px;margin-top:20px}
      .preview-page .cta-one .cta-media {
        margin-top: 100px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .preview-page .cta-one .cta-media {
        float: none; } }
    .preview-page .cta-one .cta-media img.cta-media__img {
      width: 100%;
      border-radius: 10px; }
  .preview-page .cta-one .pattern-img {
    position: absolute;
    z-index: -1;
    display: inline-block;
    bottom: -175px;
    left: auto;
    right: -115px;
    max-width: 500px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .preview-page .cta-one .pattern-img {
        bottom: -170px;
        right: -250px; } }
.preview-page .site-footer {
  text-align: center;
  border-top: 1px solid #edeff1;
  padding: 100px 0; }
  .preview-page .site-footer .container {
    border: none;
    padding: 0; }
    .preview-page .site-footer .container .preview-footer-logo {
      display: inline-block;
      margin-bottom: 40px; }

/* =================================================
                preview page Style End
==================================================== */
/* =================================================
                Home Page1 Style Start
==================================================== */
/* Header-menu-area Start */
.header-area {
  overflow: visible;
  position: relative;
  z-index: 99; }
  @media (max-width: 767px) {
    .header-area {
      padding-bottom: 20px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .header-area {
      top: 0; } }
  @media (max-width: 767px) {
    .header-area .col-lg-7.col-md-6.menu-col {
      display: block; } }
  .header-area .logo-area {
    margin-top: 24px;
    position: relative; }
    .header-area .logo-area .logo-hidden {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      visibility: hidden; }
  .header-area .main-menu {
    display: block;
    text-align: right; }
    @media (max-width: 767px) {
      .header-area .main-menu {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area .main-menu {
        display: none; } }
    .header-area .main-menu ul li {
      display: inline-block;
      position: relative;
      z-index: 1; }
      .header-area .main-menu ul li .sub-menu {
        border: 1px solid #dddddd;
        box-shadow: 0 0 50px -6px rgba(0, 0, 0, 0.15);
        opacity: 0;
        position: absolute;
        transform: rotateY(0deg);
        transition: all 0.4s ease 0s;
        visibility: hidden;
        width: 230px; }
        .header-area .main-menu ul li .sub-menu li {
          border-bottom: 1px solid #cccccc;
          transform: rotateY(67deg);
          display: block;
          -webkit-transition-duration: 1s;
          transition-duration: 1s; }
          .header-area .main-menu ul li .sub-menu li:last-child {
            border-bottom: medium none; }
          .header-area .main-menu ul li .sub-menu li:nth-child(1) {
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            transform: rotateX(25deg) skewX(10deg); }
          .header-area .main-menu ul li .sub-menu li:nth-child(2) {
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            transform: rotateX(25deg) skewX(15deg); }
          .header-area .main-menu ul li .sub-menu li:nth-child(3) {
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            transform: rotateX(25deg) skewX(20deg); }
          .header-area .main-menu ul li .sub-menu li:nth-child(4) {
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            transform: rotateX(25deg) skewX(25deg); }
          .header-area .main-menu ul li .sub-menu li:nth-child(5) {
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            transform: rotateX(25deg) skewX(30deg); }
          .header-area .main-menu ul li .sub-menu li:nth-child(6) {
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            transform: rotateX(25deg) skewX(35deg); }
      .header-area .main-menu ul li ul {
        text-align: left; }
        .header-area .main-menu ul li ul li a {
          display: block;
          font-size: 15px;
          font-weight: 500;
          padding: 15px 13px;
          width: 100%;
          background: transparent; }
      .header-area .main-menu ul li a {
        line-height: 14px;
        padding: 34px 13px;
        color: #333639;
        font-weight: 500;
        font-size: 15px; }
    .header-area .main-menu ul .current-menu-item:hover .sub-menu {
      opacity: 1;
      visibility: visible; }
      .header-area .main-menu ul .current-menu-item:hover .sub-menu li {
        transform: rotate(0deg); }
  .header-area .header-right {
    padding-right: 62px;
    margin-top: 16px; }
    @media (max-width: 767px) {
      .header-area .header-right {
        padding-right: 0; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .header-area .header-right {
        padding-right: 0; } }
    .header-area .header-right .button-area {
      text-align: right; }
      .header-area .header-right .button-area .download-btn {
        display: inline-block;
        width: 175px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        border-radius: 4px;
        width: 170px; }
        @media (max-width: 767px) {
          .header-area .header-right .button-area .download-btn {
            width: 130px;
            font-size: 13px; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .header-area .header-right .button-area .download-btn {
            width: 170px; } }

/* ===========================================
            Sticky Header Start 
============================================== */
#header-area-sticky-wrapper {
  position: relative;
  z-index: 9;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s; }

.is-sticky .header-area {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s; }
  @media (max-width: 767px) {
    .is-sticky .header-area {
      padding-bottom: 20px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .is-sticky .header-area {
      position: relative !important; } }
  .is-sticky .header-area .main-menu ul li ul li a {
    color: #333639; }
.is-sticky .header-area.blue-header {
  background: #ffffff;
  z-index: 999; }

.home3 #header-area-sticky-wrapper {
  position: absolute;
  width: 100%; }
.home3 .is-sticky .header-area {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s; }

/* ===========================================
            Sticky Header End 
============================================== */
/* ===========================================
            Dropdown Menu Start 
============================================== */
/* ===========================================
            Dropdown Menu End 
============================================== */
/* Header-menu-area End */
.slicknav_menu {
  display: none; }
  @media (max-width: 767px) {
    .slicknav_menu {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      display: block;
      left: 0;
      margin-top: 46px;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 999999; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slicknav_menu {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      display: block;
      left: 0;
      margin-top: 46px;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 999999; } }
  .slicknav_menu .slicknav_nav {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    position: relative;
    z-index: 1;
    left: 15px; }
    @media (max-width: 767px) {
      .slicknav_menu .slicknav_nav {
        left: 0; } }
    @media (max-width: 767px) {
      .slicknav_menu .slicknav_nav ul {
        margin: 0; } }
    .slicknav_menu .slicknav_nav ul li .slicknav_row {
      padding: 5px 10px;
      margin: 2px 0;
      border-radius: 0; }
      .slicknav_menu .slicknav_nav ul li .slicknav_row:hover {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0; }
    .slicknav_menu .slicknav_nav ul li .sub-menu {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: medium none; }
      .slicknav_menu .slicknav_nav ul li .sub-menu li {
        background: #000000 none repeat scroll 0 0;
        border: medium none;
        border-radius: 3px; }
        .slicknav_menu .slicknav_nav ul li .sub-menu li a {
          margin: 0 0 1px;
          padding-left: 19px; }
          .slicknav_menu .slicknav_nav ul li .sub-menu li a:hover {
            border-radius: 0px; }
    .slicknav_menu .slicknav_nav ul .current-menu-item.slicknav_parent.slicknav_collapsed a {
      margin: 2px 0; }
    .slicknav_menu .slicknav_nav a {
      margin: 2px 0;
      border-radius: 0; }
      .slicknav_menu .slicknav_nav a:hover {
        border-radius: 0px; }
  .slicknav_menu .slicknav_btn {
    left: 0;
    position: absolute;
    top: -50px;
    z-index: 1; }
    @media (max-width: 767px) {
      .slicknav_menu .slicknav_btn {
        top: -27px;
        left: auto;
        right: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .slicknav_menu .slicknav_btn {
        top: -27px;
        left: auto;
        right: 0; } }
    .slicknav_menu .slicknav_btn .slicknav_menutxt {
      display: none; }
    .slicknav_menu .slicknav_btn .slicknav_icon {
      margin: 0; }
  .slicknav_menu nav.slicknav_nav.slicknav_hidden {
    display: none !important; }

/* Header-menu-area End */
/* hero-menu-area Start */
.hero-area {
  height: 738px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: right top;
  position: relative; }
  @media (max-width: 767px) {
    .hero-area {
      height: 535px; } }
  .hero-area .hero-area-bg-map {
    position: absolute;
    right: 0;
    top: 2%;
    height: 90%;
    width: 60%; }
    .hero-area .hero-area-bg-map img {
      width: 100%;
      height: 100%; }
  .hero-area .container {
    height: 738px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative; }
    @media (max-width: 767px) {
      .hero-area .container {
        height: 535px; } }
    .hero-area .container .hero-area-img {
      display: inline-block;
      position: absolute;
      right: 20px;
      bottom: 0;
      width: 350px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hero-area .container .hero-area-img {
          right: -50px; } }
      @media (max-width: 767px) {
        .hero-area .container .hero-area-img {
          display: none; } }
    .hero-area .container .hero-area-content {
      display: block; }
      .hero-area .container .hero-area-content h1 {
        font-size: 60px;
        font-weight: 600;
        line-height: 66px;
        margin-bottom: 17px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .hero-area .container .hero-area-content h1 {
            font-size: 50px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .hero-area .container .hero-area-content h1 {
            font-size: 40px;
            line-height: 48px; } }
        @media (max-width: 767px) {
          .hero-area .container .hero-area-content h1 {
            font-size: 32px;
            line-height: 40px; } }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .hero-area .container .hero-area-content h1 br {
            display: none; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .hero-area .container .hero-area-content h1 br {
            display: none; } }
        @media (max-width: 767px) {
          .hero-area .container .hero-area-content h1 br {
            display: none; } }
      .hero-area .container .hero-area-content p {
        font-size: 17px;
        font-weight: 400;
        color: #505459;
        margin-bottom: 30px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .hero-area .container .hero-area-content p br {
            display: none; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .hero-area .container .hero-area-content p br {
            display: none; } }
      @media (max-width: 767px) {
        .hero-area .container .hero-area-content .hero-btn {
          text-align: center; } }
      .hero-area .container .hero-area-content .hero-btn .hero-area-btn {
        display: inline-block;
        width: 160px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        margin-right: 11px;
        border-radius: 4px; }
        @media (max-width: 767px) {
          .hero-area .container .hero-area-content .hero-btn .hero-area-btn {
            margin-right: 8px;
            float: left;
            font-size: 13px; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .hero-area .container .hero-area-content .hero-btn .hero-area-btn {
            width: 155px; } }
        .hero-area .container .hero-area-content .hero-btn .hero-area-btn i {
          display: inline-block;
          margin-right: 15px; }
          @media (max-width: 767px) {
            .hero-area .container .hero-area-content .hero-btn .hero-area-btn i {
              margin-right: 7px; } }
      .hero-area .container .hero-area-content .hero-btn .hero-area-btn.hero-video {
        width: 220px !important;
        display: inline-block;
        margin-right: 0; }
        @media (max-width: 767px) {
          .hero-area .container .hero-area-content .hero-btn .hero-area-btn.hero-video {
            width: 155px !important;
            float: left; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .hero-area .container .hero-area-content .hero-btn .hero-area-btn.hero-video {
            width: 185px !important; } }

/* hero-area End */
/* featured-area Start */
.featured-area {
  padding: 60px 0;
  text-align: center; }
  .featured-area .featured-items .featured-single-items {
    display: inline-block;
    margin: 0 2px;
    max-width: 125px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .featured-area .featured-items .featured-single-items {
        width: 118px; } }
    @media (max-width: 767px) {
      .featured-area .featured-items .featured-single-items {
        display: inline-block;
        margin-bottom: 30px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .featured-area .featured-items .featured-single-items img {
        width: 120px; } }
  .featured-area p {
    color: #9e9e9e;
    margin-bottom: 40px; }

/* featured-area End */
/* section-heading style Start */
.section-heading {
  text-align: center;
  margin-bottom: 80px; }
  .section-heading h1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 46px; }
    @media (max-width: 767px) {
      .section-heading h1 {
        line-height: 36px; } }
    @media (max-width: 767px) {
      .section-heading h1 br {
        display: none; } }
  .section-heading p {
    font-size: 16px;
    font-weight: 400; }
    @media (max-width: 767px) {
      .section-heading p {
        font-size: 13px; } }
    @media (max-width: 767px) {
      .section-heading p br {
        display: none;
        font-size: 13px; } }

/* section-heading style End */
/* converting-area Start */
.converting-area {
  padding: 100px 0; }
  .converting-area .converting-area-contents h3 {
    font-size: 36px;
    font-weight: 600; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .converting-area .converting-area-contents h3 {
        font-size: 28px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .converting-area .converting-area-contents h3 {
        font-size: 32px; } }
    @media (max-width: 767px) {
      .converting-area .converting-area-contents h3 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 30px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .converting-area .converting-area-contents h3 br {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .converting-area .converting-area-contents h3 br {
        display: none; } }
    @media (max-width: 767px) {
      .converting-area .converting-area-contents h3 br {
        display: none; } }
  .converting-area .converting-area-contents p {
    font-size: 17px;
    font-weight: 400; }

.customers-area {
  padding-bottom: 50px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .customers-area {
      width: 450px;
      margin: 0 auto; } }
  .customers-area .customers-area-single-content {
    margin-bottom: 95px; }
    @media (max-width: 767px) {
      .customers-area .customers-area-single-content {
        margin-bottom: 60px; } }
    .customers-area .customers-area-single-content .customers-area-single-content-icon {
      display: inline-block;
      position: relative;
      width: 60px;
      height: 60px;
      line-height: 53px;
      text-align: center;
      margin-bottom: 30px;
      border: 2px solid #a5a5a5;
      border-radius: 50%;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      .customers-area .customers-area-single-content .customers-area-single-content-icon .customers-area-single-content-icon-hover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s; }
    .customers-area .customers-area-single-content:hover .customers-area-single-content-icon {
      border: 2px solid #1a6cf3; }
    .customers-area .customers-area-single-content:hover .customers-area-single-content-icon-hover {
      opacity: 1;
      visibility: visible; }
    .customers-area .customers-area-single-content h4 {
      font-size: 20px;
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .customers-area .customers-area-single-content h4 {
          font-size: 18px; } }
    .customers-area .customers-area-single-content p {
      font-weight: 400;
      line-height: 26px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .customers-area .customers-area-single-content p br {
          display: none; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .customers-area .customers-area-single-content p br {
          display: none; } }
      @media (max-width: 767px) {
        .customers-area .customers-area-single-content p br {
          display: none; } }

/* featured-area End */
/* works-area Start */
.works-area {
  padding-bottom: 70px;
  padding-top: 90px; }
  @media (max-width: 767px) {
    .works-area .col-md-4:last-child .works-area-single-content {
      margin-bottom: 0; } }
  .works-area .works-area-single-content {
    text-align: center;
    padding: 0 56px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .works-area .works-area-single-content {
        padding: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .works-area .works-area-single-content {
        padding: 0 30px; } }
    @media (max-width: 767px) {
      .works-area .works-area-single-content {
        margin-bottom: 100px;
        padding: 0; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .works-area .works-area-single-content {
        width: 450px;
        margin: 0 auto 100px; } }
    .works-area .works-area-single-content .works-area-single-content-icon {
      display: inline-block;
      margin-bottom: 40px; }
      @media (max-width: 767px) {
        .works-area .works-area-single-content .works-area-single-content-icon {
          margin-bottom: 20px; } }
    .works-area .works-area-single-content h4 {
      font-size: 21px;
      font-weight: 600;
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .works-area .works-area-single-content h4 {
          font-size: 16px; } }
    .works-area .works-area-single-content p {
      font-family: "Open+Sans", sans-serif;
      line-height: 25px;
      font-size: 16px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .works-area .works-area-single-content p br {
          display: none; } }
    .works-area .works-area-single-content .works-arrow-icon {
      display: inline-block;
      position: absolute;
      top: 38%;
      right: -20px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .works-area .works-area-single-content .works-arrow-icon {
          top: 30%; } }
      @media (max-width: 767px) {
        .works-area .works-area-single-content .works-arrow-icon {
          top: auto;
          right: auto;
          bottom: 25px;
          transform: rotate(90deg);
          left: 45%; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .works-area .works-area-single-content .works-arrow-icon {
          left: 47%; } }

/* works-area End */
/* result-area End */
.result-area {
  padding: 80px 0; }
  .result-area .result-video {
    position: relative;
    width: 100%;
    height: 550px;
    background: url(images/result-area-video-img.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    margin-bottom: 100px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .result-area .result-video {
        height: 450px; } }
    @media (max-width: 767px) {
      .result-area .result-video {
        height: 250px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .result-area .result-video {
        height: 350px; } }
    .result-area .result-video:before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #304f6e;
      z-index: -1;
      opacity: .3; }
    .result-area .result-video .video-play-btn {
      display: inline-block;
      width: 80px;
      height: 80px;
      line-height: 76px;
      text-align: center;
      border-radius: 50%;
      border: 3px solid #1e71f9;
      font-size: 30px;
      box-shadow: 0px 0px 0px 21px rgba(255, 255, 255, 0.1); }
      @media (max-width: 767px) {
        .result-area .result-video .video-play-btn {
          width: 40px;
          height: 40px;
          line-height: 36px;
          font-size: 17px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .result-area .result-video .video-play-btn {
          width: 60px;
          height: 60px;
          line-height: 56px;
          font-size: 24px; } }
      .result-area .result-video .video-play-btn i {
        margin-left: 4px; }
  .result-area .result-area-bottom {
    display: block; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .result-area .result-area-bottom {
        width: 450px;
        margin: 0 auto; } }
    .result-area .result-area-bottom .result-area-bottom-left {
      display: flex; }
      @media (max-width: 767px) {
        .result-area .result-area-bottom .result-area-bottom-left {
          margin-bottom: 40px; } }
      .result-area .result-area-bottom .result-area-bottom-left .result-area-bottom-icon {
        flex-basis: 42%;
        height: 90px;
        line-height: 90px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .result-area .result-area-bottom .result-area-bottom-left .result-area-bottom-icon {
            flex-basis: 58%; } }
        @media (max-width: 767px) {
          .result-area .result-area-bottom .result-area-bottom-left .result-area-bottom-icon {
            flex-basis: 80%; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .result-area .result-area-bottom .result-area-bottom-left .result-area-bottom-icon {
            flex-basis: 35%; } }
      .result-area .result-area-bottom .result-area-bottom-left .result-area-bottom-text h4 {
        font-size: 24px;
        font-weight: 600; }
        @media (max-width: 767px) {
          .result-area .result-area-bottom .result-area-bottom-left .result-area-bottom-text h4 {
            font-size: 20px; } }
      .result-area .result-area-bottom .result-area-bottom-left .result-area-bottom-text p {
        font-size: 15px;
        font-weight: 400; }
        @media (max-width: 767px) {
          .result-area .result-area-bottom .result-area-bottom-left .result-area-bottom-text p {
            font-size: 13px;
            line-height: 20px; } }
    .result-area .result-area-bottom .result-area-bottom-right {
      display: flex; }
      .result-area .result-area-bottom .result-area-bottom-right .result-area-bottom-icon {
        flex-basis: 31%;
        height: 90px;
        line-height: 90px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .result-area .result-area-bottom .result-area-bottom-right .result-area-bottom-icon {
            flex-basis: 40%; } }
        @media (max-width: 767px) {
          .result-area .result-area-bottom .result-area-bottom-right .result-area-bottom-icon {
            flex-basis: 80%;
            text-align: center; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .result-area .result-area-bottom .result-area-bottom-right .result-area-bottom-icon {
            flex-basis: 35%; } }
      .result-area .result-area-bottom .result-area-bottom-right .result-area-bottom-text h4 {
        font-size: 24px;
        font-weight: 600; }
        @media (max-width: 767px) {
          .result-area .result-area-bottom .result-area-bottom-right .result-area-bottom-text h4 {
            font-size: 20px; } }
      .result-area .result-area-bottom .result-area-bottom-right .result-area-bottom-text p {
        font-size: 15px;
        font-weight: 400; }
        @media (max-width: 767px) {
          .result-area .result-area-bottom .result-area-bottom-right .result-area-bottom-text p {
            font-size: 13px;
            line-height: 20px; } }

/* result-area End */
/* powerful-area Start */
.powerful-area {
  padding: 100px 0 0;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .powerful-area .powerful-bg-img {
    display: inline-block;
    position: absolute;
    right: -50px;
    top: -171px;
    z-index: -1;
    width: auto; }

.powerful-main-content {
  padding: 0 70px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .powerful-main-content {
      padding: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .powerful-main-content {
      padding: 0; } }
  @media (max-width: 767px) {
    .powerful-main-content {
      padding: 0; } }
  @media (max-width: 767px) {
    .powerful-main-content br {
      display: none; } }
  .powerful-main-content .powerful-area-contect {
    display: block; }
    @media (max-width: 767px) {
      .powerful-main-content .powerful-area-contect {
        margin-bottom: 60px; } }
    .powerful-main-content .powerful-area-contect .powerful-area-icon {
      display: inline-block;
      width: 100px;
      height: 100px;
      text-align: center;
      background: #f6bf82;
      line-height: 100px;
      border-radius: 50%;
      margin-bottom: 30px; }
    .powerful-main-content .powerful-area-contect h1 {
      font-size: 32px;
      font-weight: 600;
      line-height: 44px;
      margin-bottom: 24px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .powerful-main-content .powerful-area-contect h1 {
          font-size: 24px;
          line-height: 30px; } }
      @media (max-width: 767px) {
        .powerful-main-content .powerful-area-contect h1 {
          font-size: 26px;
          line-height: 34px; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .powerful-main-content .powerful-area-contect h1 br {
          display: none; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .powerful-main-content .powerful-area-contect h1 br {
          display: none; } }
    .powerful-main-content .powerful-area-contect p, .powerful-main-content .powerful-area-contect ul {
      font-size: 15px;
      font-weight: 400;
      margin-bottom: 33px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .powerful-main-content .powerful-area-contect p, .powerful-main-content .powerful-area-contect ul {
          font-size: 15px;
          margin-bottom: 17px; } }
    .powerful-main-content .powerful-area-contect .powerful-btn-area {
      display: flex; }
      .powerful-main-content .powerful-area-contect .powerful-btn-area > a {
        margin: 0 1rem; }
    .powerful-main-content .powerful-area-contect ul {
      list-style: inside; }
  .powerful-main-content .powerful-section-img {
    text-align: right;
    margin-right: -120px; }
    @media (max-width: 767px) {
      .powerful-main-content .powerful-section-img {
        text-align: center;
        margin-right: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .powerful-main-content .powerful-section-img {
        margin-right: -85px; } }

/* powerful-area End */
/* powerful-section2 Start */
.powerful-section2 {
  padding: 100px 0 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .powerful-section2 {
      padding: 100px 0 60px; } }
  .powerful-section2 .powerful-section-img {
    text-align: center; }

/* powerful-section2 End */
/* app-section2 Start */
.app-area {
  padding: 100px 0; }
  .app-area .section-heading p {
    opacity: .7; }
  .app-area .owl-dots {
    display: block;
    text-align: center;
    margin-top: 50px; }
    .app-area .owl-dots .owl-dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      background: #1359cc;
      margin: 0 5px;
      border-radius: 50%; }
    .app-area .owl-dots .owl-dot.active {
      width: 16px;
      height: 16px;
      position: relative;
      top: -4px; }

/* app-section2 End */
/* client-area Start */
.client-area {
  padding: 100px 0 175px; }
  .client-area .client-single-slide {
    display: block;
    text-align: center;
    padding: 0 60px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .client-area .client-single-slide {
        padding: 0; } }
    @media (max-width: 767px) {
      .client-area .client-single-slide {
        padding: 0; } }
    .client-area .client-single-slide .client-img {
      display: inline-block;
      margin-bottom: 20px; }
      .client-area .client-single-slide .client-img img {
        border-radius: 50%; }
    .client-area .client-single-slide .client-icon {
      display: inline-block;
      position: absolute;
      top: -10px;
      text-align: center;
      left: 46.5%; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .client-area .client-single-slide .client-icon {
          left: 44.5%; } }
      @media (max-width: 767px) {
        .client-area .client-single-slide .client-icon {
          top: -6px;
          left: 44.5%; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .client-area .client-single-slide .client-icon {
          top: -6px;
          left: 46.5%; } }
      @media (max-width: 767px) {
        .client-area .client-single-slide .client-icon img {
          width: 40px; } }
    .client-area .client-single-slide p {
      font-style: italic;
      margin-bottom: 30px;
      font-size: 16px; }
    .client-area .client-single-slide h5 {
      font-size: 21px;
      font-weight: 600; }
    .client-area .client-single-slide h6 {
      font-size: 16px; }
  .client-area .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #e8edf1;
    margin: 0 5px;
    border-radius: 50%; }
  .client-area .owl-dots {
    text-align: center;
    display: inline-block;
    left: 45%;
    position: absolute;
    bottom: -85px; }
  .client-area .owl-dot.active {
    width: 16px;
    height: 16px;
    position: relative;
    top: -3px; }

/* client-area End */
/* facts-area Start */
.facts-area {
  display: block;
  padding: 90px 0; }
  .facts-area .col-md-6.offset-md-3 {
    padding: 0; }
  .facts-area li {
    display: block;
    text-align: center;
    font-size: 21px;
    padding: 23px 0;
    border-bottom: 2px solid #edeff1;
    padding-top: 18px;
    position: relative;
    overflow: hidden;
    font-weight: 600; }
    @media (max-width: 767px) {
      .facts-area li {
        padding: 10px 0;
        font-size: 15px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .facts-area li {
        padding: 15px 0;
        font-size: 21px; } }
    .facts-area li .number {
      position: absolute;
      left: 45px;
      font-size: 60px;
      opacity: .1;
      bottom: 5px;
      font-weight: 700; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .facts-area li .number {
          left: 20px; } }
      @media (max-width: 767px) {
        .facts-area li .number {
          font-size: 36px;
          bottom: -3px;
          left: 0; } }
      @media (max-width: 767px) {
        .facts-area li .number {
          font-size: 36px;
          bottom: -3px;
          left: 0; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .facts-area li .number {
          font-size: 45px;
          bottom: 0;
          left: 30px; } }
    .facts-area li .number.number-even {
      left: auto;
      right: 0; }

/* facts-area End */
/* facts-area End */
.download-area {
  padding: 70px 0 55px;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  @media (max-width: 767px) {
    .download-area {
      text-align: center; } }
  .download-area h1 {
    font-size: 32px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .download-area h1 {
        font-size: 27px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .download-area h1 {
        font-size: 29px; } }
  .download-area .powerful-btn-area {
    text-align: right;
    display: flex; }
    .download-area .powerful-btn-area > a {
      margin: 0 1rem; }
  .download-area .download-area-bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    z-index: -1; }

/* facts-area End */
/* facts-area End */
.site-footer .section-padding {
  padding: 115px 15px 100px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .site-footer .section-padding {
      padding: 115px 15px 100px; } }
  @media (max-width: 767px) {
    .site-footer .section-padding {
      padding: 115px 15px 60px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .site-footer .section-padding {
      width: 450px;
      margin: 0 auto; } }
@media (max-width: 767px) {
  .site-footer .widget {
    margin-bottom: 40px; } }
.site-footer .widget .footer-widget-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .site-footer .widget .footer-widget-title {
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .site-footer .widget .footer-widget-title:last-child {
      margin-bottom: 0; } }
.site-footer ul {
  list-style: none; }
  .site-footer ul li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px; }
.site-footer .site-info.footer-bottom {
  display: block; }
  .site-footer .site-info.footer-bottom .container {
    padding: 25px 15px;
    border-top: 1px solid #edeff1; }
  .site-footer .site-info.footer-bottom p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .site-footer .site-info.footer-bottom p {
        text-align: center;
        display: block;
        margin-bottom: 15px; } }
  .site-footer .site-info.footer-bottom .footer-bottom-icon {
    text-align: right; }
    @media (max-width: 767px) {
      .site-footer .site-info.footer-bottom .footer-bottom-icon {
        text-align: center; } }
    .site-footer .site-info.footer-bottom .footer-bottom-icon ul {
      display: block; }
      .site-footer .site-info.footer-bottom .footer-bottom-icon ul li {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 4px;
        margin-left: 15px; }
        .site-footer .site-info.footer-bottom .footer-bottom-icon ul li a {
          line-height: 20px;
          font-size: 13px; }

/* facts-area End */
/* =================================================
                Home-page1 Style End
==================================================== */
/* =================================================
                Home-page2 Style Start
==================================================== */
.home2 {
  /* header-area style start */
  /* header-area style End */
  /* Hero-area style start */
  /* Hero-area style End */
  /* featured-area style End */
  /* featured-area style End */ }
  .home2 .header-area .main-menu ul li a:hover {
    opacity: .58; }
  .home2 .header-area .main-menu ul li ul {
    border: none; }
  .home2 .hero-area {
    overflow: hidden; }
    .home2 .hero-area .container .hero-area-content .hero-btn .hero-area-btn.hero-video {
      width: 160px !important; }
    .home2 .hero-area .container .hero-area-img {
      bottom: 35px; }
    .home2 .hero-area:after {
      position: absolute;
      content: "";
      left: 0;
      bottom: -63px;
      width: 104%;
      height: 100px;
      transform: rotate(-2deg); }
  .home2 .featured-area {
    padding: 60px 0;
    text-align: center;
    padding-top: 20px; }

/* =================================================
                Home-page2 Style End
==================================================== */
/* =================================================
                Home-page3 Style Start
==================================================== */
.home3 .header-area {
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }
  .home3 .header-area .main-menu ul li ul {
    border: none; }
.home3 .hero-area {
  height: 836px;
  position: relative;
  text-align: center;
  background: url(images/home3-hero-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  z-index: 1; }
  .home3 .hero-area:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #242629;
    z-index: -1;
    opacity: .4; }
  .home3 .hero-area p {
    color: #fff !important; }
  .home3 .hero-area h1 {
    color: #fff !important;
    margin-bottom: 55px !important; }
  .home3 .hero-area .hero-inputs input[type="email"] {
    width: 260px;
    height: 50px;
    padding-left: 15px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    margin-right: 3px;
    font-size: 15px;
    font-weight: 500; }
  .home3 .hero-area .hero-inputs input[type="submit"] {
    width: 160px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #e4ce10;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer; }
    @media (max-width: 767px) {
      .home3 .hero-area .hero-inputs input[type="submit"] {
        margin-top: 15px; } }
  .home3 .hero-area .hero-inputs h6 {
    font-size: 13px;
    margin-top: 40px; }

/* =================================================
                Home-page3 Style End
==================================================== */
/* =================================================
                Home-page3 Style End
==================================================== */
/* inner-hero-area Start */
.inner-hero-area {
  height: 415px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: relative; }
  @media (max-width: 767px) {
    .inner-hero-area {
      height: 420px; } }
  .inner-hero-area h1 {
    color: #2b2f32;
    font-size: 60px;
    line-height: 66px;
    font-weight: 600;
    margin-bottom: 25px; }
    @media (max-width: 767px) {
      .inner-hero-area h1 {
        font-size: 32px;
        line-height: 40px; } }
    @media (max-width: 767px) {
      .inner-hero-area h1 br {
        display: none; } }
  .inner-hero-area p {
    color: #505459;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .inner-hero-area p br {
        display: none; } }
  .inner-hero-area .inner-hero-bg-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%; }
    .inner-hero-area .inner-hero-bg-img img {
      height: 100%; }

/* inner-hero-area End */
/* single-blog Start */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog-page .inner-blog-area {
    padding-bottom: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog-page .inner-blog-area-right {
    width: 450px;
    margin: 0 auto;
    margin-top: 60px; } }

@media (max-width: 767px) {
  .inner-blog-area {
    padding-bottom: 80px; } }
.inner-blog-area .inner-blog-area-left {
  padding-right: 31px;
  overflow: hidden;
  /* .blog-area-right blog-area-pagination Start */
  /* .blog-area-right blog-area-pagination End */ }
  @media (max-width: 767px) {
    .inner-blog-area .inner-blog-area-left {
      padding-right: 0; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .inner-blog-area .inner-blog-area-left {
      width: 450px;
      margin: 0 auto; } }
  .inner-blog-area .inner-blog-area-left .single-blog {
    display: flex;
    margin-bottom: 75px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .inner-blog-area .inner-blog-area-left .single-blog {
        display: block; } }
    .inner-blog-area .inner-blog-area-left .single-blog .blog-img {
      width: 330px;
      height: 300px;
      float: left;
      background: url(images/blog-img1.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      border-radius: 5px; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .inner-blog-area .inner-blog-area-left .single-blog .blog-img {
          width: 100%; } }
    .inner-blog-area .inner-blog-area-left .single-blog .blog-details {
      padding-left: 45px;
      width: 59%;
      float: left; }
      @media (max-width: 767px) {
        .inner-blog-area .inner-blog-area-left .single-blog .blog-details {
          width: 100%;
          padding-left: 0;
          padding-top: 60px; } }
      .inner-blog-area .inner-blog-area-left .single-blog .blog-details h1 {
        font-size: 32px;
        font-weight: 600;
        color: #222; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .inner-blog-area .inner-blog-area-left .single-blog .blog-details h1 {
            font-size: 27px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .inner-blog-area .inner-blog-area-left .single-blog .blog-details h1 {
            font-size: 27px; } }
        @media (max-width: 767px) {
          .inner-blog-area .inner-blog-area-left .single-blog .blog-details h1 {
            font-size: 25px; } }
        @media (max-width: 767px) {
          .inner-blog-area .inner-blog-area-left .single-blog .blog-details h1 br {
            display: none; } }
      .inner-blog-area .inner-blog-area-left .single-blog .blog-details h6 {
        font-size: 15px;
        margin-bottom: 25px;
        margin-top: 20px; }
        .inner-blog-area .inner-blog-area-left .single-blog .blog-details h6 .admin {
          display: inline-block;
          margin-right: 11px;
          padding-right: 11px;
          border-right: 1px solid #ccc;
          line-height: 15px;
          font-weight: 500; }
      .inner-blog-area .inner-blog-area-left .single-blog .blog-details p {
        font-size: 17px;
        font-weight: 400;
        color: #212327; }
      .inner-blog-area .inner-blog-area-left .single-blog .blog-details .continue {
        display: inline-block;
        font-size: 16px;
        font-weight: 600; }
        .inner-blog-area .inner-blog-area-left .single-blog .blog-details .continue i {
          display: inline-block;
          margin-left: 5px;
          font-size: 20px !important;
          position: relative;
          top: 2px;
          color: #1e71f9; }
  .inner-blog-area .inner-blog-area-left li {
    display: inline-block;
    position: relative; }
    .inner-blog-area .inner-blog-area-left li:last-child {
      position: relative; }
      .inner-blog-area .inner-blog-area-left li:last-child:before {
        position: absolute;
        content: "";
        left: 23%;
        top: 45%;
        width: 5px;
        height: 5px;
        background: #c0c3d2; }
    .inner-blog-area .inner-blog-area-left li a {
      display: inline-block;
      width: 33px;
      height: 33px;
      line-height: 33px;
      text-align: center;
      border: 1px solid #c0c3d2;
      margin-right: 10px;
      background: #c0c3d2;
      border-radius: 4px;
      color: #ffffff; }
    .inner-blog-area .inner-blog-area-left li .active-page {
      background: #1e71f9;
      border: 1px solid #1e71f9; }
    .inner-blog-area .inner-blog-area-left li .last-page {
      margin-left: 30px;
      position: relative; }
      .inner-blog-area .inner-blog-area-left li .last-page:before {
        position: absolute;
        content: "";
        left: -105%;
        top: 45%;
        width: 5px;
        height: 5px;
        background: #c0c3d2; }
      .inner-blog-area .inner-blog-area-left li .last-page:after {
        position: absolute;
        content: "";
        left: -75%;
        top: 45%;
        width: 5px;
        height: 5px;
        background: #c0c3d2; }
@media (max-width: 767px) {
  .inner-blog-area .inner-blog-area-right {
    margin-top: 60px; } }
.inner-blog-area .inner-blog-area-right .blog-post-area .post-area-top {
  margin-bottom: 35px; }
.inner-blog-area .inner-blog-area-right .blog-post-area h4 {
  padding: 10px 0;
  background: #fff;
  border: 1px solid #f7f7f9;
  padding-left: 20px;
  font-size: 19px;
  font-weight: 700;
  color: #212327;
  margin-bottom: 0; }
.inner-blog-area .inner-blog-area-right .blog-post-area .single-post {
  padding-left: 20px;
  background: #f7f7f9;
  border-bottom: 1px solid #e8e8f0;
  display: block; }
  .inner-blog-area .inner-blog-area-right .blog-post-area .single-post h4 {
    background: transparent;
    border: none;
    font-size: 17px;
    line-height: 23px;
    color: #212327;
    padding-left: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .inner-blog-area .inner-blog-area-right .blog-post-area .single-post h4 {
        font-size: 16px; } }
  .inner-blog-area .inner-blog-area-right .blog-post-area .single-post h6 {
    color: #1e71f9;
    font-size: 13px;
    font-weight: 500; }
.inner-blog-area .inner-blog-area-right .blog-post-area .post-area-bottom {
  margin-bottom: 35px; }
.inner-blog-area .inner-blog-area-right .blog-post-area .post-area-category ul li a {
  display: block;
  padding-left: 20px;
  background: #f7f7f9;
  color: #212327;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e8e8f0; }
  .inner-blog-area .inner-blog-area-right .blog-post-area .post-area-category ul li a:hover {
    color: #1e71f9; }

/* single-blog End */
/* =================================================
                Blog-page Style End
==================================================== */
/* =================================================
                Single-Blog-page Style Start
==================================================== */
.inner-hero-area .inner-hero-area-content h6 {
  font-size: 15px;
  margin-bottom: 25px;
  margin-top: 20px; }
  .inner-hero-area .inner-hero-area-content h6 .admin {
    display: inline-block;
    margin-right: 11px;
    padding-right: 11px;
    border-right: 1px solid #ccc;
    line-height: 15px;
    font-weight: 500; }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .single-blog-page .inner-blog-area.inner-single-blog-area {
    padding-bottom: 60px; } }

.inner-single-blog-area-left {
  padding-right: 20px; }
  @media (max-width: 767px) {
    .inner-single-blog-area-left {
      padding-right: 0; } }
  .inner-single-blog-area-left .single-blog-details .single-blog-details-paragraph {
    display: block;
    padding-right: 16px; }
  .inner-single-blog-area-left .single-blog-details p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px; }
  .inner-single-blog-area-left .single-blog-details .single-blog-vitamin-details {
    padding-top: 10px; }
    .inner-single-blog-area-left .single-blog-details .single-blog-vitamin-details p:last-child {
      padding-bottom: 40px;
      border-bottom: 1px solid #ccc;
      margin-bottom: 0; }
  .inner-single-blog-area-left .single-blog-details .single-blog-details-image-area .single-blog-details-paragraph-img {
    width: 100%;
    height: 300px;
    background: url(images/blog-paragrapg-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5px; }
  .inner-single-blog-area-left .single-blog-details .vitamin-names {
    padding-top: 15px; }
    .inner-single-blog-area-left .single-blog-details .vitamin-names h6 {
      font-size: 12px;
      text-transform: uppercase;
      word-spacing: 10px;
      color: #333333;
      font-weight: 500;
      opacity: .6; }
  .inner-single-blog-area-left .single-blog-comments-area {
    padding-top: 70px; }
    .inner-single-blog-area-left .single-blog-comments-area h1 {
      margin-bottom: 45px;
      font-size: 32px;
      color: #222222;
      font-weight: 700; }
    .inner-single-blog-area-left .single-blog-comments-area .single-comment {
      display: flex;
      padding-bottom: 25px;
      border-bottom: 1px solid #ccc;
      margin-bottom: 28px; }
      .inner-single-blog-area-left .single-blog-comments-area .single-comment .commentor-img {
        flex-basis: 25%; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .inner-single-blog-area-left .single-blog-comments-area .single-comment .commentor-img {
            flex-basis: 32%; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .inner-single-blog-area-left .single-blog-comments-area .single-comment .commentor-img {
            flex-basis: 47%; } }
        .inner-single-blog-area-left .single-blog-comments-area .single-comment .commentor-img img {
          border-radius: 50%; }
    .inner-single-blog-area-left .single-blog-comments-area .single-comment.single-comment-reply {
      padding-left: 60px; }
      .inner-single-blog-area-left .single-blog-comments-area .single-comment.single-comment-reply .commentor-img {
        flex-basis: 14%; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .inner-single-blog-area-left .single-blog-comments-area .single-comment.single-comment-reply .commentor-img {
            flex-basis: 17%; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .inner-single-blog-area-left .single-blog-comments-area .single-comment.single-comment-reply .commentor-img {
            flex-basis: 20%; } }
  .inner-single-blog-area-left .single-blog-contact-area {
    display: block; }
    .inner-single-blog-area-left .single-blog-contact-area h1 {
      font-size: 32px;
      color: #222;
      margin-bottom: 0;
      padding-bottom: 45px; }
    .inner-single-blog-area-left .single-blog-contact-area label {
      display: block; }
    .inner-single-blog-area-left .single-blog-contact-area input,
    .inner-single-blog-area-left .single-blog-contact-area textarea {
      width: 100%;
      height: 60px;
      background: #f8f9fa;
      border: 1px solid #ebebed;
      margin-bottom: 28px; }
    .inner-single-blog-area-left .single-blog-contact-area textarea {
      height: 140px; }
    .inner-single-blog-area-left .single-blog-contact-area input[type="submit"] {
      width: 185px;
      color: #fff;
      font-size: 17px;
      font-weight: 500;
      border-radius: 5px; }

/* =================================================
                Blog-page Style End
==================================================== */
/* =================================================
                Pricing page Style Start
==================================================== */
/* switch-btn-area Start */
.switch-btn-area {
 /* =============================
         Transition
========================== */ }
  .switch-btn-area .switch-btns {
    text-align: center;
    padding-bottom: 58px; }
    .switch-btn-area .switch-btns .switch {
      position: relative;
      display: block;
      vertical-align: top;
      width: 300px;
      height: 50px;
      padding: 3px;
      margin: 0 auto;
      /* background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); */
      /* background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); */
      /* border-radius: 18px; */
      /* box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); */
      cursor: pointer; }
      .switch-btn-area .switch-btns .switch .switch-input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .switch-btn-area .switch-btns .switch .switch-input:checked ~ .switch-label {
        background: #e9eef4; }
      .switch-btn-area .switch-btns .switch .switch-input:checked ~ .switch-label:before {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .switch-btn-area .switch-btns .switch .switch-input:checked ~ .switch-label:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
      .switch-btn-area .switch-btns .switch .switch-label {
        position: relative;
        display: block;
        height: inherit;
        font-size: 10px;
        text-transform: uppercase;
        background: #e9edf4;
        border-radius: 30px; }
        .switch-btn-area .switch-btns .switch .switch-label:before {
          content: attr(data-off);
          right: 18%;
          color: #000;
          text-shadow: 0 1px rgba(255, 255, 255, 0.5);
          font-size: 13px;
          font-weight: 500; }
        .switch-btn-area .switch-btns .switch .switch-label:after {
          content: attr(data-on);
          left: 16%;
          color: #000;
          text-shadow: 0 1px rgba(0, 0, 0, 0.2);
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          font-size: 13px;
          font-weight: 500; }
      .switch-btn-area .switch-btns .switch .switch-label:before,
      .switch-btn-area .switch-btns .switch .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        transition: inherit; }
      .switch-btn-area .switch-btns .switch .switch-handle {
        position: absolute;
        top: 3px;
        left: 2px;
        width: 150px;
        height: 50px;
        background: #2079ff;
        /* background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); */
        border-radius: 30px;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        text-transform: uppercase;
        font-weight: 400; }
        .switch-btn-area .switch-btns .switch .switch-handle:before {
          content: "Monthly";
          position: absolute;
          top: 40%;
          left: 0%;
          margin: -6px 0 0 -6px;
          width: 100%;
          height: 50px;
          color: #fff;
          border-radius: 6px; }
  .switch-btn-area .switch-input:checked ~ .switch-handle {
    left: 50%;
    /* box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); */ }
  .switch-btn-area .switch-input:checked ~ .switch-handle:before {
    content: "Yearly"; }
  .switch-btn-area span.discount {
    position: absolute;
    right: 52px;
    top: -23px;
    color: #19cb10;
    font-weight: 500;
    font-size: 12px; }
  .switch-btn-area .switch-label,
  .switch-btn-area .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease; }

/* switch-btn-area End */
/* price-area Start */
.pricing-area {
  border-bottom: 1px solid #d9e0eb; }
  @media (max-width: 767px) {
    .pricing-area {
      padding-bottom: 0; } }
  .pricing-area .price-area {
    position: relative; }
    .pricing-area .price-area .single-price-slide {
      text-align: center; }
      @media (max-width: 767px) {
        .pricing-area .price-area .single-price-slide {
          width: 450px;
          margin: 0 auto; } }
      .pricing-area .price-area .single-price-slide .single-price {
        border: 1px solid #d4dce8;
        padding: 15px;
        -webkit-transition: .4s;
        transition: .4s; }
        .pricing-area .price-area .single-price-slide .single-price:hover {
          border: 1px solid #2079ff; }
        .pricing-area .price-area .single-price-slide .single-price .price-quality {
          padding: 22px 0 18px; }
          .pricing-area .price-area .single-price-slide .single-price .price-quality h4 {
            color: #3c4351;
            font-size: 18px;
            font-weight: 500;
            padding-bottom: 2px;
            text-transform: uppercase;
            letter-spacing: 2px; }
          .pricing-area .price-area .single-price-slide .single-price .price-quality h2 {
            color: #2079ff;
            font-weight: 500;
            font-size: 60px;
            margin-bottom: 40px; }
        .pricing-area .price-area .single-price-slide .single-price .price-details {
          padding-bottom: 0px; }
          .pricing-area .price-area .single-price-slide .single-price .price-details ul li {
            line-height: 34px;
            font-size: 16px;
            color: #3c4351;
            font-weight: 400;
            display: block; }
        .pricing-area .price-area .single-price-slide .single-price .get-btn-area {
          margin-top: 40px; }
          .pricing-area .price-area .single-price-slide .single-price .get-btn-area a.price-btn {
            display: inline-block;
            padding: 20px 36px;
            border-radius: 4px;
            background: #465368;
            color: #fff;
            font-weight: 500;
            font-size: 14px;
            text-transform: uppercase;
            width: 100%; }
      .pricing-area .price-area .single-price-slide .single-price.premium {
        margin-top: -15px; }
  .pricing-area .owl-stage {
    padding-top: 30px; }

.pricing-area .price-area .single-price-slide .single-price:hover a.price-btn {
  background: #2079ff; }

/* price-carousel-indicators Start */
/* price-carousel-indicators Hover effect Start */
.pricing-area .owl-controls .owl-nav {
  position: absolute;
  top: 40%;
  /* left: -50px; */
  width: 100%;
  -webkit-transition: .4s;
  transition: .4s; }
  .pricing-area .owl-controls .owl-nav:hover {
    color: #2079ff; }
  .pricing-area .owl-controls .owl-nav .owl-prev {
    left: -70px;
    /* font-size: 92px; */
    font-weight: 300;
    position: absolute; }
  .pricing-area .owl-controls .owl-nav .owl-next {
    position: absolute;
    right: -45px;
    position: absolute; }

.pricing-area .owl-controls .owl-nav .owl-next:before,
.pricing-area .owl-controls .owl-nav .owl-prev:before {
  position: absolute;
  content: "";
  left: 0;
  text-align: 0;
  background: transparent;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: .4s;
  transition: .4s; }

.pricing-area .owl-controls .owl-nav .owl-prev:before {
  background: url(images/arow-left2.png);
  /* visibility: visible; */
  /* opacity: 1; */ }

.pricing-area .owl-controls .owl-nav .owl-next:before {
  background: url(images/arow-right2.png);
  /* visibility: visible; */
  /* opacity: 1; */ }

.pricing-area .owl-controls .owl-nav .owl-prev:hover:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible; }

.pricing-area .owl-controls .owl-nav .owl-next:hover:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible; }

/* price-carousel-indicators Hover effect End */
/* =================================================
                Pricing page Style End
==================================================== */
/* =================================================
                Thank-you page Style Start
==================================================== */
.thank-you .hero-wrapper {
  padding-top: 100px; }
  .thank-you .hero-wrapper .thank-you-media {
    margin-bottom: 60px; }
  .thank-you .hero-wrapper h2.hero__title {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 45px; }
  .thank-you .hero-wrapper p.hero__caption {
    font-size: 18px; }

/* =================================================
                Thank-you page Style End
==================================================== */
/* =================================================
                Thank-you page Style Start
==================================================== */
.error-page-hero-area .error-page-wrapper {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 160px;
  margin-bottom: 60px; }
  @media (max-width: 767px) {
    .error-page-hero-area .error-page-wrapper {
      padding-top: 40px; } }
  .error-page-hero-area .error-page-wrapper .nothing-found {
    border-radius: 100px;
    background-color: #ffeff1;
    color: #818992;
    font-size: 1.125rem;
    font-weight: 400;
    padding: .625rem 2rem;
    margin-bottom: 3.4375rem; }
  .error-page-hero-area .error-page-wrapper h1 {
    font-size: 90px;
    margin-bottom: 77px; }
  .error-page-hero-area .error-page-wrapper .error-page-image {
    margin-bottom: 3.125rem; }
  .error-page-hero-area .error-page-wrapper .error-page p {
    color: #2d3136;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 3.125rem; }
  .error-page-hero-area .error-page-wrapper p {
    font-size: 16px;
    margin-bottom: 40px; }
  .error-page-hero-area .error-page-wrapper a.db-btn.db-btn__type-md {
    display: inline-block;
    padding: 15px 35px;
    font-size: 18px;
    border-radius: 5px; }

/* =================================================
                Thank-you page Style End
==================================================== */
/* =================================================
                signup page Style Start
==================================================== */
.signup-area {
  padding: 100px 0 60px; }
  .signup-area .signup-title-heading {
    display: block;
    padding-bottom: 80px;
    text-align: center; }
    .signup-area .signup-title-heading h1 {
      font-size: 45px;
      margin-bottom: 30px; }
    .signup-area .signup-title-heading h6 {
      font-size: 18px;
      font-weight: 400;
      color: #333333; }
  .signup-area .signup-contact-form {
    display: block; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .signup-area .signup-contact-form {
        width: 450px;
        margin: 0 auto; } }
    .signup-area .signup-contact-form label {
      font-size: 15px;
      margin-bottom: 6px;
      margin-top: 15px;
      position: relative;
      display: inline-block; }
      .signup-area .signup-contact-form label:before {
        position: absolute;
        content: "*";
        right: -13px;
        top: 0;
        width: 10px;
        height: 10px;
        color: #ff5107;
        font-size: 22px; }
    .signup-area .signup-contact-form input {
      width: 100%;
      height: 60px;
      padding-left: 15px;
      border: 1px solid #ccc;
      border-radius: 8px; }
    .signup-area .signup-contact-form input[type="submit"] {
      display: inline-block;
      margin-top: 20px;
      color: #ffffff;
      font-size: 20px;
      border: 1px solid blue;
      font-weight: 600;
      cursor: pointer;
      transition: .4s; }
      .signup-area .signup-contact-form input[type="submit"]:hover {
        border: 1px solid #16a8ef; }

/* =================================================
                signup page Style End
==================================================== */
.header-area .logo-area {
  margin-top: 8px; }

.logo img {
  width: 110px;
  margin-bottom: 8px; }

.home2_basic_bg, .home2 .header-area, .home2 .hero-area, .inner-hero-area {
  background: -moz-linear-gradient(-45deg, #f19a3b 0%, #ffc70f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #f19a3b 0%, #ffc70f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #f19a3b 0%, #ffc70f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$home2_basic_color', endColorstr='#ffc70f',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.header-area {
  background: white !important; }
  .header-area .current-menu-item > a:hover {
    color: #e88111 !important; }

.powerful-section2 .powerful-main-content {
  flex-direction: row-reverse; }

.powerful-main-content .powerful-area-contect .powerful-area-icon {
  display: block;
  margin: 0 auto 30px; }

.toc {
  font-size: .85rem;
  font-weight: normal; }
  .toc h5 {
    font-size: 1rem;
    color: inherit; }
  .toc ul {
    list-style: none; }
    .toc ul ul {
      margin-left: 1rem; }
  .toc ol {
    margin-left: 1rem; }
    .toc ol ol {
      margin-left: 2rem; }

.inner-hero-area {
  margin-bottom: 2rem; }