.single-blog-header .single-blog-banner/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
/* ==========================================
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
=============================================*/
/*--------------------------------------------------------------
# Table of content
--------------------------------------------------------------*/
/* ==================================
  1. universal css
  2. bootstarp css settings
  3. nav bar css fix
  4. Typography css
     4.1 font color
     4.2 font family
     4.3 font weight
     4.4 font height
     4.5 font size
     4.6 text-transform
     4.7 margin
        4.7.1 clear margin
        4.7.2 margin top
        4.7.3 margin bottom
        4.7.4 margin right
        4.7.5 margin left
        4.7.6 margin bottom
        4.7.7 for small device margin top
        4.7.8 for small device margin bottom
        4.7.9 for small device landscape
        4.7.10 margin top for small device landscape
      4.8 padding
        4.8.1 padding left
        4.8.2 right padding
        4.8.1 padding for small screen
      4.9 display property css
  5. preloder css
  6. header css
  7. nav css 
  8. breadcrumb css
  9. footer css
  10. index blog css
  11. single blog css
  12. comment template css
  13. error 404 page css
  14. coming soon page css
  15. blog css
/* ==================================
/*============= universal css ================ */
body {
  font: 100% "Open Sans", sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  line-height: 31px;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  position: relative; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  color: #000000;
  font-weight: 600;
  line-height: 1.2; }

a, a:hover, a:visited, a:focus {
  text-decoration: none;
  transition: all .4s ease;
  font-family: "Open Sans", sans-serif; 
  outline: none;
}
.section-title {
  font-size: 31px;
  margin-top: 0;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 0; }

.section-sub-title {
  font-size: 21px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 5px; }

.divider-style-1 {
  border-top: 1px solid rgba(66, 92, 187, 0.47); }
.admin-bar .navbar-fixed-top {
    top: 30px;
}
@media screen and (max-width: 782px) {
  .admin-bar .navbar-fixed-top {
    top: 46px;
  }
}
@media screen and (min-width: 783px) {
  .admin-bar .navbar-fixed-top {
    top: 32px;
  }
}
@media screen and (max-width: 600px){
  .mobile {
      position: fixed !important;
  }
}
.appoinment-btn {
  background-color: #33a82f;
  color: #ffffff;
  font-size: 14px;
  padding: 15px 30px;
  display: inline-block;
  margin: 0 auto;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none; }
  .appoinment-btn:hover {
    background: #ffffff;
    color: #33a82f; }
  @media only screen and (max-width: 767px) {
    .appoinment-btn {
      float: none;
      width: 160px;
      display: block;
      margin: 10px auto 20px; } }

.cloud-btn {
  text-transform: uppercase;
  border: 1px solid #8a84d7;
  border-radius: 25px;
  background: #33a82f;
  color: #ffffff;
  font-size: 14px;
  padding: 14px 39px;
  display: inline-block;
  margin: 20px auto;
  font-weight: 700;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  transition: all .7s ease;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .cloud-btn:hover, .cloud-btn:active, .cloud-btn:focus {
    color: #33a82f;
    border: 1px solid #33a82f;
    background: #ffffff; }
.appcloud-content-area.padding-100{
  padding: 100px 0;
}

.transform-btn {
  text-transform: uppercase;
  border: 1px solid #8a84d7;
  border-radius: 25px;
  background: #33a82f;
  color: #ffffff;
  font-size: 14px;
  padding: 14px 39px;
  display: inline-block;
  margin: 20px auto;
  font-weight: 700;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  transition: color .4s ease;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .transform-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    border-radius: 25px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .transform-btn:hover {
    color: #33a82f;
    border: 1px solid #33a82f; }
    .transform-btn:hover:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out; }

.download-btn {
  min-width: 290px;
  height: 50px;
  text-transform: uppercase;
  border: 1px solid #8a84d7;
  border-radius: 25px;
  background: #33a82f;
  color: #ffffff;
  font-size: 14px;
  line-height: 48px;
  padding: 0 20px;
  display: inline-block;
  margin: 20px auto;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  transition: color .4s ease;
  position: relative;
  overflow: hidden;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .download-btn:hover {
    color: #ffffff; }
  .download-btn a {
    padding: 0 10px;
    font-size: 23px;
    line-height: 48px;
    color: #ffffff; }
    .download-btn a:hover {
      color: #8a84d7; }
  .download-btn .download-text, .download-btn .download {
    display: inline-block;
    transition: all .7s ease; }
  .download-btn .btn-text-hide {
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: -45px;
    z-index: -10;
    opacity: 0; }
  @media only screen and (max-width: 767px) {
    .download-btn .download-text {
      display: none; } }

.div-height-fix-flex {
  -webkit-align-items: center;
  align-items: center;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around; }
  @media only screen and (max-width: 991px) {
    .div-height-fix-flex {
      display: block; } }

blockquote {
    margin: 24px auto;
    background: #f8faff;
    padding: 30px;
    font-size: 16px;
    border-left: 5px solid #7e7e7e;
}
blockquote p {
    font-style: italic;
    color: #000011;
    line-height: 30px
}

.bounce-btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  margin: .4em 0;
  padding: 1em;
  cursor: pointer;
  background: #e1e1e1;
  text-decoration: none;
  line-height: 140%;
  color: #666;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .bounce-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .bounce-btn:hover {
    color: white; }
    .bounce-btn:hover:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.pagination {
  margin: 0; }

.pagination > li > a, .pagination > li > span {
  color: #33a82f; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #33a82f;
  border-color: #33a82f; }

/*======================= bootstarp css settings  =========================*/
@media (min-width: 1200px) {
  .container {
    width: 1200px; } }

/*======================= nav bar css fix  =========================*/
.navbar-fixed-bottom, .navbar-fixed-top {
  padding: 0 30px; }

/*=========== Typography css ==============*/
/*----------------- font color ---------------------*/
._white {
  color: #ffffff; }

._black {
  color: #000000; }
.__peru{
  color: #969ba9;
}
._primary {
  color: #33a82f; }

._secondary {
  color: #8a84d7; }

/*-----------------font family---------------------*/
.roboto {
  font-family: 'Roboto', sans-serif; }

.open-sans {
  font-family: 'Open Sans', sans-serif; }

.lato {
  font-family: 'Lato', sans-serif; }

.lora {
  font-family: 'Lora', sans-serif; }

.montserrat {
  font-family: 'Montserrat', sans-serif; }

.raleway {
  font-family: 'Raleway', sans-serif; }

.libre {
  font-family: 'Libre Baskerville', serif; }

.poppins {
  font-family: 'Poppins', sans-serif; }

/*-----------------font weight---------------------*/
.thin {
  font-weight: 100; }

.light {
  font-weight: 300; }

.regular {
  font-weight: 400; }

.medium {
  font-weight: 500; }

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

.bold {
  font-weight: 700; }

.extra-bold {
  font-weight: 800; }

.Black {
  font-weight: 900; }

._100 {
  font-weight: 100; }

._300 {
  font-weight: 300; }

._400 {
  font-weight: 400; }

._500 {
  font-weight: 500; }

._600 {
  font-weight: 600; }

._700 {
  font-weight: 700; }

._800 {
  font-weight: 800; }

._900 {
  font-weight: 900; }

/*-----------------line height---------------------*/
._line-1 {
  line-height: 1.1; }

._line-2 {
  line-height: 1.2; }

._line-3 {
  line-height: 1.3; }

._line-4 {
  line-height: 1.4; }

._line-5 {
  line-height: 1.5; }

._line-6 {
  line-height: 1.6; }

._line-7 {
  line-height: 1.7; }

/*------------- font size ---------------*/
._12px {
  font-size: 12px; }

._13px {
  font-size: 13px; }

._14px {
  font-size: 14px; }

._15px {
  font-size: 15px; }

._16px {
  font-size: 16px; }

._17px {
  font-size: 17px; }

._18px {
  font-size: 18px; }

._19px {
  font-size: 19px; }

._20px {
  font-size: 20px; }

._21px {
  font-size: 21px; }

._22px {
  font-size: 22px; }

._23px {
  font-size: 23px; }

._24px {
  font-size: 24px; }

._25px {
  font-size: 25px; }

._26px {
  font-size: 26px; }

._27px {
  font-size: 27px; }

._28px {
  font-size: 28px; }

._29px {
  font-size: 29px; }

._30px {
  font-size: 30px; }

._31px {
  font-size: 31px; }

._32px {
  font-size: 32px; }

._33px {
  font-size: 33px; }

._34px {
  font-size: 34px; }

._35px {
  font-size: 35px; }

._36px {
  font-size: 36px; }

._37px {
  font-size: 37px; }

._38px {
  font-size: 38px; }

._39px {
  font-size: 39px; }

._40px {
  font-size: 40px; }

._41px {
  font-size: 41px; }

._42px {
  font-size: 42px; }

._43px {
  font-size: 43px; }

._44px {
  font-size: 44px; }

._45px {
  font-size: 45px; }

._46px {
  font-size: 46px; }

._47px {
  font-size: 47px; }

._48px {
  font-size: 48px; }

._49px {
  font-size: 49px; }

._50px {
  font-size: 50px; }

._51px {
  font-size: 51px; }

._52px {
  font-size: 52px; }

._53px {
  font-size: 53px; }

._54px {
  font-size: 54px; }

._55px {
  font-size: 55px; }

._56px {
  font-size: 56px; }

._57px {
  font-size: 57px; }

._58px {
  font-size: 58px; }

._59px {
  font-size: 59px; }

._60px {
  font-size: 60px; }

._61px {
  font-size: 61px; }

._62px {
  font-size: 62px; }

._63px {
  font-size: 63px; }

._64px {
  font-size: 64px; }

._65px {
  font-size: 65px; }

._66px {
  font-size: 66px; }

._67px {
  font-size: 67px; }

._68px {
  font-size: 68px; }

._69px {
  font-size: 69px; }

._70px {
  font-size: 70px; }

._71px {
  font-size: 71px; }

._72px {
  font-size: 72px; }

._73px {
  font-size: 73px; }

._74px {
  font-size: 74px; }

._75px {
  font-size: 75px; }

._76px {
  font-size: 76px; }

._77px {
  font-size: 77px; }

._78px {
  font-size: 78px; }

._79px {
  font-size: 79px; }

._80px {
  font-size: 80px; }

@media only screen and (max-width: 767px) {
  ._19px, ._20px, ._21px, ._22px, ._23px {
    font-size: 18px; }

  ._24px, ._25px, ._26px, ._27px, ._28px, ._29px, ._30px {
    font-size: 20px; }

  ._31px, ._32px, ._33px, ._34px, ._35px, ._36px, ._37px, ._38px, ._39px, ._40px {
    font-size: 22px; }

  ._41px, ._42px, ._43px, ._44px, ._45px, ._46px, ._47px, ._48px, ._49px, ._50px {
    font-size: 28px; }

  ._51px, ._52px, ._53px, ._54px, ._55px, ._56px, ._57px, ._58px, ._59px, ._60px {
    font-size: 28px; }

  ._61px, ._62px, ._63px, ._64px, ._65px, ._66px, ._67px, ._68px, ._69px, ._70px, ._71px, ._72px, ._73px, ._74px, ._75px, ._76px, ._77px, ._78px, ._79px, ._80px, ._81px, ._82px, ._83px, ._84px, ._85px, ._86px, ._87px, ._88px, ._89px, ._90px, ._91px, ._92px, ._93px, ._94px, ._95px, ._96px, ._97px, ._98px, ._99px, ._100px, ._101px, ._102px, ._103px, ._104px, ._105px, ._106px, ._107px, ._108px, ._109px, ._110px, ._111px, ._112px, ._113px, ._114px, ._115px, ._116px, ._117px, ._118px, ._119px, ._120px {
    font-size: 35px; } }
@media only screen and (orientation: landscape) and (max-width: 767px) {
  ._21px, ._22px, ._23px {
    font-size: 20px; }

  ._24px, ._25px, ._26px, ._27px, ._28px, ._29px, ._30px {
    font-size: 24px; }

  ._31px, ._32px, ._33px, ._34px, ._35px, ._36px, ._37px, ._38px, ._39px, ._40px {
    font-size: 28px; }

  ._41px, ._42px, ._43px, ._44px, ._45px, ._46px, ._47px, ._48px, ._49px, ._50px {
    font-size: 32px; }

  ._51px, ._52px, ._53px, ._54px, ._55px, ._56px, ._57px, ._58px, ._59px, ._60px {
    font-size: 36px; }

  ._61px, ._62px, ._63px, ._64px, ._65px, ._66px, ._67px, ._68px, ._69px, ._70px, ._71px, ._72px, ._73px, ._74px, ._75px, ._76px, ._77px, ._78px, ._79px, ._80px, ._81px, ._82px, ._83px, ._84px, ._85px, ._86px, ._87px, ._88px, ._89px, ._90px, ._91px, ._92px, ._93px, ._94px, ._95px, ._96px, ._97px, ._98px, ._99px, ._100px, ._101px, ._102px, ._103px, ._104px, ._105px, ._106px, ._107px, ._108px, ._109px, ._110px, ._111px, ._112px, ._113px, ._114px, ._115px, ._116px, ._117px, ._118px, ._119px, ._120px {
    font-size: 40px; } }
/*================== text-transform =====================*/
.uppercase {
  text-transform: uppercase; }

/*-----------------
Start: margin
-----------------*/
/*clear margin*/
.clear-margin {
  margin: 0; }

.clear-margin-top {
  margin-top: 0; }

.clear-margin-bottom {
  margin-bottom: 0; }

.clear-margin-left {
  margin-left: 0; }

.clear-margin-right {
  margin-right: 0; }

/*MARGIN TOP*/
.m-t-5 {
  margin-top: 5px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-15 {
  margin-top: 15px; }

.m-t-20 {
  margin-top: 20px; }

.m-t-25 {
  margin-top: 25px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-35 {
  margin-top: 35px; }

.m-t-40 {
  margin-top: 40px; }

.m-t-45 {
  margin-top: 45px; }

.m-t-50 {
  margin-top: 50px; }

.m-t-55 {
  margin-top: 55px; }

.m-t-60 {
  margin-top: 60px; }

.m-t-65 {
  margin-top: 65px; }

.m-t-70 {
  margin-top: 70px; }

.m-t-75 {
  margin-top: 75px; }

.m-t-80 {
  margin-top: 80px; }

/*MARGIN BOTTOM*/
.m-b-5 {
  margin-bottom: 5px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-b-25 {
  margin-bottom: 25px; }

.m-b-30 {
  margin-bottom: 30px; }

.m-b-35 {
  margin-bottom: 35px; }

.m-b-40 {
  margin-bottom: 40px; }

.m-b-45 {
  margin-bottom: 45px; }

.m-b-50 {
  margin-bottom: 50px; }

.m-b-55 {
  margin-bottom: 55px; }

.m-b-60 {
  margin-bottom: 60px; }

.m-b-65 {
  margin-bottom: 65px; }

.m-b-70 {
  margin-bottom: 70px; }

.m-b-75 {
  margin-bottom: 75px; }

.m-b-80 {
  margin-bottom: 80px; }

/*MARGIN RIGHT*/
.m-r-0 {
  margin-right: 0; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*MARGIN LEFT*/
.m-l-0 {
  margin-left: 0; }

.m-l-5 {
  margin-left: 5px; }

.m-l-10 {
  margin-left: 10px; }

.m-l-15 {
  margin-left: 15px; }

.m-l-20 {
  margin-left: 20px; }

.m-l-25 {
  margin-left: 25px; }

.m-l-30 {
  margin-left: 30px; }

.m-l-35 {
  margin-left: 35px; }

.m-l-40 {
  margin-left: 40px; }

.m-l-45 {
  margin-left: 45px; }

.m-l-50 {
  margin-left: 50px; }
.m-l-90 {
   margin-left: 90px;
}

@media only screen and (max-width: 767px) {
  .s-m-l-0 {
    margin-left: 0; }

  .s-m-r-0 {
    margin-right: 0; }

  /*margin bottom for small device*/
  .s-m-b-5 {
    margin-bottom: 5px; }

  .s-m-b-10 {
    margin-bottom: 10px; }

  .s-m-b-15 {
    margin-bottom: 15px; }

  .s-m-b-20 {
    margin-bottom: 20px; }

  .s-m-b-25 {
    margin-bottom: 25px; }

  .s-m-b-30 {
    margin-bottom: 30px; }

  .s-m-b-35 {
    margin-bottom: 35px; }

  .s-m-b-40 {
    margin-bottom: 40px; }

  .s-m-b-45 {
    margin-bottom: 45px; }

  .s-m-b-50 {
    margin-bottom: 50px; }

  .s-m-b-55 {
    margin-bottom: 55px; }

  .s-m-b-60 {
    margin-bottom: 60px; }

  /*margin top for small device*/
  .s-m-t-5 {
    margin-top: 5px; }

  .s-m-t-10 {
    margin-top: 10px; }

  .s-m-t-15 {
    margin-top: 15px; }

  .s-m-t-20 {
    margin-top: 20px; }

  .s-m-t-25 {
    margin-top: 25px; }

  .s-m-t-30 {
    margin-top: 30px; }

  .s-m-t-35 {
    margin-top: 35px; }

  .s-m-t-40 {
    margin-top: 40px; }

  .s-m-t-45 {
    margin-top: 45px; }

  .s-m-t-50 {
    margin-top: 50px; }

  .s-m-t-55 {
    margin-top: 55px; }

  .s-m-t-60 {
    margin-top: 60px; }

  .s-m-t-65 {
    margin-top: 65px; }

  .s-m-t-70 {
    margin-top: 70px; }

  .s-m-t-75 {
    margin-top: 75px; }

  .s-m-t-80 {
    margin-top: 80px; } }
@media only screen and (orientation: landscape) and (max-width: 767px) {
  .s-m-l-0 {
    margin-left: 0; }

  .s-m-r-0 {
    margin-right: 0; }

  /*margin bottom for small device landscape*/
  .s-m-b-5 {
    margin-bottom: 5px; }

  .s-m-b-10 {
    margin-bottom: 10px; }

  .s-m-b-15 {
    margin-bottom: 15px; }

  .s-m-b-20 {
    margin-bottom: 20px; }

  .s-m-b-25 {
    margin-bottom: 25px; }

  .s-m-b-30 {
    margin-bottom: 30px; }

  .s-m-b-35 {
    margin-bottom: 35px; }

  .s-m-b-40 {
    margin-bottom: 40px; }

  .s-m-b-45 {
    margin-bottom: 45px; }

  .s-m-b-50 {
    margin-bottom: 50px; }

  .s-m-b-55 {
    margin-bottom: 55px; }

  .s-m-b-60 {
    margin-bottom: 60px; }

  /*margin top for small device landscape*/
  .s-m-t-5 {
    margin-top: 5px; }

  .s-m-t-10 {
    margin-top: 10px; }

  .s-m-t-15 {
    margin-top: 15px; }

  .s-m-t-20 {
    margin-top: 20px; }

  .s-m-t-25 {
    margin-top: 25px; }

  .s-m-t-30 {
    margin-top: 30px; }

  .s-m-t-35 {
    margin-top: 35px; }

  .s-m-t-40 {
    margin-top: 40px; }

  .s-m-t-45 {
    margin-top: 45px; }

  .s-m-t-50 {
    margin-top: 50px; }

  .s-m-t-55 {
    margin-top: 55px; }

  .s-m-t-60 {
    margin-top: 60px; }

  .s-m-t-65 {
    margin-top: 65px; }

  .s-m-t-70 {
    margin-top: 70px; }

  .s-m-t-75 {
    margin-top: 75px; }

  .s-m-t-80 {
    margin-top: 80px; } }
/*-----------------------
padding
-----------------------*/
.less-padding {
  padding: 0 1px; }
  @media only screen and (max-width: 767px) {
    .less-padding {
      padding: 0 15px; } }
  @media only screen and (orientation: landscape) and (max-width: 767px) {
    .less-padding {
      padding: 0 15px; } }

.clear-padding {
  padding: 0; }

.clear-padding-top {
  padding-top: 0; }

.clear-padding-bottom {
  padding-bottom: 0; }

.clear-padding-left {
  padding-left: 0; }

.clear-padding-right {
  padding-right: 0; }

/*-------------padding left---------------*/
.p-l-5 {
  padding: 0 0 0 5px; }

.p-l-10 {
  padding: 0 0 0 10px; }

.p-l-15 {
  padding: 0 0 0 15px; }

.p-l-20 {
  padding: 0 0 0 20px; }

.p-l-25 {
  padding: 0 0 0 25px; }

.p-l-30 {
  padding: 0 0 0 30px; }

.p-l-35 {
  padding: 0 0 0 35px; }

.p-l-40 {
  padding: 0 0 0 40px; }

.p-l-45 {
  padding: 0 0 0 55px; }

.p-l-50 {
  padding: 0 0 0 50px; }

.p-l-55 {
  padding: 0 0 0 55px; }

.p-l-60 {
  padding: 0 0 0 60px; }

.p-l-65 {
  padding: 0 0 0 65px; }

/*right padding*/
.p-r-5 {
  padding: 0 5px 0 0; }

.p-r-10 {
  padding: 0 10px 0 0; }

.p-r-15 {
  padding: 0 15px 0 0; }

.p-r-20 {
  padding: 0 20px 0 0; }

.p-r-25 {
  padding: 0 25px 0 0; }

.p-r-30 {
  padding: 0 30px 0 0; }

.p-r-35 {
  padding: 0 35px 0 0; }

.p-r-40 {
  padding: 0 40px 0 0; }

.p-r-45 {
  padding: 0 45px 0 0; }

.p-r-50 {
  padding: 0 50px 0 0; }

.p-r-55 {
  padding: 0 55px 0 0; }

.p-r-60 {
  padding: 0 60px 0 0; }

.p-r-65 {
  padding: 0 65px 0 0; }

.p-b-5 {
  padding-bottom: 5px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-b-15 {
  padding-bottom: 15px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-b-25 {
  padding-bottom: 25px; }

.p-b-30 {
  padding-bottom: 30px; }

.p-b-35 {
  padding-bottom: 35px; }

.p-b-40 {
  padding-bottom: 40px; }

.p-b-45 {
  padding-bottom: 55px; }

.p-b-50 {
  padding-bottom: 50px; }

.p-b-55 {
  padding-bottom: 55px; }

.p-b-60 {
  padding-bottom: 60px; }

.p-b-65 {
  padding-bottom: 65px; }

.p-t-5 {
  padding-top: 5px; }

.p-t-10 {
  padding-top: 10px; }

.p-t-15 {
  padding-top: 15px; }

.p-t-20 {
  padding-top: 20px; }

.p-t-25 {
  padding-top: 25px; }

.p-t-30 {
  padding-top: 30px; }

.p-t-35 {
  padding-top: 35px; }

.p-t-40 {
  padding-top: 40px; }

.p-t-45 {
  padding-top: 55px; }

.p-t-50 {
  padding-top: 50px; }

.p-t-55 {
  padding-top: 55px; }

.p-t-60 {
  padding-top: 60px; }

.p-t-65 {
  padding-top: 65px; }
.p-t-100 {
    padding-top: 100px;
}
.p-t-110 {
  padding-top: 110px;
}

/*Padding for small screen*/
@media only screen and (max-width: 767px) {
  .s-p-l-5 {
    padding: 0 0 0 5px; }

  .s-p-l-10 {
    padding: 0 0 0 10px; }

  .s-p-l-15 {
    padding: 0 0 0 15px; }

  .s-p-l-20 {
    padding: 0 0 0 20px; }

  .s-p-l-25 {
    padding: 0 0 0 25px; }

  .s-p-l-30 {
    padding: 0 0 0 30px; }

  .s-p-l-35 {
    padding: 0 0 0 35px; }

  .s-p-l-40 {
    padding: 0 0 0 40px; }

  .s-p-l-45 {
    padding: 0 0 0 55px; }

  .s-p-l-50 {
    padding: 0 0 0 50px; }

  .s-p-l-55 {
    padding: 0 0 0 55px; }

  .s-p-l-60 {
    padding: 0 0 0 60px; }

  .s-p-l-65 {
    padding: 0 0 0 65px; }

  .s-p-r-5 {
    padding: 0 5px 0 0; }

  .s-p-r-10 {
    padding: 0 10px 0 0; }

  .s-p-r-15 {
    padding: 0 15px 0 0; }

  .s-p-r-20 {
    padding: 0 20px 0 0; }

  .s-p-r-25 {
    padding: 0 25px 0 0; }

  .s-p-r-30 {
    padding: 0 30px 0 0; }

  .s-p-r-35 {
    padding: 0 35px 0 0; }

  .s-p-r-40 {
    padding: 0 40px 0 0; }

  .s-p-r-45 {
    padding: 0 45px 0 0; }

  .s-p-r-50 {
    padding: 0 50px 0 0; }

  .s-p-r-55 {
    padding: 0 55px 0 0; }

  .s-p-r-60 {
    padding: 0 60px 0 0; }

  .s-p-r-65 {
    padding: 0 65px 0 0; }

  .s-p-b-5 {
    padding-bottom: 5px; }

  .s-p-b-10 {
    padding-bottom: 10px; }

  .s-p-b-15 {
    padding-bottom: 15px; }

  .s-p-b-20 {
    padding-bottom: 20px; }

  .s-p-b-25 {
    padding-bottom: 25px; }

  .s-p-b-30 {
    padding-bottom: 30px; }

  .s-p-b-35 {
    padding-bottom: 35px; }

  .s-p-b-40 {
    padding-bottom: 40px; }

  .s-p-b-45 {
    padding-bottom: 55px; }

  .s-p-b-50 {
    padding-bottom: 50px; }

  .s-p-b-55 {
    padding-bottom: 55px; }

  .s-p-b-60 {
    padding-bottom: 60px; }

  .s-p-b-65 {
    padding-bottom: 65px; }

  .s-p-t-5 {
    padding-top: 5px; }

  .s-p-t-10 {
    padding-top: 10px; }

  .s-p-t-15 {
    padding-top: 15px; }

  .s-p-t-20 {
    padding-top: 20px; }

  .s-p-t-25 {
    padding-top: 25px; }

  .s-p-t-30 {
    padding-top: 30px; }

  .s-p-t-35 {
    padding-top: 35px; }

  .s-p-t-40 {
    padding-top: 40px; }

  .s-p-t-45 {
    padding-top: 55px; }

  .s-p-t-50 {
    padding-top: 50px; }

  .s-p-t-55 {
    padding-top: 55px; }

  .s-p-t-60 {
    padding-top: 60px; }

  .s-p-t-65 {
    padding-top: 65px; } }
@media only screen and (orientation: landscape) and (max-width: 767px) {
  .s-p-l-5 {
    padding: 0 0 0 5px; }

  .s-p-l-10 {
    padding: 0 0 0 10px; }

  .s-p-l-15 {
    padding: 0 0 0 15px; }

  .s-p-l-20 {
    padding: 0 0 0 20px; }

  .s-p-l-25 {
    padding: 0 0 0 25px; }

  .s-p-l-30 {
    padding: 0 0 0 30px; }

  .s-p-l-35 {
    padding: 0 0 0 35px; }

  .s-p-l-40 {
    padding: 0 0 0 40px; }

  .s-p-l-45 {
    padding: 0 0 0 55px; }

  .s-p-l-50 {
    padding: 0 0 0 50px; }

  .s-p-l-55 {
    padding: 0 0 0 55px; }

  .s-p-l-60 {
    padding: 0 0 0 60px; }

  .s-p-l-65 {
    padding: 0 0 0 65px; }

  .s-p-r-5 {
    padding: 0 5px 0 0; }

  .s-p-r-10 {
    padding: 0 10px 0 0; }

  .s-p-r-15 {
    padding: 0 15px 0 0; }

  .s-p-r-20 {
    padding: 0 20px 0 0; }

  .s-p-r-25 {
    padding: 0 25px 0 0; }

  .s-p-r-30 {
    padding: 0 30px 0 0; }

  .s-p-r-35 {
    padding: 0 35px 0 0; }

  .s-p-r-40 {
    padding: 0 40px 0 0; }

  .s-p-r-45 {
    padding: 0 45px 0 0; }

  .s-p-r-50 {
    padding: 0 50px 0 0; }

  .s-p-r-55 {
    padding: 0 55px 0 0; }

  .s-p-r-60 {
    padding: 0 60px 0 0; }

  .s-p-r-65 {
    padding: 0 65px 0 0; }

  .s-p-b-5 {
    padding-bottom: 5px; }

  .s-p-b-10 {
    padding-bottom: 10px; }

  .s-p-b-15 {
    padding-bottom: 15px; }

  .s-p-b-20 {
    padding-bottom: 20px; }

  .s-p-b-25 {
    padding-bottom: 25px; }

  .s-p-b-30 {
    padding-bottom: 30px; }

  .s-p-b-35 {
    padding-bottom: 35px; }

  .s-p-b-40 {
    padding-bottom: 40px; }

  .s-p-b-45 {
    padding-bottom: 55px; }

  .s-p-b-50 {
    padding-bottom: 50px; }

  .s-p-b-55 {
    padding-bottom: 55px; }

  .s-p-b-60 {
    padding-bottom: 60px; }

  .s-p-b-65 {
    padding-bottom: 65px; }

  .s-p-t-5 {
    padding-top: 5px; }

  .s-p-t-10 {
    padding-top: 10px; }

  .s-p-t-15 {
    padding-top: 15px; }

  .s-p-t-20 {
    padding-top: 20px; }

  .s-p-t-25 {
    padding-top: 25px; }

  .s-p-t-30 {
    padding-top: 30px; }

  .s-p-t-35 {
    padding-top: 35px; }

  .s-p-t-40 {
    padding-top: 40px; }

  .s-p-t-45 {
    padding-top: 55px; }

  .s-p-t-50 {
    padding-top: 50px; }

  .s-p-t-55 {
    padding-top: 55px; }

  .s-p-t-60 {
    padding-top: 60px; }

  .s-p-t-65 {
    padding-top: 65px; } }
/*--------- display property css ----------*/
.block {
  display: block; }

.inline-block {
  display: inline-block; }

.inline {
  display: inline; }

.flex {
  display: flex; }

.display-none {
  display: none; }

/*===============preloder css==================*/
div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-color: #33a82f;
  background-repeat: no-repeat;
  background-size: 60px auto;
  background-position: calc(50%) 50%; }

/*====================header css==================*/
header {
  background-size: cover; }
  @media only screen and (max-width: 991px) {
    header {
      min-height: initial; } }
  header .heading_nav {
    background: transparent; }
   
.animate {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.heading_nav .navbar-nav > li > form > .input-group > input,
.heading_nav .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
  border-radius: 0; }

.heading_nav .navbar-nav > li > form > .input-group > .input-group-btn > .btn-danger {
  background-color: #33a82f;
  border-color: #33a82f; }

/* ================ nav css =====================*/
.navbar-header h2{
    color: #fff;
    margin-top: 16px;
}
a.navbar-brand{
  margin: 0;
  padding-top: 5px;
  font-size: 32px;
}
.navbar-header h2 > a{
   color: #fff;
}
@media (max-width: 1199px) {
 a.navbar-brand h2{
    padding-top: 2px;
 }
}

  @media only screen and (max-width: 767px) {
    div#bs-example-navbar-collapse-1{
      background-color: #33a82f;
    }
    .navbar-header h2{
      display: inline-block;
    }
    .nav-bg .navbar-brand{
      font-size: 18px;
    }
    .nav-bg .navbar-toggle {
      margin-top: 16px;
      margin-right: 0; }
      .nav-bg .navbar-toggle .icon-bar {
        background: #ffffff; } }
  .nav-bg .navbar-brand {
    height: auto;
    padding: 26px 0; 
  }
    @media (max-width: 1399px) {
      .nav-bg .navbar-brand {
        padding: 10px 0; } }
  .nav-bg .navbar-nav {
    padding: 28px 0; }
    @media (max-width: 1399px) {
      .nav-bg .navbar-nav {
        padding: 10px 0; } }
    .nav-bg .navbar-nav li a {
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      color: #ffffff; }
      .nav-bg .navbar-nav li a a {
        transition: all 0s; }
    .nav-bg .navbar-nav li a:focus {
      color: #ffffff; }
    .nav-bg .navbar-nav li a:hover {
      background: transparent;
      color: #ffffff; }
    .nav-bg .navbar-nav li.active {
      border-bottom: 1px solid #fff;
      transition: border-bottom .2s ease; }

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: transparent; }
@media only screen and (max-width: 1399px) {
.nav>li>a{
  padding-left: 13px !important;
  padding-right: 13px !important;
}
}
 @media (min-width: 768px) and (max-width: 991px){
  .navbar-brand img{
    max-height: 28px;
  }
  .heading_nav .nav-bg .navbar-nav li a{
    font-size: 11px;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
 }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: transparent;
  border-color: #337ab7; }
.navbar-right li:last-child.dropdown:hover ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu {
    left: -160px;
}
.dropdown-menu {
  background-color: #4e44c5;
  box-shadow: none;
  border-radius: 0; }
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.open  > a .caret {
    border-bottom: 4px dashed;
    border-top: 0 dashed;
}
@media only screen and (max-width: 767px) {
  .nav-bg .navbar-nav li.active {
      border-bottom: none;
  }
  .navbar-header {
    padding: 0;
  }
  .navbar-header h1 {
    font-size: 19px;
    margin: 0;
    display: inline-block;
    padding: 20px 0;
  }

}
.white-bg .navbar-brand,
.white-bg .navbar-nav{
    padding: 15px 0;
}

@media (min-width: 768px) {
  .dropdown a .caret {
    margin-left: 7px; }

  /*==========================css for hover drop down ===========================*/
  .navbar-right .dropdown-menu {
    left: 0;
    right: auto;
    border: none;
    padding: 0;
    text-align: left;
    z-index: -100;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    top: 50%; }
    .nav-bg .navbar-nav li.dropdown ul.dropdown-menu li.active,
    .nav-bg .navbar-nav li.dropdown ul.dropdown-menu li.active:focus {
      border-bottom: none;
      background: transparent; }
    .navbar-right .dropdown-menu:hover {
      transition: all 0s; }
    .navbar-right .dropdown-menu li a {
      padding: 17px 20px 0; }
    .navbar-right .dropdown-menu li:last-child a {
      padding: 12px 20px 17px; }

  .open .dropdown-menu {
    z-index: 1000;
    transition: all .25s ease;
    opacity: 1;
    top: 100%; }
    .open .dropdown-menu:hover {
      transition: all 0s; } }
.dropdown:hover .dropdown-menu {
  margin-top: 0;
  top: 40px;
  visibility: visible;
  opacity: 1;
  z-index: 1000; }
  .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background: transparent;
  }
  .heading_nav .nav-bg .navbar-nav li a{
    visibility: inherit !important;
  }
/*======================= second depth hover css ============================*/
@media (min-width: 768px) {
.navbar-right .dropdown ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu {
  left: calc( 100% - 1px ); }

.navbar-right .dropdown:hover ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu {
  position: absolute;
  width: auto !important;
  left: calc( 100% + -1px );
  top: 0 !important;
  border-left: transparent;
  opacity: 0;
  display: block;
  visibility: hidden; }

.navbar-right .dropdown ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu {
  visibility: hidden; }

.navbar-right .dropdown:hover ul.dropdown-menu > li.dropdown-submenu:hover > ul.dropdown-menu {
  visibility: visible;
  opacity: 1; }

.navbar-right .dropdown:hover ul.dropdown-menu > li.dropdown-submenu:hover > ul.dropdown-menu > li > a {
  padding: 17px 20px 0;
  transition: all 0s; }

.navbar-right .dropdown:hover ul.dropdown-menu > li.dropdown-submenu:hover > ul.dropdown-menu > li:last-child > a {
  padding: 12px 20px 17px; }
.navbar-nav>li:last-child>.dropdown-menu {
    left: auto;
    right: 0;
}
.navbar-right .dropdown:last-child:hover ul.dropdown-menu > li.dropdown-submenu:hover > ul.dropdown-menu{
  left: auto;
  right: 100%;
}
.dropdown-submenu>.dropdown-menu{
  border-radius: 0;
}
}
.general_heading_nav{
  background: #33a82f;
}
.general_heading_nav .navbar-toggle{
  background: #fff;
  margin-top: 35px;
  margin-right: 0;
}
.general_heading_nav .navbar-toggle .icon-bar{
  background: #33a82f;
}
.general_heading_nav .navbr-bg{
  padding: 0 30px;
}
.general_heading_nav .navbr-bg .navbar-brand {
    height: auto;
    padding: 26px 0;
}
.general_heading_nav .navbr-bg a.navbar-brand {
    margin: 0;
    font-size: 32px;
}
.general_heading_nav .navbr-bg .navbar-nav{
    padding: 28px 0;
}
.general_heading_nav .navbr-bg .navbar-nav li a {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}
@media only screen and (max-width: 1024px){
.general_heading_nav .navbr-bg .navbar-nav > li > a{
   padding-left: 7px !important;
    padding-right: 7px !important;
    font-size: 11px;
}
.general_heading_nav .navbr-bg .navbar-nav {
    padding: 20px 0;
}
.general_heading_nav .navbr-bg .navbar-nav .dropdown-menu li a{
  padding: 10px;
  font-size: 11px;
}

}
.general_heading_nav .dropdown-menu {
    background-color: #33a82f;
}
.general_heading_nav .dropdown-menu li a:hover{
  background-color: #33a82f;
}
.general_heading_nav .navbar-right .dropdown-menu li a {
    padding: 10px 10px;
}
/*=================breadcrumb css===============*/
.breadcrumb {
  padding: 12px 15px;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  text-transform: uppercase; }

/*==================footer css================*/
footer .footer-bottom {
  background: #33a82f;
  line-height: 40px;
  font-size: 16px;
  padding: 20px 0; }
  footer .footer-bottom .copy {
    font-family: "Montserrat", sans-serif;
    color: #dbd1ff;
    margin: 0;
    display: inline-block; }
    footer .footer-bottom .copy a {
      color: #ffffff; }
    @media only screen and (max-width: 767px) {
      footer .footer-bottom .copy {
        display: block;
        text-align: center; } }
  footer .footer-bottom .f-soc-nav {
    float: right;
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      footer .footer-bottom .f-soc-nav {
        margin-top: 30px;
        text-align: center;
        display: block;
        float: none; } }
    footer .footer-bottom .f-soc-nav a {
      margin-right: 9px;
      display: inline-block; }
      footer .footer-bottom .f-soc-nav a i {
        color: #000000;
        border-radius: 50%;
        border: 2px solid #ffffff;
        background: #ffffff;
        line-height: 37px;
        height: 40px;
        width: 40px;
        text-align: center;
        transition: all .4s ease; }
      footer .footer-bottom .f-soc-nav a i:hover {
        color: #ffffff;
        background: transparent; }

/*============== index blog css =================*/
.appcloud-blog-testimonial {
  padding: 120px 0; }
.appcloud-blog {
  padding: 100px 0; }
.inner-blog .post {
    margin-bottom: 30px;
}
.sticky .blog-item {
    background: #f8faff;
}
.sticky .blog-item h3 a{
  padding: 0;
}
  @media only screen and (max-width: 991px) {
    .appcloud-blog {
      padding: 50px 0; } }
  .appcloud-blog .inner-blog .blog-item h3, 
  .appcloud-blog .inner-blog .blog-item h3 a {
    font-size: 23px;
    font-weight: 700;
    color: #000;
    margin: 0;
    padding-bottom: 5px;
   }
   .appcloud-blog .inner-blog .blog-item h3:hover, 
   .appcloud-blog .inner-blog .blog-item h3 a:hover,
   .inner-blog .blog-item span a:hover,
   .inner-blog .blog-item .blo-cat span a:hover{
      color: #33a82f;
   }
 
    .appcloud-blog .owl-blog .blog-item h3,
    .appcloud-blog .owl-blog .blog-item h3  a{
      color: #000000;
      font-weight: 600;
      font-size: 18px;
      margin: 30px 0 15px; }
    .inner-blog .post-time {
    padding-bottom: 15px;
     }
    .inner-blog .blog-item span {
    color: #777;
    font-size: 13px;
    }
    .inner-blog .blog-item span a {
        color: #000;
        text-transform: capitalize;
        font-weight: 500;
    }
    .inner-blog .blog-item span i{
      margin-left: 5px;
      color: #000;
    }
    .inner-blog .blog-item .blo-cat{
      margin-top: 15px;
    }
    .inner-blog .blog-item .blo-cat span a{
      margin-left: 5px;
    }
    .appcloud-blog .inner-blog .blog-item p{
      color: #666;
      font-size: 16px;
      line-height: 25px;
    }
    .appcloud-blog .owl-blog .blog-item p{
      font-size: 15px;
      margin-bottom: 10px; }
    .appcloud-blog .owl-blog .blog-item a.blog-read-more {
      font-size: 15px;
    }
    .appcloud-blog .owl-blog .blog-item{
      margin: 0 15px;
    }
    .appcloud-blog .owl-blog .blog-item .blog-date{
      text-transform: uppercase;
      color: #4f5362;
      font-size: 12px; }
      .appcloud-blog .owl-blog .blog-item a{
        color: #fff;
        text-transform: capitalize;
      }
      .appcloud-blog .owl-blog .blog-item img{
        border-radius: 8px;
      }
      .appcloud-blog .owl-blog .blog-item a:hover{
        color: #33a82f;
      }
      
/*============= single blog css =============*/
.blog-bg {
  background: #eef3ff; }
.blog-banner-title {
    text-align: center;
    font-size: 17px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.blog-banner-title h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 46px;
    margin-top: 0;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .blog-banner-title h2 {
    font-size: 36px;
   }
}
.appcloud-breadcrumb {
    background: #2B2665;
    padding: 10px 0;
}
.appcloud-breadcrumb .breadcrumb-text ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: -28px;
}
.appcloud-breadcrumb .breadcrumb-text ul li {
    display: inline-block;
    position: relative;
    margin-right: 28px;
    font-size: 15px;
}
.appcloud-breadcrumb .breadcrumb-text ul li a {
    color: #fff;
    padding-right: 5px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
.appcloud-breadcrumb .breadcrumb-text ul li:after {
    position: absolute;
    content: '\f105';
    font-family: 'FontAwesome';
    right: -18px;
    top: -1px;
    color: #2196F3;
}
.appcloud-breadcrumb .breadcrumb-text ul li.current:after {
    display: none;
}
.appcloud-breadcrumb .breadcrumb-text ul li.current{
    color: #8b83f1;
    font-weight: 400;
    text-transform: uppercase;
}
.appcloud-breadcrumb .breadcrumb-text ul li a:hover{
  color: #bec2cc;
  text-decoration: underline;
}
.appcloud-breadcrumb .breadcrumb-text span.separator {
    padding-right: 5px;
}
.single-blog-header {
  background-size: cover; }
  .single-blog-header .single-blog-banner {
    background: rgba(0, 0, 0, 0.12);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 300px;
    background-color: #000;
    width: 100%;
  }
  .blog-banner-display-table{
    display: table;
    width: 100%;
    height: 100%;
  }
  .blog-banner-display-table-cell{
    display: table-cell;
    vertical-align: middle;
  }

.single-blog-nav {
  background: transparent;
  transition: all .7s ease; }

.white-bg {
  background: rgba(94, 85, 210, 0.99);
  transition: all .7s ease; }

  

    .app-blog-in .post-content{
      padding: 40px 35px;
      background-color: #fff;
    }
     .app-blog-in .post-content h3,
     .app-blog-in .post-content h3 a{
        color: #000000;
        font-weight: 700;
        font-size: 23px;
        margin: 0 0 5px;
     }
     .app-blog-in .post-content .post-time{
        padding-bottom: 15px;
     }  
     .app-blog-in .post-content .post-time span{
        color: #777;
        font-size: 13px;
     }
     .app-blog-in .post-content .post-time span a{
        color: #000;
        text-transform: capitalize;
        font-weight: 500;
     }
     .app-blog-in .post-content .post-time span i{
        margin-left: 5px;
       color: #000;
    }
    .app-blog-in .app-blog-text p{
        color: #666;
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .app-blog-in .blo-cat span {
      color: #777;
      font-size: 13px;
    }
    .app-blog-in .blo-cat span a {
       margin-left: 5px;
    }
    .app-blog-in .blo-cat span a {
        color: #000;
        text-transform: capitalize;
        font-weight: 500;
        display: inline-block;
    }
    .app-blog-in .app-blog-text blockquote p{
      line-height: 30px;
      margin-bottom: 0;
    }
    .app-blog-in .app-blog-text h4 {
      margin-bottom: 5px;
      font-size: 17px; }
    .embed-responsive.embed-responsive-16by9.service-video{
      margin: 30px 0;
    }
     .app-blog-in .post-content .post-time span a:hover,
     .app-blog-in .blo-cat span a:hover {
      color: #33a82f;
     }

.blog-footer {
  margin-top: 50px; }

.single-blog-tag h3 {
  margin: 0 0 20px;
  text-transform: uppercase;
  font-size: 17px; }
.single-blog-tag p {
  margin: 0;
  color: #33a82f;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: .8px; }
  .single-blog-tag p a {
    color: #33a82f; }
    .single-blog-tag p a:hover {
      text-decoration: underline; }
.navigation.post-navigation {
    overflow: hidden;
    margin-top: 40px;
}
.post-navigation .nav-links a {
    background: #33a82f;
    padding: 3px 25px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 12px;
}
.post-navigation .nav-links a:hover {
  background: #8a84d7;
}
.author h3 {
  text-transform: uppercase;
  margin: 0 0 20px;
  font-size: 17px; }
.author p small {
  color: #888888;
  font-size: 12px; }

/*============ comment template css =============*/
.app-blog-comment {
    border-top: 1px solid #dedede;
    margin-top: 50px;
}
.app-blog-comment-in {
  margin: 50px 0 0; }
  .app-blog-comment-in .discussion-title {
    text-transform: uppercase;
    font-size: 17px;
    margin: 0 0 30px; }
    .app-blog-comment-in .discussion-title i {
      cursor: pointer; }

.discussion .discussion-list {
    padding: 0;
    list-style-type: none;
    color: #111111;
    overflow: hidden;
    margin-bottom: 50px;
}
.discussion .discussion-date {
    color: #888888;
    font-size: 14px;
}
.discussion .children {
  padding-left: 25px;
  list-style-type: none;
  color: #111111;
 }
.discussion .children li:first-child {
    border-top: 1px solid #dedede;
    margin-top: 25px;
    padding-top: 25px;
}
.discussion .children li {
   padding-bottom: 25px;
    margin-bottom: 0;
    padding-top: 25px;
}
ul.discussion-list li.comment ul.children li:last-child {
    padding-bottom: 0;
}
ul.discussion-list li.comment ul.children li {
    padding-bottom: 15px;
}
.discussion .discussion-list .comment em{
  color: #337ab7;
}
.user-comment{
  overflow: hidden;
}
.comment-avatar {
    display: inline-block;
    padding-right: 20px;
    float: left;
}
@media only screen and (max-width: 320px) {
.discussion .children {
  padding-left: 20px;
}
}
@media only screen and (max-width: 299px) {
.comment-avatar{
    float: inherit;
}
.discussion .children {
    padding-left: 15px;
}
}
.comment h4 {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
    text-transform: capitalize;
}
.comment-avatar a img{
  border-radius: 50%;
}
.comment-text p{
  line-height: 25px;
  font-size: 15px;
}
ul.discussion-list li.comment {
    border-bottom: 1px solid #dedede;
    padding-bottom: 25px;
    padding-top:0;
}
ul.discussion-list li.comment:last-child {
    border-bottom: inherit;
    padding-bottom: 0;
    margin-bottom: 0;
}
ul.discussion-list li.comment {
    border-bottom: 1px solid #dedede;
    margin-bottom: 25px;
}
.comment-respond {
    padding-top: 25px;
    border-top: 5px solid #33a82f;
}
  .comment-respond h3 {
    text-transform: uppercase;
    font-size: 17px;
    margin: 0 0 20px; }
  .comment-form .form-group {
    margin-bottom: 26px; }
  .comment-form .form-control {
    background: #f3f6f7; }
  .comment-form input.submit {
    float: right;
    background: #33a82f;
    font-size: 12px;
    padding: 15px 25px;
    font-weight: 700;
    color: #ffffff;
    border: none; }
    .comment-form input.submit:hover, .comment-form input.submit:focus {
      background: #8a84d7;
      border: none; }
    .comment-form input.submit:active {
      background: #a8a4e0;
      border: none; }
a.comment-reply-link {
    background: #33a82f;
    padding: 0px 10px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    text-transform: capitalize;
    border-radius: 3px;
    font-size: 12px;
    margin-top: 10px;
}
a.comment-reply-link:hover {
  background: #8a84d7;
}
/*============= error 404 page css ===============*/
.page-404,
.def-error-page {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  .def-error-page h1,
  .def-error-page small,
  .def-error-page small a {
    color: #000;
  }
  .page-404 h1,
  .page-404 h1 small,
  .page-404 h1 small a {
    color: #ffffff;
  }
  .page-404 h1,
  .def-error-page h1{
    margin-top: 0;
    align-self: center;
    text-align: center;
    font-size: 51px; }

    .page-404 h1 small,
    .def-error-page small {
      font-size: 21px; }
      .page-404 h1 small a,
      .def-error-page small a {
        text-decoration: underline; }

/*=========== coming soon page css ============*/
.coming-soon {
  background: none; }

.coming-soon-section .video_bg {
  width: 100%;
  background: rgba(21, 24, 57, 0.5); }
.coming-soon-section .coming-soon-inner {
  max-width: 760px;
  min-height: 100vh;
  margin: auto;
  text-align: center;
  padding: calc(50vh - 250px) 10px 50px; }
  .coming-soon-section .coming-soon-inner h1, .coming-soon-section .coming-soon-inner h4, .coming-soon-section .coming-soon-inner p {
    color: #ffffff; }
  .coming-soon-section .coming-soon-inner h1 {
    font-size: 62px;
    font-weight: 400; }
  .coming-soon-section .coming-soon-inner h4 {
    font-size: 23px;
    font-weight: 400;
    margin: 15px 0; }
  .coming-soon-section .coming-soon-inner p {
    font-size: 20px;
    margin-bottom: 50px; }
  .coming-soon-section .coming-soon-inner .subscribe-form .btn {
    padding-left: 30px;
    padding-right: 30px; }
  @media only screen and (max-width: 767px) {
    .coming-soon-section .coming-soon-inner {
      padding: 150px 15px 70px;
      min-height: 100vh; }
      .coming-soon-section .coming-soon-inner h1 {
        font-size: 42px; }
      .coming-soon-section .coming-soon-inner h4 {
        font-size: 19px; }
      .coming-soon-section .coming-soon-inner p {
        font-size: 15px; } }
  @media only screen and (max-width: 375px) {
    .coming-soon-section .coming-soon-inner {
      padding: 80px 15px 70px; }
      .coming-soon-section .coming-soon-inner p {
        margin-bottom: 20px; } }

/* The countdown */
.simply-countdown {
  font-family: "Montserrat", sans-serif;
  margin: auto; }

/* coutndown blocks */
.simply-countdown > .simply-section {
  background: rgba(255, 255, 255, 0);
  box-shadow: none; }
  @media only screen and (max-width: 767px) {
    .simply-countdown > .simply-section {
      width: 40px;
      height: 60px; } }

/* countdown block inner div */
/* amounts and words */
.simply-countdown > .simply-section .simply-amount,
.simply-countdown > .simply-section .simply-word {
  color: #ffffff;
  font-weight: 700; }

/* amounts */
.simply-countdown > .simply-section .simply-amount {
  font-size: 65px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .simply-countdown > .simply-section .simply-amount {
      font-size: 21px;
      margin-bottom: 5px; } }

/* words */
.simply-countdown > .simply-section .simply-word {
  font-size: 21px; }
  @media only screen and (max-width: 767px) {
    .simply-countdown > .simply-section .simply-word {
      font-size: 13px; } }

/*============= blog css =============*/
.appcloud-blog .post div.blog-item div.post-content {
    padding: 35px 25px;
    background-color: #fff;
}
.appcloud-blog .post.sticky div.blog-item div.post-content {
    padding: 35px 20px;
    background-color: #fbfbfd;
    box-shadow: -2px 15px 22px -5px rgba(45, 35, 32, 0.12);
}
.appcloud-blog .post.sticky div.blog-item div.post-content h3 a{
  color: #33a82f;
}
.appcloud-blog .post.sticky div.blog-item div.post-content h3 a:hover{
  color: #000;
}
.appcloud-blog .post div.blog-item img{
    border-radius: 0;
}
.post div.blog-item {
  margin: 0;
}
.pagination ul.page-numbers {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pagination ul li{
  display: inline-block;
  margin-right: 5px;
}
.pagination ul li:last-child{
  margin-right: 0;
}
.pagination ul li a{
    border: 1px solid #33a82f;
    color: #33a82f;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: block;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -web-transition: 0.3s;
    transition: 0.3s;
}
.pagination ul li span{
  background-color: #33a82f;
  border: 1px solid #33a82f;
  color: #ffffff;
  text-align: center;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: block;
  font-size: 20px;
}
.pagination ul li a:hover{
  background-color: #8a84d7;
  border: 1px solid #8a84d7;
  color: #fff;
}
@media only screen and (max-width: 991px) {
.widget-area{
    padding-top: 50px;
}
}
#secondary .widget:first-child{
  margin-top: 0;
}
#secondary .widget,
#secondary .recent-post{
  margin-top: 30px;
}
.widget_recent_entries h3.widget-title {
    padding-bottom: 15px;
}
.search-form input.search-field {
    border: 1px solid #cccccc;
    width: 100%;
    height: 40px;
    padding: 10px 10px;
    font-size: 15px;
    border-radius: inherit;
}
.search-form input.search-field:focus{
  border: 1px solid #33a82f;
}
.search-form .input-group span button.search-submit{
  height: 40px;
  font-size: 14px;
  background-color: #33a82f;
  border-radius: inherit;
  padding: 10px 20px;

}
.search-form .input-group span button.search-submit:hover{
  border: 1px solid #33a82f;
}
.widget-title {
    font-size: 17px;
    padding-bottom: 9px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.widget {
    background-color: #fff;
    padding: 45px 30px;
}
.widget-title:after {
    content: "";
    left: 0;
    right: 0;
    border-bottom: 1px solid #000;
    position: absolute;
    width: 10%;
    bottom: 0;
    margin: auto;
    height: 2px;
}
.widget h3:first-child{
  margin-top: 0;
}
.widget .tagcloud,
.single-blog-tag{
  text-align: center;
}
.widget .tagcloud a,
.single-blog-tag p a {
    font-size: 14px !important;
    color: #fff;
    border: 1px solid #33a82f;
    padding: 2px 10px;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
    color: #5e55d2;
    font-style: italic;
}
.widget .tagcloud a:last-child,
.single-blog-tag p a:last-child {
  margin-bottom: 0;
}
.widget .tagcloud a:hover,
.single-blog-tag p a:hover{
  background-color: #33a82f;
  color: #fff;
  text-decoration: none;
}
.widget.widget_pages h3.widget-title,
.widget.widget_nav_menu h3.widget-title,
.widget.widget_archive h3.widget-title,
.widget.widget_categories h3.widget-title,
.widget.widget_meta h3.widget-title{
  margin-bottom: 20px;
}
.widget.widget_pages ul,
.widget.widget_nav_menu ul,
.widget.widget_archive ul,
.widget.widget_categories ul,
.widget.widget_meta ul,
.widget.widget_recent_entries ul,
.widget.widget_recent_comments ul,
.widget.widget_rss ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget.widget_pages ul li,
.widget.widget_nav_menu ul li,
.widget.widget_archive ul li,
.widget.widget_categories ul li{
    font-weight: 600;
}

.widget.widget_pages ul li a,
.widget.widget_nav_menu ul li a,
.widget.widget_archive ul li a,
.widget.widget_categories ul li a{
  padding: 10px 0;
  display: block;
}
.widget.widget_pages ul li,
.widget.widget_nav_menu ul li,
.widget.widget_archive ul li,
.widget.widget_categories ul li{
  padding: 0;
  border-bottom: 1px solid #f1f1f1
}
.widget.widget_pages ul li ul.children li,
.widget.widget_nav_menu ul li ul.children li,
.widget.widget_archive ul li ul.children li,
.widget.widget_categories ul li ul.children li{
  padding: 0;
}
.widget.widget_pages ul li ul.children li:last-child,
.widget.widget_nav_menu ul li ul.children li:last-child,
.widget.widget_archive ul li ul.children li:last-child,
.widget.widget_categories ul li ul.children li:last-child{
  border-bottom: none;
}
.widget.widget_pages ul li ul.children li a,
.widget.widget_nav_menu ul li ul.children li a,
.widget.widget_archive ul li ul.children li a,
.widget.widget_categories ul li ul.children li a{
  padding: 10px 0 12px 10px
}
.widget.widget_pages ul li ul li,
.widget.widget_nav_menu ul li ul li,
.widget.widget_archive ul li ul li,
.widget.widget_categories ul li ul li{ 
  border-top: 1px solid #f1f1f1;  
  border-bottom: none; 
}

.widget ul li ul.children li ul li:last-child{
  border-bottom: none;
}

.widget.widget_pages ul li:first-child,
.widget.widget_nav_menu ul li:first-child,
.widget.widget_archive ul li:first-child,
.widget.widget_categories ul li:first-child{
  padding-top: 0;
}
.widget.widget_archive ul li a span,
.widget.widget_categories ul li a span {
  float: right;
  color: #777;
}
.widget.widget_pages ul li a,
.widget.widget_nav_menu ul li a,
.widget.widget_meta ul li a,
.widget.widget_recent_entries ul li a,
.widget.widget_recent_comments ul li a{
  line-height: 1.4;
}
.widget.widget_pages ul li a,
.widget.widget_nav_menu ul li a,
.widget.widget_archive ul li a,
.widget.widget_categories ul li a,
.widget.widget_meta ul li a,
.widget.widget_recent_entries ul li a,
.widget.widget_recent_comments ul li a,
.widget.widget_rss ul li a{
  color: #000;
  font-size: 15px;
}
.widget.widget_recent_entries ul li{
  padding-bottom: 15px;
}
.widget.widget_recent_entries ul li span{
  font-size: 13px;
  color: #777;
}
.widget.widget_recent_comments ul li{
  line-height: 1.4;
  margin-bottom: 10px;
}
.widget.widget_rss ul li{
  margin-bottom: 10px;
}
.widget.widget_recent_comments ul li span.comment-author-link {
    color: #777;
    text-transform: capitalize;
}
.widget.widget_recent_entries ul li:last-child{
  padding-bottom: 0;
}
.widget.widget_recent_entries ul li a{
  display: block;
}
.widget.widget_pages ul li a:hover,
.widget.widget_nav_menu ul li a:hover,
.widget.widget_archive ul li a:hover,
.widget.widget_categories ul li a:hover,
.widget.widget_meta ul li a:hover,
.widget.widget_recent_entries ul li a:hover,
.widget.widget_recent_comments ul li a:hover,
.widget.widget_recent_entries ul li span a:hover,
.widget.widget_archive ul li a span:hover,
.widget.widget_categories ul li a span:hover,
.widget.widget_rss ul li a:hover {
  color: #33a82f;
}
.widget.widget_pages ul li ul.sub-menu,
.widget.widget_nav_menu ul li ul.sub-menu {
  padding-left: 10px;
}
.widget.widget_pages ul li ul.sub-menu li:last-child,
.widget.widget_nav_menu ul li ul.sub-menu li:last-child,
.widget.widget_pages ul li:last-child,
.widget.widget_nav_menu ul li:last-child{
  border-bottom: inherit;
}
.widget_calendar caption{
  color: #000;
  padding-top: 0;
}
.widget.widget_rss ul li span.rss-date,
.widget.widget_rss ul li cite{
    color: #777;
}
.widget select{
  margin-top: 10px;
}
.all-recent-post img.media-object{
  max-width: inherit;
}
.all-recent-post .media{
  margin-bottom: 25px;
}
.all-recent-post .media:last-child{
  margin-bottom: 0;
}
.all-recent-post .media-left, .media>.pull-left{
  padding-right: 20px;
}
.all-recent-post h4.post-text,
.all-recent-post h4.post-text a {
    font-size: 15px;
    color: #000;
    margin: 0;
}
.about-me img {
    margin: auto;
    margin-bottom: 15px;
}

.about-me p {
    color: #666;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}

.single.single-post .nav-bg{
	background-color: #33a82f !important;
}
.single.single-post .appcloud-content-area.padding-100{
	padding-top: 150px;
}