/*
Template Name: APPIYAN Html5 templete
Author:  CrazyCafe
Author URI:
Version: 1.0

====/========        ===== ==/====/
             CSS Index
====/========        =======/====/
/*
01. Reset CSS         ====================>

02. HOME 1 CSS         ====================>

03. HOME 2 CSS         ====================>

03. HOME 3 CSS         ====================>

04. HOME 4 CSS         ====================>

05. HOME 5 CSS         ====================>

06. HOME 6 CSS         ====================>

07. HOME 7 CSS         ====================>

08. HOME 8 CSS         ====================>

09. BLOG   CSS         ====================>

10. SINGLE BLOG CSS    ====================>

/*
 *****************************************
    >>> | 01 Browser Reset & Common CSS|
 *****************************************
*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,500i,600,700,700i,800,900,900i|Poppins:300,400,500,500i,600,700,800,800i,900,900i|Ubuntu:300,300i,400,400i,500,500i,700,700i");
html, body {
  height: 100%; }

body {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px; }

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

:focus {
  outline: -webkit-focus-ring-color auto 0px; }

a:focus,
a:hover,
a:visited,
input,
.bootstrap-select > .dropdown-toggle,
input:hover,
.bootstrap-select > .dropdown-toggle:hover,
input:focus,
.bootstrap-select > .dropdown-toggle:focus,
input:active,
.bootstrap-select > .dropdown-toggle:active,
select {
  text-decoration: none;
  outline: none; }

*:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: unset !important; }

img {
  max-width: 100%; }

a {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

a:hover {
  text-decoration: none; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
  margin: 0 0 15px; }

.swal2-popup {
  border-radius: 40px !important; }

/* ====/========        ===== ==/====/
    Import Scss
 ====/========        =======/==== */
.home1-menu-txt-color, .h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6, .logo a, .mainmenu ul li a, ul.drop-menu li a, .mainmenu.cta ul li ul.drop-menu li a, .header-area.cta3 ul li ul.drop-menu li a, .contact-form-right-single h5, h5.category-title, .blog-tabs li a, .blog-tab-text h5 a, .single-blog-content h3, .single-blog-comments h4, .single-blog-contact-form h4, .home2 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li a,
.home3 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li a,
.home4 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li a, .home2 div#sticky-wrapper.is-sticky .header-area .logo a,
.home3 div#sticky-wrapper.is-sticky .header-area .logo a,
.home4 div#sticky-wrapper.is-sticky .header-area .logo a,
.home7 div#sticky-wrapper.is-sticky .header-area .logo a, .preview-hero h1, .preview-area h1, .single-preview h4 a {
  color: #1a2b3c; }

.home1-menu-txt-bg, .preview-img:after {
  background: #1a2b3c; }

.color-white, a.header-btn, .slicknav_nav a:hover, .featured-title h2, .featured-single-text h4, .get-area-left h1, .get-area-left p, .single-pricing:hover h4, .single-pricing:hover h5, .single-pricing:hover span, .single-pricing:hover li, a.price-btn, a.single-counter h1, a.single-counter p, .contact-form form input[type="submit"], .contact-form textarea:focus::placeholder, .contact-form form input:focus::placeholder, .footer-menu ul li a, .footer-social-icon a:hover, .footer-logo h4 a, .footer-title p, .footer-title p a, .contact-area.cta .contact-form textarea:focus::placeholder, .contact-area.cta .contact-form form input:focus::placeholder, .logo.cta a, .blog-pagination ul li a:hover, .blog-page .mainmenu ul li a:hover, .single-blog-contact-form form input[type="submit"], body.home5 div#sticky-wrapper.is-sticky .mainmenu a.header-btn,
body.home6 div#sticky-wrapper.is-sticky .mainmenu a.header-btn, .home2 div#sticky-wrapper.is-sticky .header-area a.header-btn, .home3 div#sticky-wrapper.is-sticky .header-area a.header-btn,
.home4 div#sticky-wrapper.is-sticky .header-area a.header-btn, body.home7 div#sticky-wrapper.is-sticky .mainmenu a.header-btn, .blog-page div#sticky-wrapper.is-sticky .mainmenu a.header-btn, .preview-hero h2, .preview-hero a, a.preview-btn, .preview-footer-area, .preview-footer-area h2 a, .preview-footer-area p a {
  color: #fff; }

.home1-theme-color, .mainmenu ul li a:hover, body.home5 ul.drop-menu li a:hover, body.home6 ul.drop-menu li a:hover, body.blog-page .mainmenu ul li ul.drop-menu li a:hover, .hero-txt h1, .about-single-item:hover
.about-single-content h4, .single-pricing h4, .contact-form-right-single a:hover, body.home6 .footer-menu ul li a:hover, .blog-page .blog-area-left .blog-single-slide:hover .blog-slide-text h4 a, span.blog-search-bar i, .blog-category ul li a:hover, .blog-tabs li a.active, .blog-tab-single:hover h5 a, .blog-page a.header-btn, span.blog-meta2 i:hover, .single-blog-social-icon
a:hover, .single-coments-text span a:hover, body.home1 .mainmenu ul li.active a,
body.home5 .mainmenu ul li.active a, body.home5 div#sticky-wrapper.is-sticky .mainmenu ul li a:hover,
body.home6 div#sticky-wrapper.is-sticky .mainmenu ul li a:hover, .blog-page div#sticky-wrapper.is-sticky .header-area .mainmenu ul li a:hover,
.blog-page div#sticky-wrapper.is-sticky .header-area .mainmenu ul li.active a, .preview-hero a:hover, .single-preview:hover h4 a {
  color: #f10789; }

.home1-theme-bg, .slicknav_btn, .slicknav_menu ul, .blog-pagination ul li a:hover, .single-blog-contact-form form input[type="submit"], body.home5 div#sticky-wrapper.is-sticky .mainmenu a.header-btn,
body.home6 div#sticky-wrapper.is-sticky .mainmenu a.header-btn, .blog-page div#sticky-wrapper.is-sticky .mainmenu a.header-btn, a.preview-btn {
  background: #f10789; }

.home1-hero-txr-para-color, body, .hero-txt p, .single-pricing ul li, .contact-form-right-single a, .contact-form-right-single p, .single-blog-content p, .single-coments-text p {
  color: #333; }

.home1-hero-txr-para-bg, .single-blog-contact-form form input[type="submit"]:hover, .preview-footer-area {
  background: #333; }

.section-title-para-color {
  color: white; }

.bg-white, ul.drop-menu, a.single-counter:after, .contact-area.cta .home-2-form-submit input[type="submit"]:hover, .contact-area.cta5 .home-2-form-submit input[type="submit"]:hover, .blog-page a.header-btn, div#sticky-wrapper.is-sticky .header-area:after, .preview-hero a:hover {
  background: #fff; }

.featured-content-color, .featured-single-text p {
  color: #1a2b3c; }

.screen-slide-color {
  color: #c6d6e5; }

.screen-slide-hvr-color, span.blog-search-bar input[type="search"], span.blog-search-bar input::placeholder, .blog-tab-text p, .blog-pagination ul li a, .single-blog-top p, .single-blog-social-icon
a, .single-coments-text span, .single-coments-text span a, .single-blog-contact-form form input[type="text"],
.single-blog-contact-form form input[type="email"],
.single-blog-contact-form form textarea, .single-blog-contact-form form input::placeholder, .single-blog-contact-form form textarea::placeholder {
  color: #8c9fb3; }

.testimonial-slide-bg, span.blog-search-bar input[type="search"] {
  background: #f0f3fa; }

.testimonial-slide-para, .blog-category ul li a {
  color: #576f8e; }

.testimimonial-dot-bg {
  background: #c6d6e5; }

.counter-bg {
  background: #fb9a7e; }

.contact-input-color, .contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea, .contact-form form input::placeholder, .contact-form textarea::placeholder {
  color: #1a2b3c; }

.contact-form-input-bg, .contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea {
  background: white; }

.bg-white, ul.drop-menu, a.single-counter:after, .contact-area.cta .home-2-form-submit input[type="submit"]:hover, .contact-area.cta5 .home-2-form-submit input[type="submit"]:hover, .blog-page a.header-btn, div#sticky-wrapper.is-sticky .header-area:after, .preview-hero a:hover {
  background: #fff; }

.home2-theme-color, .mainmenu.cta ul li ul.drop-menu li a:hover, .blog-slide-area.cta .blog-single-slide:hover .blog-slide-text h4 a, .contact-area.cta .contact-form-right-single:hover a, .contact-area.cta .home-2-form-submit input[type="submit"]:hover, .contact-area.cta5 .home-2-form-submit input[type="submit"]:hover, .footer-area.cta ul li a:hover, .home2 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li a:hover,
.home3 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li a:hover,
.home4 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li a:hover, .home2 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li.active a {
  color: #2c98f0; }

.home2-theme-bg, .home2 div#sticky-wrapper.is-sticky .header-area a.header-btn {
  background: #2c98f0; }

.home2-contact-form-bg, .contact-area.cta .contact-form form input[type="text"], .contact-area.cta .contact-form form input[type="email"], .contact-area.cta .contact-form form textarea {
  background: #2d72c3; }

.home2-contact-form-input-color, .contact-area.cta .contact-form form input::placeholder, .contact-area.cta .contact-form textarea::placeholder {
  color: #b4d2ee; }

.home2-contact-form-submit-btn, .contact-area.cta .home-2-form-submit input[type="submit"], .contact-area.cta5 .home-2-form-submit input[type="submit"] {
  background: #1a2b3c; }

.home2-footer-bg, .footer-area.cta {
  background: #333; }

.home3-theme-color, .header-area.cta3 ul li ul.drop-menu li a:hover, body.home3 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li.active a,
body.home4 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li.active a, .home3 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li a:hover,
.home4 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li a:hover {
  color: #9052b5; }

.home3-theme-bg, .home3 div#sticky-wrapper.is-sticky .header-area a.header-btn,
.home4 div#sticky-wrapper.is-sticky .header-area a.header-btn {
  background: #9052b5; }

.home3-contact-input-bg {
  background: #946fbd; }

.home3-contact-focus-color {
  color: #e1d4ea; }

.home3-blog-text-hover-bg {
  background: #f0f3fa; }

.home1-menu-txt-bg, .preview-img:after {
  background: #1a2b3c; }

.home7-featured-span-bg {
  background: #e8f6ff; }

.home7-theme-color, body.home7 .mainmenu ul li ul.drop-menu li a:hover, .home7 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li a:hover,
.home7 div#sticky-wrapper.is-sticky .header-area .mainmenu ul li.active a {
  color: #2bd6f8; }

.home7-contact-input-bg, a.preview-btn:hover {
  background: #26a4e0; }

.home7-focus-color {
  color: #bae7f5; }

.home7-focus-bg {
  background: #24a6d4; }

.responsive-menu-hover-bg, .slicknav_nav a:hover {
  background: #5dad16; }

/* ====/========        ===== ==/====/
     Header css start
 ====/========        =======/==== */
/* main hero-area css */
.header-area {
  position: absolute;
  width: 100%;
  z-index: 2;
  padding-top: 15px; }

.logo {
  padding-top: 13px; }

.logo a {
  font-size: 22px;
  font-weight: 500; }

a.header-btn {
  padding: 14px 22px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #fa5d39, #f7494c, #f4276c, #f21877);
  display: inline-block;
  border-radius: 4px;
  font-weight: 500;
  margin-left: 10px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  a.header-btn {
    padding: 10px 11px;
    font-size: 13px;
    text-transform: capitalize; } }

a.header-btn:hover {
  opacity: .8; }

.mainmenu ul {
  display: inline-block; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mainmenu ul {
      padding-right: 27px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainmenu ul {
      padding-right: 7px;
      font-size: 15px; } }
  @media (max-width: 767px) {
    .mainmenu ul {
      display: none; } }
  .mainmenu ul li {
    display: inline-block;
    position: relative; }
    .mainmenu ul li a {
      display: inline-block;
      padding-right: 34px;
      font-weight: 400; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .mainmenu ul li a {
          padding-right: 20px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .mainmenu ul li a {
          padding-right: 7px;
          font-size: 15px; } }

@media (max-width: 767px) {
  .header-area .header-btn {
    display: none; } }

.slicknav_menu {
  display: none; }
  @media (max-width: 767px) {
    .slicknav_menu {
      position: absolute;
      right: 0;
      background: none;
      top: 0;
      width: 100%;
      display: block; } }

@media (max-width: 767px) {
  .slicknav_btn {
    margin: -33px 5px 6px; } }

.slicknav_menu ul {
  background: #ff954a; }
  @media (max-width: 767px) {
    .slicknav_menu ul {
      text-align: left; } }

.slicknav_nav a:hover {
  background: #f10789; }

ul.drop-menu {
  border: 1px solid #f5f6f6; }
  @media (max-width: 767px) {
    ul.drop-menu {
      background: none; } }

ul.drop-menu li {
  display: block; }

ul.drop-menu li a {
  display: block;
  text-align: left;
  padding-right: 0px;
  padding-left: 15px;
  padding-bottom: 4px;
  padding-top: 4px;
  font-weight: 400; }
  ul.drop-menu li a:hover {
    padding-left: 20px; }

@media only screen and (min-width: 768px) {
  ul.drop-menu {
    position: absolute;
    width: 210px;
    top: 40px;
    text-align: left;
    border: none;
    z-index: 2;
    padding: 15px 0px;
    border-radius: 4px;
    -webkit-transition: .3s;
    transition: .3s;
    left: -15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0.7);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear; } }
.mainmenu ul li:hover ul.drop-menu {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible; }

/* ====/========        ===== ==/====/
            hero css start
 ====/========        =======/==== */
.main-hero-area {
  background: url(../assets/img/header_people.jpg) no-repeat;
  background-position: bottom;
  background-size: cover;
  padding: 200px 0px;
  position: relative; }
  .main-hero-area::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: #fff;
    opacity: .85; }
  @media (max-width: 767px) {
    .main-hero-area {
      padding: 120px 0px; } }

.hero-txt {
  text-align: left;
  position: relative;
  z-index: 3; }
  @media (max-width: 767px) {
    .hero-txt {
      z-index: 1;
      text-align: center; } }

.hero-txt h1 {
  line-height: 52px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-txt h1 {
      line-height: 40px;
      font-size: 30px; } }
  @media (max-width: 767px) {
    .hero-txt h1 {
      line-height: 40px;
      font-size: 30px; } }

.hero-txt p {
  margin-bottom: 30px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .hero-txt p {
      font-size: 16px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-txt p br {
    display: none; } }

.hero-txt img {
  padding-right: 20px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-txt img {
      padding-right: 5px; } }
  @media (max-width: 767px) {
    .hero-txt img {
      display: none; } }

.home1-hero-mobile {
  position: absolute;
  right: -55px;
  z-index: 2;
  width: 128%; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .home1-hero-mobile {
      right: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home1-hero-mobile {
      right: 0px;
      z-index: 1; } }
  @media (max-width: 767px) {
    .home1-hero-mobile {
      display: none; } }

@media (max-width: 767px) {
  br {
    display: none; } }
.home1-download-btn {
  display: inline-block;
  width: 158px;
  height: 50px;
  background: url(../assets/img/hero-app-logo1.png);
  margin-right: 20px; }

@media (max-width: 400px) {
  .home1-download-btn {
    margin-right: 0; } }
.home1-download-btn2 {
  display: inline-block;
  width: 158px;
  height: 50px;
  background: url(../assets/img/hero-app-logo2.png); }

.home2-download-btn {
  display: inline-block;
  width: 158px;
  height: 50px;
  background: url(../assets/img/hero-app-logo1.png); }

.home2-download-btn2 {
  display: inline-block;
  width: 158px;
  height: 50px;
  background: url(../assets/img/hero-app-logo2.png); }

body.home1 .home1-download-btn:hover {
  background: url(../assets/img/hero-app-logo1.png) no-repeat;
  background-position: center;
  background-size: cover; }

body.home1 .home1-download-btn.cta:hover {
  background: url(../assets/img/hero-app-logo2.png) no-repeat;
  background-position: center;
  background-size: cover; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  body.home1 a.home1-download-btn.cta {
    position: relative;
    z-index: 9999999; } }

/* ====/========        ===== ==/====/
          section title css start
 ====/========        =======/==== */
.section-title h2 {
  margin-bottom: 20px; }
.section-title p {
  font-size: 18px;
  margin-bottom: 0px; }

.z-index1 {
  position: relative;
  z-index: 2; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title p br {
    display: none; } }

/* ====/========        ===== ==/====/
           about css start
 ====/========        =======/==== */
.about-area {
  position: relative;
  padding: 0 0 100px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-area {
      padding-top: 0px; } }
  @media (max-width: 767px) {
    .about-area {
      padding: 100px 0; } }

.about-area-2 {
  background-color: #181818;
  z-index: 2;
  position: relative;
  transform: skewY(-2deg); }
  .about-area-2 .container {
    transform: skewY(2deg); }

.about-area:after {
  background: url(../assets/img/bg_onda_new.png) no-repeat;
  position: absolute;
  left: 0;
  top: -295px;
  height: 800px;
  width: 100%;
  content: "";
  z-index: 1;
  background-size: cover; }
  @media (max-width: 767px) {
    .about-area:after {
      background-position: right;
      top: -70px; } }

.about-single-content h4 {
  font-size: 28px;
  margin-bottom: 18px;
  -webkit-transition: 0.4s;
  transition: 0.4s; }
.about-single-content p {
  margin-bottom: 0px;
  font-size: 16px; }

.about-single-icon > span {
  background-position: center top !important;
  background-size: auto auto;
  display: inline-block;
  height: 100px;
  position: relative;
  transition: all 0.4s ease 0s;
  width: 100px; }

.about-single-icon {
  min-height: 60px;
  margin-bottom: 25px; }

.about-single-item:hover .about-single-icon > span {
  background-position: center bottom !important; }

.about-single-icon.cta > span {
  width: 84px; }

.padding-bottom-70 {
  padding-bottom: 70px; }

.about-single-item {
  margin-top: 50px;
  padding: 40px 30px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  z-index: 2;
  margin-bottom: 33px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-single-item {
      padding: 20px 10px; } }
  @media (max-width: 767px) {
    .about-single-item {
      margin: 0;
      padding: 40px 30px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .about-single-item {
      margin-left: 30px;
      margin-right: 30px; } }

/* ====/========        ===== ==/====/
           featured css start
 ====/========        =======/==== */
.featured-area {
  background: linear-gradient(180deg, #181818, #ffffff);
  position: relative;
  z-index: 2;
  background-size: cover;
  padding-top: 100px; }
  @media (max-width: 767px) {
    .featured-area {
      padding-top: 50px; } }

.featured-area:after {
  transform: skewY(-2deg);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: -1;
  background-color: #f5f8fb; }

@media only screen and (min-width: 1300px) and (max-width: 2300px) {
  .featured-area {
    padding-top: 80px;
    padding-bottom: 40px; } }
@media only screen and (min-width: 2300px) and (max-width: 3300px) {
  .featured-area {
    padding-top: 440px;
    padding-bottom: 340px; } }
@media (max-width: 767px) {
  .featured-area {
    padding-top: 50px;
    padding-bottom: 50px; } }
.featured-title {
  padding-bottom: 60px;
  padding-left: 15px; }
  @media (max-width: 767px) {
    .featured-title {
      margin-top: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .featured-title {
      padding-bottom: 40px; } }

.featured-single img {
  float: left; }

.featured-single-text {
  margin-left: 70px; }
  .featured-single-text h4 {
    font-size: 20px;
    margin-bottom: 18px; }
  .featured-single-text p {
    font-size: 16px; }

.featured-mobile {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .featured-mobile {
      display: none; } }

.featured-single-items {
  margin-left: 18px; }

.featured-single {
  margin-bottom: 35px; }

/* ====/========        ===== ==/====/
          screenshot slide css start
 ====/========        =======/==== */
.screenshot-single-slide img {
  width: 100%; }

.screenshot-area {
  padding-top: 80px;
  padding-bottom: 300px; }

.screenshot-slide,
.screenshot-home3-slide {
  padding-top: 80px; }

.screenshot-single-slide {
  margin: 60px 0px;
  z-index: 99999;
  position: relative; }

body.home1 .screenshot-single-slide img,
body.home5 .screenshot-single-slide img,
body.home6 .screenshot-single-slide img {
  width: 230px;
  height: 500px; }

body.home1 .screenshot-slide {
  position: relative; }

body.home1 .screenshot-slide:after,
body.home5 .screenshot-slide:after,
body.home6 .screenshot-slide:after {
  content: url(../assets/img/iphone_frame.png);
  left: 48.5%;
  position: absolute;
  top: 58%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  body.home1 .screenshot-slide:after,
  body.home5 .screenshot-slide:after,
  body.home6 .screenshot-slide:after {
    left: 50.5%;
    top: 58%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }

  body.home1 .screenshot-single-slide img,
  body.home5 .screenshot-single-slide img,
  body.home6 .screenshot-single-slide img {
    max-width: 245px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  body.home1 .screenshot-slide:after,
  body.home5 .screenshot-slide:after,
  body.home6 .screenshot-slide:after {
    left: 50%;
    top: 58%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }

  body.home1 .screenshot-single-slide img,
  body.home5 .screenshot-single-slide img,
  body.home6 .screenshot-single-slide img {
    max-width: 245px; } }
@media (max-width: 767px) {
  body.home1 .screenshot-slide:after,
  body.home5 .screenshot-slide:after,
  body.home6 .screenshot-slide:after {
    left: 50%;
    top: 58%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); } }
@media (max-width: 767px) {
  body.home1 .screenshot-single-slide img,
  body.home5 .screenshot-single-slide img,
  body.home6 .screenshot-single-slide img {
    width: 225px;
    margin: 0 auto; } }
.screenshot-area .owl-nav div {
  position: absolute;
  left: 45%;
  font-size: 30px;
  height: 40px;
  width: 40px;
  border: 1px solid;
  text-align: center;
  line-height: 40px;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 100px;
  -webkit-transform: translateX(-46%);
  transform: translateX(-45%);
  bottom: -40px; }

@media (max-width: 767px) {
  .screenshot-area .owl-nav div {
    left: 36%; } }
.screenshot-area .owl-nav .owl-next {
  left: auto;
  right: 47%;
  -webkit-transform: translateX(46%);
  transform: translateX(46%); }

@media (max-width: 767px) {
  .screenshot-area .owl-nav .owl-next {
    right: 36%; } }
@media (max-width: 767px) {
  .screenshot-area.cta2 .owl-nav div {
    bottom: -45px; }

  .screenshot-area {
    padding-bottom: 300px; } }
.screenshot-slide .screenshot-single-slide img {
  border-radius: 20px;
  box-shadow: 0px 0px 20px #ddd; }

/* ====/========        ===== ==/====/
          get app css start
 ====/========        =======/==== */
.get-area {
  z-index: 5;
  position: relative;
  transform: skewY(-2deg);
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 103px;
  background: #fa8371;
  /* Old browsers */
  background: -moz-linear-gradient(left, #fb7a1f, #ff954a, #ffa15e, #ffb887);
  background: -webkit-linear-gradient(left, #fb7a1f, #ff954a, #ffa15e, #ffb887);
  background: linear-gradient(to right, #fb7a1f, #ff954a, #ffa15e, #ffb887);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa8371', endColorstr='#fdbe6a',GradientType=1 );
  /* IE6-9 */
  text-align: left; }
  @media (max-width: 767px) {
    .get-area {
      text-align: center; } }

.get-btn {
  background: url(../assets/img/get-app-btn1.png);
  height: 56px;
  width: 176px;
  display: inline-block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 20px;
  transition: .4s; }

.get-btn.get-btn1:hover {
  background: url(../assets/img/get-app-hover1-btn.png); }

.get-btn.get-btn2 {
  background: url(../assets/img/get-app-btn2-hover.png); }

.get-btn.get-btn2:hover {
  background: url(../assets/img/get-app-btn2.png); }

.get-area-left {
  transform: skewY(2deg);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .get-area-left h1 {
    margin-bottom: 25px; }
    @media (max-width: 767px) {
      .get-area-left h1 {
        font-size: 34px; } }
  .get-area-left p {
    line-height: 28px; }

.get-app-mobile-app {
  margin-top: 40px; }
  @media (max-width: 767px) {
    .get-app-mobile-app {
      text-align: center; } }
  @media (max-width: 767px) {
    .get-app-mobile-app a {
      margin-bottom: 10px; } }

.get-app-right {
  position: absolute;
  transform: skewY(2deg); }
  @media (max-width: 767px) {
    .get-app-right {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .get-app-right {
      display: none; } }

/* ====/========        ===== ==/====/
         pricing css start
 ====/========        =======/==== */
.pricng-area {
  padding: 80px 0px;
  padding-top: 96px; }
  @media (max-width: 767px) {
    .pricng-area {
      padding-bottom: 50px; } }

.single-pricing {
  padding: 50px 0px;
  box-shadow: 0px 0px 30px #ededed;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  border-radius: 8px;
  position: relative; }
  .single-pricing h5 {
    font-size: 22px;
    font-weight: 500;
    color: #1a2b3c;
    padding-bottom: 15px;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
  .single-pricing h4 {
    font-size: 32px; }
    .single-pricing h4 span {
      font-weight: 400;
      font-size: 18px;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
  @media (max-width: 767px) {
    .single-pricing {
      margin-bottom: 30px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .single-pricing {
      margin-left: 30px;
      margin-right: 30px; } }

.single-pricing:hover {
  transform: scale(1.1);
  border-radius: 8px;
  background-image: -moz-linear-gradient(-90deg, #e6779d, #e35b8a, #e8437c, #e91c63);
  background-image: -webkit-linear-gradient(-90deg, #e6779d, #e35b8a, #e8437c, #e91c63);
  background-image: -ms-linear-gradient(-90deg, #e6779d, #e35b8a, #e8437c, #e91c63);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); }
  @media (max-width: 767px) {
    .single-pricing:hover {
      transform: scale(1); } }

.single-pricing ul {
  margin-top: 35px;
  margin-bottom: 52px; }
  .single-pricing ul li {
    line-height: 31px;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-pricing ul li {
        line-height: 27px; } }

.cta-pricing {
  padding-bottom: 100px; }

a.price-btn {
  padding: 14px 42px;
  font-weight: 500;
  border-radius: 30px;
  background: linear-gradient(90deg, #e6779d, #e35b8a, #e8437c, #e91c63);
  background-size: cover;
  background-position: center; }
  a.price-btn:hover {
    border: 2px solid #fff;
    background: none; }

/* ====/========        ===== ==/====/
        video css start
 ====/========        =======/==== */
/*
.video-area {
    position: relative;
    z-index: 1;
    padding: 100px 0px;
    margin-top: 30px;
}

.video-area:after {
    background: url(assets/img/video-bg.jpg) no-repeat;
    position:  absolute;
    left:  0;
    top:  0;
    height:  100%;
    width:  100%;
    content:  "";
    z-index:  -1;
    transform: skewY(-2deg);
}

.section-title.ctas1 {
    h2{
        @extend  .color-white;
        margin-bottom: 10px;
    }
    p{
        @extend  .color-white;
        margin-bottom: 70px;
    }
}

a.video-btn img {
    @include transition(.4s);
    transform: scale(.9);
    &:hover{
        transform: scale(1.1);
    }
}

.video-area:before {
    position:  absolute;
    left:  0;
    top:  0;
    height:  100%;
    width:  100%;
    content:  "";
    transform: skewY(-2deg);
    background-image: -moz-linear-gradient( 0deg, rgb(150,210,80) 0%, rgb(97,201,65) 60%, rgb(43,191,49) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(150,210,80) 0%, rgb(97,201,65) 60%, rgb(43,191,49) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(150,210,80) 0%, rgb(97,201,65) 60%, rgb(43,191,49) 100%);
    opacity: 0.902;
}

*/
/* ====/========        ===== ==/====/
        testimonial css start
 ====/========        =======/==== */
/*
.testimonial-area .testimonial-slide-meta img {
    width: 70px;
    height: 70px;
    transform: translateY(-12px);
    display: inline-block;
}
.testimonial-area {
    padding-bottom: 70px;
    padding-top: 96px;
}
.testimonial-slide {
    margin-top: 75px;
}

.testimonial-slide-content {
    @extend .testimonial-slide-bg;
    padding: 40px 30px;
    border-radius: 8px;
    text-align:  center;
    @media only screen and (min-width: 768px) and (max-width: 991px){
        padding: 40px 10px;
        }
    p{
        @extend .testimonial-slide-para;
        margin-bottom:  0px;
    }
}

.testimonial-slide-meta {
    margin-left: 20px;
    margin-top: 30px;
}

span.meta-title {
    font-size:  18px;
    font-weight:  500;
    @extend .home1-hero-txr-para-color;
    @media only screen and (min-width: 768px) and (max-width: 991px){
        font-size:  14px;
    }
}

span.meta-content {
    @extend .screen-slide-hvr-color;
}

.meta-content {
    @media only screen and (min-width: 768px) and (max-width: 991px){
        font-size: 13px;
    }
}

span.testimonial-meta {
    margin-left:  20px;
    display:  inline-block;
    padding-top:  13px;
}

.testimonial-area .owl-dots div, .blog-slide-area .owl-dots div {
    height: 15px;
    width: 15px;
    @extend .testimonial-slide-bg;
    display:  inline-block;
    margin: 0px 10px;
    border-radius:  100px;
    transition:  .3s;
}

.testimonial-area .owl-dots, .blog-slide-area .owl-dots {
    text-align:  center;
    margin-top: 44px;
}

.testimonial-area .owl-dots div.active, .blog-slide-area .owl-dots div.active {
   @extend .testimimonial-dot-bg;
}
*/
/* ====/========        ===== ==/====/
        count css start
 ====/========        =======/==== */
.counter-area {
  position: relative;
  padding: 80px 0px; }

.counter-area:after {
  background-image: -moz-linear-gradient(0deg, #FB7A1F, #ff954a, #ffa15e, #ffb887);
  background-image: -webkit-linear-gradient(0deg, #FB7A1F, #ff954a, #ffa15e, #ffb887);
  background-image: -ms-linear-gradient(0deg, #FB7A1F, #ff954a, #ffa15e, #ffb887);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  transform: skewY(-2deg); }

a.single-counter {
  padding: 27px 0px;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
  position: relative;
  z-index: 1; }
  a.single-counter h1 {
    margin-top: 30px;
    margin-bottom: 5px; }
  a.single-counter p {
    margin-bottom: 0px; }
  a.single-counter:hover {
    box-shadow: 0px 0px 23px #ec9168; }
  @media (max-width: 767px) {
    a.single-counter {
      margin-bottom: 15px;
      margin-top: 15px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    a.single-counter {
      margin-left: 30px;
      margin-right: 30px; } }

a.single-counter:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: -1;
  opacity: .1;
  border-radius: 5px; }

/* ====/========        ===== ==/====/
       blog css start
 ====/========        =======/==== */
/*
.blog-slide-area {
    padding: 80px 0px;
    padding-top: 95px;
}
.blog-slide {
    margin-top: 70px;
}

.blog-slide-text {
    margin-top: 15px;
    p{
        margin-bottom: 17px;
        font-size:  14px;
        @extend .screen-slide-hvr-color;
        @media only screen and (min-width: 768px) and (max-width: 991px){
            margin-bottom: 0px;
            font-size:  12px;
        }
    }
}

.blog-slide-text h4 a {
    font-size:  20px;
    @extend .home1-menu-txt-color;
    font-weight:  500;
    @include transition(.4s);
    @media only screen and (min-width: 992px) and (max-width: 1200px){
        font-size:  18px;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px){
        font-size:  16px;
    }
    @media only screen and (min-width: 480px) and (max-width: 767px){
        font-size:  16px;
    }
}

.blog-single-slide:hover
 .blog-slide-text h4 a {
    @extend .home1-theme-color;
}

.blog-single-slide:hover
 span.blog-meta {
    @extend .home1-hero-txr-para-color;
}
.blog-single-slide
 span.blog-meta {
    @include transition(.4s);
}

*/
/* ====/========        ===== ==/====/
     contact css start
====/========        =======/==== */
.contact-area {
  padding-top: 100px;
  padding-bottom: 235px;
  position: relative;
  z-index: 1;
  background-color: #fff; }

.contact-area:after {
  transform: skewY(-2deg);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: -1; }

.contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
  border-radius: 4px;
  opacity: 9;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #d0d0d0;
  resize: none; }

.contact-form label.error {
  color: red;
  font-style: italic;
  font-size: 14px; }

.contact-form .privacy label.error {
  position: absolute;
  bottom: -25px; }

.contact-form textarea {
  height: 150px; }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .contact-form {
    margin-left: 30px;
    margin-right: 30px; } }

.contact-form form input[type="submit"] {
  width: 100%;
  border: none;
  font-weight: 500;
  padding: 14px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 3px;
  background: linear-gradient(90deg, #fa5d39, #f7494c, #f4276c, #f21877); }

.contact-form form input[type="submit"]:hover {
  opacity: .7; }

.contact-form-right {
  background-color: #f5f8fb;
  border: 1px solid #d0d0d0;
  padding: 55px 50px 17px 50px;
  margin-top: 10px; }
  @media (max-width: 767px) {
    .contact-form-right {
      margin-top: 70px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .contact-form-right {
      margin-left: 30px;
      margin-right: 30px; } }

.contact-form-right-single {
  margin-bottom: 30px; }
  .contact-form-right-single h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px; }
  .contact-form-right-single p {
    margin-bottom: 0px; }

.contact-form textarea:focus::placeholder, .contact-form form input:focus::placeholder {
  -webkit-transition: 0.4s;
  transition: 0.4s; }

/* ====/========        ===== ==/====/
     footer css start
====/========        =======/==== */
.footer-area {
  padding: 100px 0px;
  background: url(../assets/svg/footer-bg-3.svg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 154px;
  margin-top: -196px;
  position: relative;
  z-index: 999;
  background-size: cover;
  background-position: top;
  padding-bottom: 70px; }
  @media (max-width: 767px) {
    .footer-area {
      padding-top: 100px; } }

.footer-area:after {
  background: url(../assets/svg/footer-bg-2.svg);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: -2;
  background-size: cover;
  background-position: top; }

.footer-area:before {
  background: url(../assets/svg/footer-bg1.svg);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: -1;
  background-size: cover;
  background-position: top; }

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

.footer-menu ul li a {
  padding: 0px 17px; }
  .footer-menu ul li a:hover {
    color: #ff812b; }
  @media (max-width: 767px) {
    .footer-menu ul li a {
      padding: 3px 10px;
      display: inline-block; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .footer-menu ul li a {
      padding: 3px 6px;
      font-size: 14px; } }

.footer-social-icon {
  margin-top: 50px; }
  .footer-social-icon a {
    color: #afb3b9;
    margin: 0px 6px;
    font-size: 20px; }

.footer-logo {
  margin-top: 28px; }

.footer-title p {
  margin-bottom: 0px;
  margin-top: 5px; }
  .footer-title p a:hover {
    color: #ff812b; }

/* ====/========        ===== ==/====/
     home 2 heder and hero css start
====/========        =======/==== */
/*
.home2-hero-area{
  background-image: -moz-linear-gradient( 0deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
  padding-top: 140px;
  padding-bottom: 80px;
  position:relative;
  overflow: hidden;
}
.home2-hero-area:after, .home2-hero-area:before {
    background: url(assets/svg/home2-hero-circle-small.svg);
    position: absolute;
    right: -461px;
    top: -418px;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    opacity: .3;
}

.home2-hero-area:before {
    background: url(assets/svg/home2-hero-circle-big.svg);
    right: -619px;
    top: -576px;
    height: 135%;
    background-repeat: no-repeat;
    background-position: top right;
}
a.header-btn.cta {
    @extend .home2-theme-color;
    @extend .bg-white;
    &:hover{
        @extend .home1-hero-txr-para-color;
        opacity: 1;
    }
}

.home2-hero-text {
    h1{
        @extend .color-white;
        font-weight:  500;
        @media (max-width: 767px){
           font-size:25px;
        }
        @media only screen and (min-width: 480px) and (max-width: 767px){
            font-size:35px;
        }
    }
    padding-top: 120px;
    margin-left: -270px;
    p{
        @extend .color-white;
        opacity:  .7;
        margin-bottom: 30px;
    }
    a{
        margin: 0 10px;
        @media (max-width: 767px){
             margin: 10px;
             display: inline-block;
        }
    }
    @media only screen and (min-width: 992px) and (max-width: 1200px){
        padding-top: 70px;
        margin-left: -100px;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px){
        padding-top: 20px;
        margin-left: 0px;
    }
    @media (max-width: 767px){
        padding-top: 20px;
        margin-left: 0px;
    }
}


.mainmenu.cta ul li a {
    @extend .color-white;
    &:hover{
        @extend .home1-hero-txr-para-color;
    }
}
.home2-hero-mobile {
    @media only screen and (min-width: 768px) and (max-width: 991px){
       display: none;
    }
    @media (max-width: 767px){
       display: none;
    }
}

.home2 .home1-download-btn, body.home1 a.home1-download-btn{
    background: url(assets/img/hero-app-logo1.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 29px 93px;
    margin-right: 15px;
    @include transition(.4s);
    display: inline-block;
}
.home2 .home1-download-btn:hover{
    background: url(assets/img/home6-apps-hover-btn1.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.home2 .home1-download-btn.cta, body.home1 a.home1-download-btn.cta{
    background: url(assets/img/hero-app-logo2.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 29px 93px;
    margin-right: 15px;
    @include transition(.4s);
    display: inline-block;
}

.home2 .home1-download-btn.cta:hover{
    background: url(assets/img/home6-apps-hover-btn2.png) no-repeat;
    background-size: cover;
    background-position: center;
}
*/
/* ====/========        ===== ==/====/
     home 2 about and featured css start
====/========        =======/==== */
/*
.home2-about-area {
    padding-bottom: 77px;
    padding-top: 17px;
}

.home-2-featured-area {
  background-image: -moz-linear-gradient( 0deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
}

.home-2-featured-area .featured-single-text p{
    @extend .color-white;
    opacity:.6;
}

.home2-about-area .about-single-item:hover h4{
    @extend .home2-theme-color;
}
.home-2-featured-area {
    padding-top: 90px;
    padding-bottom: 60px;
}

.home2-screenshot-slide {
    padding-top: 70px;
}
*/
/* home 2 get area css */
/*
.get-area.cta {
    transform:  skewY(0deg);
    background:#37424f;
}
.get-area.cta .get-area-left {
    transform: skewY(0deg);
}
.get-area.cta  .get-app-right {
    transform: skewY(0deg);
}

.get-area.cta .get-btn.get-btn1{
    background: url(assets/img/home2-get-btn2.png);
}

.get-area.cta .get-btn.get-btn2{
    background: url(assets/img/home2-get-btn1.png);
}

.get-area.cta .get-btn.get-btn2:hover {
    background: url(assets/img/get-app-btn2.png);
}

.get-area.cta .get-btn.get-btn1:hover {
    background: url(assets/img/get-app-hover1-btn.png);
}
*/
/* home 2 pricing area css */
/*
.pricng-area.cta .single-pricing:hover{
    background-image: -moz-linear-gradient( -90deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
}

.pricng-area.cta .price-btn {
    background: url(assets/svg/home2-price-bgn-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.pricng-area.cta .single-pricing:hover .price-btn{
    @extend .bg-white;
    @extend .home2-theme-color;
}
.pricng-area.cta .single-pricing h4{
    @extend .home2-theme-color;
}
.pricng-area.cta .single-pricing:hover h4{
    @extend .color-white;
}

*/
/* home 2 counter area css */
/*
.counter-area.cta:after{
  background-image: -moz-linear-gradient( 0deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(33,150,243) 0%, rgb(48,116,212) 60%, rgb(63,81,181) 100%);
  transform: skewY(0deg);
}
.counter-area.cta a.single-counter:hover {
    box-shadow: 0px 0px 13px #20508a;
}
*/
/* home 2 testimonial area css */
/*
.testimonial-area.cta .testimonial-slide-content {
    border-radius: 0px;
    border-left: 5px solid #f0f3fa;
    background:none;
}


/* home 2 video area css */
.video-area.cta:before {
  background: #374250;
  transform: skewY(0deg);
  opacity: .8; }

.video-area.cta:after {
  transform: skewY(0deg); }

/*home 2 contact area css */
.contact-area.cta:after {
  background-image: -moz-linear-gradient(0deg, #2196f3 0%, #3074d4 60%, #3f51b5 100%);
  background-image: -webkit-linear-gradient(0deg, #2196f3 0%, #3074d4 60%, #3f51b5 100%);
  background-image: -ms-linear-gradient(0deg, #2196f3 0%, #3074d4 60%, #3f51b5 100%);
  transform: skewY(0deg); }

.contact-area.cta .contact-form textarea:focus::placeholder, .contact-area.cta .contact-form form input:focus::placeholder {
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.contact-area.cta .home-2-form-submit {
  text-align: center; }

.contact-area.cta .home-2-form-submit input[type="submit"], .contact-area.cta5 .home-2-form-submit input[type="submit"] {
  padding: 14px 44px;
  display: inline-block;
  width: auto; }

.contact-area.cta .home-2-form-submit input[type="submit"]:hover, .contact-area.cta5 .home-2-form-submit input[type="submit"]:hover {
  opacity: 1; }

.contact-area.cta {
  padding-bottom: 100px; }

/* home 2 footer area css */
.footer-area.cta {
  margin: 0px;
  padding-top: 100px; }

.footer-area.cta:after {
  background: none; }

.footer-area.cta:before {
  background: none; }

/* blog area css */
.blog-area {
  padding-top: 70px;
  padding-bottom: 103px; }

a.blog-imgs {
  overflow: hidden;
  display: block; }

a.blog-imgs img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 100%; }

.blog-single-slide:hover
a.blog-imgs img {
  transform: scale(1.2); }

.blog-area-left .blog-single-slide {
  margin-bottom: 60px;
  -webkit-transition: 0.6s;
  transition: 0.6s; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blog-area-left .blog-single-slide {
      width: 400px;
      margin: 0 auto;
      margin-bottom: 60px; } }

.blog-area-left .blog-single-slide:hover {
  box-shadow: 0px 4px 35px #d4d4d4;
  border-radius: 10px; }

.blog-area-left .blog-slide-text h4 a {
  font-size: 18px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-area-left .blog-slide-text h4 a {
      font-size: 14px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area-left .blog-slide-text p {
    line-height: 23px; } }

span.blog-search-bar {
  position: relative; }

span.blog-search-bar input[type="search"] {
  width: 100%;
  border: none;
  padding-left: 60px;
  padding-bottom: 12px;
  padding-top: 12px;
  font-size: 14px;
  border-radius: 4px; }

span.blog-search-bar i {
  position: absolute;
  top: 2px;
  left: 23px;
  font-size: 28px;
  cursor: pointer; }

/* blog right side */
.blog-right-s {
  margin-left: 27px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .blog-right-s {
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-right-s {
      margin-left: 0px; } }
  @media (max-width: 767px) {
    .blog-right-s {
      margin-left: 0px;
      margin-top: 60px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blog-right-s {
      width: 400px;
      margin: 0 auto;
      margin-top: 60px; } }

.blog-search {
  margin-bottom: 50px; }

h5.category-title {
  font-size: 16px;
  font-weight: 500; }

.blog-category {
  border-top: 1px solid #ceddea;
  padding-top: 20px; }

.blog-category ul {
  margin-top: 25px; }

.blog-category ul li a {
  transition: .4s;
  line-height: 34px; }

.blog-category ul li a span {
  margin-left: 8px; }

.blog-tabs {
  margin-top: 40px;
  border-top: 1px solid #ceddea;
  padding-top: 7px; }

.blog-tabs li a {
  padding-left: 0px;
  font-weight: 500;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding-right: 40px; }

.blog-tabs .tab-content {
  margin-top: 27px; }

a.blog-tabimg {
  display: block;
  float: left;
  overflow: hidden; }

.blog-tab-text h5 a {
  font-size: 16px;
  font-weight: 400; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-tab-text h5 a {
      font-size: 14px; } }

.blog-tab-text p {
  font-size: 14px; }

.blog-tab-text h5 {
  margin-bottom: 0px; }

.blog-tab-text {
  margin-left: 96px;
  padding-top: 5px; }

.blog-tab-single {
  margin-bottom: 35px; }

a.blog-tabimg img {
  -webkit-transition: 0.6s;
  transition: 0.6s; }

.blog-tab-single:hover a.blog-tabimg img {
  transform: scale(1.3); }

.blog-pagination {
  text-align: center;
  padding-top: 22px; }

.blog-pagination ul li a {
  display: block;
  font-size: 18px;
  padding: 0px 6px;
  height: 38px;
  width: 38px;
  border-radius: 100px;
  text-align: center;
  line-height: 38px;
  margin: 0px 3px; }
  @media (max-width: 767px) {
    .blog-pagination ul li a {
      font-size: 16px;
      padding: 0px 6px;
      height: 30px;
      width: 30px;
      line-height: 30px;
      margin: 0px 1px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blog-pagination ul li a {
      font-size: 16px;
      padding: 0px 6px;
      height: 30px;
      width: 30px;
      line-height: 30px;
      margin: 0px 3px; } }

.blog-pagination ul li {
  display: inline-block; }

.blog-pagination ul li a
i {
  font-size: 20px; }

.blog-pagination ul li:first-child a,
.blog-pagination ul li:last-child a {
  border: 2px solid;
  margin-right: 15px;
  line-height: 37px;
  padding-right: 8px; }
  @media (max-width: 767px) {
    .blog-pagination ul li:first-child a,
    .blog-pagination ul li:last-child a {
      margin-right: 0px;
      line-height: 32px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blog-pagination ul li:first-child a,
    .blog-pagination ul li:last-child a {
      margin-right: 10px;
      line-height: 32px; } }

.blog-pagination ul li:first-child a:hover,
.blog-pagination ul li:last-child a:hover {
  border: 2px solid transparent; }

.blog-pagination ul li:last-child a {
  margin-left: 15px; }
  @media (max-width: 767px) {
    .blog-pagination ul li:last-child a {
      margin-left: 0px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blog-pagination ul li:last-child a {
      margin-left: 10px;
      line-height: 32px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .blog-slide-text {
    padding-left: 7px;
    padding-right: 7px; } }

/* get custom padding */
.blog-page .get-area {
  padding-bottom: 255px; }

/* ====/========        ===== ==/====/
  single blog css start
====/========        =======/==== */
.blog-area.cta {
  padding-bottom: 276px; }

.blog-area.cta .blog-category ul li a span {
  margin: 0px;
  float: right; }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .single-blog-left {
    width: 400px;
    margin: 0 auto; } }

.single-blog-top p {
  margin-top: 25px;
  font-size: 14px; }

span.blog-meta1 {
  margin-right: 30px; }

span.blog-meta2 {
  float: right; }
  @media (max-width: 767px) {
    span.blog-meta2 {
      float: inherit;
      display: block;
      margin-top: 10px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    span.blog-meta2 {
      float: right;
      margin-top: 0px;
      display: inline-block; } }

@media (max-width: 767px) {
  span.blog-meta2 .zmdi.zmdi-favorite-outline {
    margin-left: 15px; } }

@media (max-width: 767px) {
  .blog-meta {
    float: right; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog-meta {
    float: inherit; } }

span.blog-meta2 i {
  margin-left: 16px;
  margin-right: 12px;
  font-size: 22px;
  transform: translateY(3px);
  cursor: pointer; }
  @media (max-width: 767px) {
    span.blog-meta2 i {
      margin-left: 0px;
      margin-right: 8px; } }

.single-blog-content h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .single-blog-content h3 {
      font-size: 18px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .single-blog-content h3 {
      font-size: 24px; } }

.single-blog-content p {
  margin-bottom: 25px; }

p.single-blog-border {
  padding-left: 25px;
  border-left: 5px solid #79c131; }

.single-blog-social-icon
a {
  padding-right: 18px; }

.single-blog-social-icon
span {
  float: right; }

.single-blog-social-icon
span i {
  margin-right: 5px; }

.single-blog-social-icon {
  padding: 20px 0px;
  border-bottom: 1px solid #ceddea;
  border-top: 1px solid #ceddea;
  margin-top: 45px; }

.single-blog-social-icon
span a {
  padding-right: 0px; }

.single-blog-comments {
  margin-top: 55px; }

.single-blog-comments h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 35px; }

.single-commnets img {
  float: left; }

.single-coments-text h5 {
  font-size: 16px;
  margin-bottom: 0px; }

.single-coments-text span {
  font-size: 12px; }

.single-coments-text p {
  font-size: 14px;
  line-height: 22px;
  margin-top: 14px; }

.single-coments-text {
  margin-left: 74px;
  padding-top: 12px; }

.single-commnets {
  margin-bottom: 25px; }

.single-coments-text span a {
  float: right;
  font-size: 14px; }

.single-commnets.cta {
  margin-left: 65px;
  margin-bottom: 45px; }
  @media (max-width: 767px) {
    .single-commnets.cta {
      margin-left: 0px; } }

.single-blog-contact-form {
  margin-top: 40px; }

.single-blog-contact-form h4 {
  font-size: 18px; }

.single-blog-contact-form h4 {
  margin-bottom: 26px; }

.single-blog-contact-form form input[type="text"],
.single-blog-contact-form form input[type="email"],
.single-blog-contact-form form textarea {
  width: 100%;
  border: 1px solid #c6d6e5;
  padding: 7px 10px;
  font-size: 14px;
  border-radius: 5px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-blog-contact-form form input[type="text"],
    .single-blog-contact-form form input[type="email"],
    .single-blog-contact-form form textarea {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .single-blog-contact-form form input[type="text"],
    .single-blog-contact-form form input[type="email"],
    .single-blog-contact-form form textarea {
      margin-bottom: 30px; } }

.single-blog-contact-form form textarea {
  height: 120px;
  margin-top: 30px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-blog-contact-form form textarea {
      margin-top: 0px; } }
  @media (max-width: 767px) {
    .single-blog-contact-form form textarea {
      margin-top: 0px; } }

.single-blog-contact-form form input[type="submit"] {
  margin-top: 20px;
  border: none;
  font-size: 14px;
  padding: 7px 30px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s; }
  @media (max-width: 767px) {
    .single-blog-contact-form form input[type="submit"] {
      margin-top: 0px; } }

/* sticky menu css start */
div#sticky-wrapper {
  position: absolute;
  width: 100%;
  z-index: 9999; }

div#sticky-wrapper.is-sticky .header-area {
  padding-bottom: 8px;
  padding-top: 8px; }

.header-area {
  -webkit-transition: 0.4s;
  transition: 0.4s; }

div#sticky-wrapper.is-sticky .header-area:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: -1;
  opacity: 1; }

/* home2 sticky */
.home2 div#sticky-wrapper.is-sticky .header-area a.header-btn:hover,
.home3 div#sticky-wrapper.is-sticky .header-area a.header-btn:hover,
.home4 div#sticky-wrapper.is-sticky .header-area a.header-btn:hover {
  opacity: .8; }

/* home3 stcicky css*/
.home3 div#sticky-wrapper.is-sticky .header-area a.header-btn,
.home4 div#sticky-wrapper.is-sticky .header-area a.header-btn {
  border: 2px solid #884cb3;
  border-radius: 4px; }

/* home7 sticky css */
body.home7 div#sticky-wrapper.is-sticky .mainmenu a.header-btn {
  background: #2bd6f8;
  border: 0px solid transparent; }

body.home7 div#sticky-wrapper.is-sticky .mainmenu a.header-btn:hover,
.blog-page div#sticky-wrapper.is-sticky .mainmenu a.header-btn:hover {
  opacity: .7; }

/*  blog sticky css */
/* ====/========        ===== ==/====/
   preview Area
====/========        =======/==== */
.preview-hero {
  background: url(../assets/img/preview-hero-img1.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: 140px;
  padding-bottom: 460px;
  z-index: 1; }
  @media (max-width: 767px) {
    .preview-hero {
      padding-bottom: 200px; } }

.preview-hero:after {
  background-image: -moz-linear-gradient(0deg, #96d250 0%, #61c941 60%, #2bbf31 100%);
  background-image: -webkit-linear-gradient(0deg, #96d250 0%, #61c941 60%, #2bbf31 100%);
  background-image: -ms-linear-gradient(0deg, #96d250 0%, #61c941 60%, #2bbf31 100%);
  opacity: 0.902;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  content: "";
  z-index: -1; }

.preview-hero:before {
  background: url(../assets/img/preview-hero-img2.png) no-repeat;
  position: absolute;
  left: 0px;
  bottom: -25px;
  height: 49%;
  width: 100%;
  content: "";
  z-index: 1;
  background-position: bottom;
  background-size: contain; }
  @media (max-width: 767px) {
    .preview-hero:before {
      height: 26%; } }

.preview-hero h1 {
  font-weight: 500;
  font-size: 48px; }

.preview-hero h2 {
  font-size: 30px;
  margin-bottom: 60px; }

.preview-hero a {
  font-size: 18px;
  border: 2px solid;
  padding: 15px 30px;
  border-radius: 40px;
  font-weight: 500;
  margin: 0px 15px;
  min-width: 240px;
  display: inline-block; }
  @media (max-width: 767px) {
    .preview-hero a {
      margin-bottom: 30px; } }

.preview-hero a:hover {
  border: 2px solid transparent; }

.preview-area {
  padding-top: 150px; }

.preview-area h1 {
  margin-bottom: 90px;
  font-size: 40px;
  font-weight: 500; }

.preview-img {
  position: relative;
  box-shadow: 0px 0px 25px #f0f0f0; }

.preview-img:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  visiblity: hidden; }

a.preview-btn {
  position: absolute;
  top: 60%;
  left: 50%;
  font-size: 18px;
  padding: 14px 40px;
  border-radius: 40px;
  transform: translateX(-50%) translateY(-50%);
  visibility: hidden;
  opacity: 0;
  z-index: 3; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    a.preview-btn {
      padding: 14px 20px; } }
  @media (max-width: 767px) {
    a.preview-btn {
      padding: 14px 20px; } }

.single-preview h4 {
  font-size: 22px;
  margin-top: 28px;
  margin-bottom: 0px; }

.others-pages {
  margin-top: 80px; }

.single-preview {
  margin-bottom: 60px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .single-preview {
      width: 400px;
      margin: 0 auto;
      margin-bottom: 60px; } }

.single-preview:hover .preview-img:after {
  visibility: visible;
  opacity: .6; }

.single-preview:hover a.preview-btn {
  visibility: visible;
  opacity: 1;
  top: 50%; }

.preview-footer-area {
  padding-top: 63px;
  padding-bottom: 53px;
  margin-top: 60px; }

.preview-footer-area h2 {
  margin-bottom: 25px; }

/* ====/========        ===== ==/====/
  The Loader
====/========        =======/==== */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  overflow: hidden; }

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #79c131;
  -webkit-animation: spin 1.7s linear infinite;
  animation: spin 1.7s linear infinite;
  z-index: 11; }

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #18c0fc;
  -webkit-animation: spin-reverse 0.6s linear infinite;
  animation: spin-reverse 0.6s linear infinite; }

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #9052b5;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg); } }
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222;
  z-index: 10; }

#loader-wrapper .loader-section.section-left {
  left: 0; }

#loader-wrapper .loader-section.section-right {
  right: 0; }

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out; }

/* ====/========        ===== ==/====/
   Key frame Css
====/========        =======/==== */
.home1-hero-mobile,
.home2-hero-mobile,
body.home7 .home4-hero-mobile,
.main-hero-area.cta7:before,
body.home6 .home5-hero-mobile,
body.home5 .home5-hero-mobile,
body.home4 .home4-hero-mobile,
.featured-mobile {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }

/* Bob */
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
@keyframes float-bob {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
/* Bob end */
.main-hero-area.cta7:before {
  animation-name: float-bobs;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bobs;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bobs;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bobs;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bobs;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }

/* Bob */
@-webkit-keyframes float-bobs {
  0% {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px); }
  50% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px); }
  100% {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px); } }
@keyframes float-bobs {
  0% {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px); }
  50% {
    -webkit-transform: translateX(-75px);
    transform: translateX(-75px); }
  100% {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px); } }
/* Bob end */
/*zoom fade*/
.main-hero-area.cta7:after {
  animation-name: zoom-fade;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: zoom-fade;
  -webkit-animation-duration: 34s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: zoom-fade;
  -moz-animation-duration: 4s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: zoom-fade;
  -ms-animation-duration: 4s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: zoom-fade;
  -o-animation-duration: 4s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }

@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
/* ====/========        ===== ==/====/
   End Css
====/========        =======/==== */

/*# sourceMappingURL=style.css.map */