@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Crizal - Multipurpose Responsive Template + Admin
    Description: Multipurpose Responsive Template + Admin
    Author: Chitrakoot Web
    Version: 4.0

-----------------------------------------------------------------------------------*/
/* ----------------------------------
        
    01. Common styles
    02. Section heading
    03. Topbar
    04. Navigation
    05. Page title
    06. Owl carousel
    07. Banner styles
    08. Slider styles
    09. Feature boxes
    10. Service blocks
    11. Client section
    12. Counter box
    13. Video
    14. About area
    15. Testmonials
    16. Card Style
    17. Team member
    18. Project grid
    19. Accordion style
    20. Portfolio masonry
    21. Tabs
    22. Pricing table
    23. Others
    24. Shop
    25. Blog
    26. Contact info
    27. Footer
    28. Copy Elements
    
---------------------------------- */
/* ===================================
    Common styles
====================================== */
/* loader */
#preloader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
  transition: 0.3s ease opacity;
  text-align: center;
  width: 100%;
  height: 100%; }
  #preloader:before {
    content: "";
    width: 80px;
    height: 80px;
    border: 3px solid #09b850;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation-name: LoaderCicle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
  #preloader:after {
    content: "";
    width: 80px;
    height: 80px;
    border: 3px solid #09b850;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation-name: LoaderCicle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s; }

@keyframes LoaderCicle {
  0% {
    width: 0;
    height: 0;
    opacity: 0; }
  10% {
    width: 10px;
    height: 10px;
    opacity: 1; }
  80% {
    width: 60px;
    height: 60px;
    opacity: 0.1; }
  100% {
    width: 70px;
    height: 70px;
    opacity: 0; } }
/* scroll to top */
.scroll-top-percentage {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  position: fixed;
  bottom: 40px;
  color: #fff;
  right: 50px;
  -webkit-transform: scale(0);
  transform: scale(0);
  display: -ms-grid;
  display: grid;
  place-items: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 100; }
  .scroll-top-percentage.active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
    animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
    -webkit-transition: 0.3s;
    transition: 0.3s; }

@media screen and (max-width: 1199px) {
  .scroll-top-percentage {
    right: 30px;
    bottom: 20px; } }
#scroll-value {
  height: calc(100% - 6px);
  width: calc(100% - 6px);
   background-color: #0002E1;
  color: #fff;
  border-radius: 50%;
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 16px;
  font-weight: 600; }
  #scroll-value i {
    font-size: 20px; 
	color: #fff;}

@-webkit-keyframes scrollToTop {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
    
@keyframes scrollToTop {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
    
/* theme color and basic options */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #14212B; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  color: #14212B; }

body, .card, .card .card-body {
  color: #575a7b; }

a:hover, a:active {
  color: #09b850;
  text-decoration: none; }

.bg-primary {
  background-color: #09b850 !important; }

.secondary-overlay[data-overlay-dark]:before {
  background: #14212B; }

.text-primary, .text-primary-hover:hover {
  color: #09b850 !important; }

.text-white-hover:hover {
  color: #fff !important; }

.bg-secondary {
  background-color: #14212B !important; }

.text-secondary {
  color: #14212B !important; }

.red {
  color: red; }

input:focus, textarea:focus, select:focus {
  border: 1px solid #09b850;
  outline: none;
  box-shadow: none; }

.clearfix {
  clear: both; }
@media screen and (min-width: 1200px) {
  .container.lg {
    max-width: 1170px;
    width: 100%; } }

.border-radius-6 {
  border-radius: 6px; }

.mt-n12 {
  margin-top: -7.5rem; }

/* overlap column */
/* title, container and block */

/* border for inner box */

/* primary listing */

/* image-hover */

@-webkit-keyframes shine {
  100% {
    left: 125%; } }
@keyframes shine {
  100% {
    left: 125%; } }
/* shape-1 */

/* shape-2 */

/* shape-3 */

/* shape-4 */

/* list style1 */

/* list style2 */
/* list style 1 */

/* list style 2 */

/* list style 3 */

/* list style 4 */

/* list style 5 */

/* list style 6 */

/* list style 7 */

/* list style 8 */

/* list style 9 */

/* list style 10 */

/* list style 11 */

/* list style 12 */

/* list style 13 */

/* list style 14 */

/* list style 15 */

/* list style 16 */

/* list-style-17 */

/* list-style-18 */
/*list-style-19*/

/* list-style-20 */

/*list-style-21*/

/* list-style-22 */

/* list-style-23 */

/* list-style-24 */

/* list-style-25 */

/*list-style26*/
.list-style26 {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list-style26 li {
    margin-bottom: 10px; }
    .list-style26 li:last-child {
      margin-bottom: 0; }
    .list-style26 li a {
      position: relative;
      display: block;
      text-transform: capitalize;
      padding: 15px 20px 15px 20px;
      border: 1px solid #ededed;
      font-weight: 600;
      border-radius: 6px;
      background: #ffffff;
      transition: all 0.3s ease 0s; }
    .list-style26 li.active a {
      background-color: #0002E1; }
    .list-style26 li a:before {
      position: absolute;
      content: '\f061';
      font-family: "Font Awesome 5 Free";
      transition: width 0.3s linear;
      font-size: 18px;
      top: 12px;
      right: 20px; }
    .list-style26 li.active a {
      color: #ffffff; }
    .list-style26 li a:hover {
      padding: 15px 20px 15px 30px;
      background-color: #09b850;
      color: #ffffff; }

/*list-style27*/

/* button style */
.butn {
  background-color: #09b850;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  padding: 15px 34px !important;
  display: inline-block;
  border: 0;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: 700;
  width: auto;
  line-height: 1.5;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }
  .butn:hover, .butn:active, .butn:focus {
    background-color: #14212B;
    color: #fff;
    -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0); }
  .butn.white {
    background-color: #fff;
    color: #14212B; }
  .butn.white-hover:hover, .butn.white-hover:active, .butn.white-hover:focus {
    background-color: #fff !important;
    color: #09b850 !important; }
  .butn.secondary {
    background-color: #14212B;
    color: #fff; }
    .butn.secondary:hover, .butn.secondary:active, .butn.secondary:focus {
      background-color: #09b850;
      color: #fff; }
  .butn.medium {
    padding: 13px 30px !important;
    font-size: 14px; }
  .butn.small {
    padding: 11px 27px !important;
    font-size: 12px; }

@media screen and (min-width: 992px) {
  .header-style1.scrollHeader .attr-nav > ul > li > a.butn:hover, .header-style1.scrollHeader .attr-nav > ul > li > a.butn:active, .header-style1.scrollHeader .attr-nav > ul > li > a.butn:focus {
    background-color: #14212B !important;
    color: #fff !important; } }
/* button style2*/

/* button style3*/

@media screen and (max-width: 991px) {
  .butn.small {
    padding: 7px 16px !important; }
  .butn.medium {
    padding: 8px 18px !important; } }
@media screen and (max-width: 767px) {
  .butn.small {
    padding: 6px 14px !important; }
  .butn.medium {
    padding: 6px 16px !important; } }
/* butn-style2 */

/* butn-style3 */

/* butn-style4 */
/* animation */
@keyframes animationFramesTwo {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20% {
    transform: translate(73px, -1px) rotate(36deg) scale(0.9); }
  40% {
    transform: translate(141px, 72px) rotate(72deg) scale(1); }
  60% {
    transform: translate(83px, 122px) rotate(108deg) scale(1.2); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg) scale(1.1); }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1); } }
@-webkit-keyframes animationFramesTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9); }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } }

@keyframes LeftRight {
  0% {
    transform: translate(0px, 0px); }
  65% {
    transform: translate(30px, 0); }
  100% {
    transform: translate(0px, 0px); } }

@keyframes TopBottom {
  0% {
    transform: translate(0px, 0px); }
  65% {
    transform: translate(0, 30px); }
  100% {
    transform: translate(0px, 0px); } }

@keyframes image_move4 {
  0% {
    transform: translate(0px, 0px); }
  15% {
    transform: translate(0px, 20px); }
  30% {
    transform: translate(-20px, 20px); }
  45% {
    transform: translate(-20px, 40px); }
  60% {
    transform: translate(-25px, 30px); }
  75% {
    transform: translate(-20px, 20px); }
  90% {
    transform: translate(0px, 20px); }
  100% {
    transform: translate(0px, 0px); } }
/* butn-style5 */
/* butn-style6 */

/* butn-style7 */

/* butn-style8 */
.butn-style8 {
  position: relative;
  line-height: 30px;
  font-weight: 500;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
  padding: 10px 40px;
  display: inline-block;
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  background-color: #09b850; }
  .butn-style8:before {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: absolute;
    width: 47px;
    height: 47px;
    content: "";
    right: -25px;
    bottom: -18px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0.35;
    background-color: #fff; }
  .butn-style8 span {
    position: relative;
    z-index: 1; }
  .butn-style8:hover, .butn-style8:active, .butn-style8:focus {
    color: #fff; }
  .butn-style8:hover:before, .butn-style8:active:before, .butn-style8:focus:before {
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
    border-radius: 0px; }
  .butn-style8.md {
    padding: 8px 30px !important;
    font-size: 16px; }
  .butn-style8.secondary {
    background-color: #14212B !important; }

/* butn-style9 */

/* ===================================
    Section heading
====================================== */
.section-heading {
  margin-bottom: 50px;
  text-align: center; }
  .section-heading.half {
    margin-bottom: 30px; }
  .section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
    position: relative; }
  .section-heading h1:after, .section-heading h2:after, .section-heading h3:after, .section-heading h4:after, .section-heading h5:after, .section-heading h6:after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background: #09b850;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .section-heading.white h1, .section-heading.white h2, .section-heading.white h3, .section-heading.white h4, .section-heading.white h5, .section-heading.white h6, .section-heading.white p, .section-heading.white span {
    color: #fff; }
  .section-heading.grey h1, .section-heading.grey h2, .section-heading.grey h3, .section-heading.grey h4, .section-heading.grey h5, .section-heading.grey h6 {
    color: #b7b7b7; }
  .section-heading.grey h1:after, .section-heading.grey h2:after, .section-heading.grey h3:after, .section-heading.grey h4:after, .section-heading.grey h5:after, .section-heading.grey h6:after {
    background: #b7b7b7; }
  .section-heading.grey span {
    color: #b7b7b7; }
  .section-heading.left {
    text-align: left; }
    .section-heading.left h1, .section-heading.left h2, .section-heading.left h3, .section-heading.left h4, .section-heading.left h5, .section-heading.left h6 {
      padding-bottom: 15px; }
    .section-heading.left h1:after, .section-heading.left h2:after, .section-heading.left h3:after, .section-heading.left h4:after, .section-heading.left h5:after, .section-heading.left h6:after {
      margin: 0;
      left: 0; }
  .section-heading strong {
    font-weight: 600; }
  .section-heading p {
    font-size: 15px;
    font-weight: 400;
    padding-top: 15px;
    margin: 0 auto; }
  .section-heading span {
    position: relative;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    color: #09b850;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    letter-spacing: 1px; }
  .section-heading .badge {
    display: inline-block;
    padding: 7px 19px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 14px;
    color: #09b850;
    border: 1px solid #09b850;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: .075em; }

@media screen and (max-width: 991px) {
  .section-heading {
    margin-bottom: 30px; }
    .section-heading p {
      padding-top: 10px;
      font-size: 14px; }
    .section-heading.half {
      margin-bottom: 20px; } }
/* title style2 */
.title-style2 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 0;
  text-transform: uppercase; }
  .title-style2:after {
    content: '';
    width: 60px;
    height: 2px;
    background: #09b850;
    position: absolute;
    bottom: 0;
    left: calc(50% - 30px); }
  .title-style2:before {
    content: '';
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 250px; }

h1.title-style2.white, h2.title-style2.white, h3.title-style2.white, h4.title-style2.white, h5.title-style2.white, h6.title-style2.white {
  color: #fff; }

.section-heading.left .title-style2 {
  left: 0;
  margin: 0; }
  .section-heading.left .title-style2:before {
    width: 125px;
    left: 0;
    margin: 0; }
  .section-heading.left .title-style2:after {
    width: 50px;
    left: 37px; }
.section-heading .title-style2.white:after {
  background: #0002E1; }
.section-heading .title-style2.white:before {
  background: rgba(255, 255, 255, 0.8); }

/* title style3 */

/* title style4 */

/* title style5 */
.section-heading.title-style5 h1, .section-heading.title-style5 h2, .section-heading.title-style5 h3, .section-heading.title-style5 h4, .section-heading.title-style5 h5, .section-heading.title-style5 h6 {
  padding: 0;
  margin: 0; }
.section-heading.title-style5.white h1, .section-heading.title-style5.white h2, .section-heading.title-style5.white h3, .section-heading.title-style5.white h4, .section-heading.title-style5.white h5, .section-heading.title-style5.white h6 {
  color: #fff; }
.section-heading.title-style5 h1:after, .section-heading.title-style5 h2:after, .section-heading.title-style5 h3:after, .section-heading.title-style5 h4:after, .section-heading.title-style5 h5:after, .section-heading.title-style5 h6:after {
  content: none; }

/* title style6 */

/* title style7 */
/* title style8 */
/* title style9 */
.section-heading.white h2, .section-heading.white h3, .section-heading.white h4, .section-heading.white h5, .section-heading.white h6 {
  color: #fff; }

/* inner title */

/* title-style1 */
/* title-style03 */

/* section heading */
/* section heading */
/* title-style13 */

/* title-style14 */
/* title-style16 */

/* title-style17 */

/*==============================
 *    Navigation
 *    ================================ */
/* top bar  */

/* menu area light */
.navbar-nav li.current > a, .navbar-nav li.active > a {
  color: #09b850 !important; }

.attr-nav > ul > li > a.butn {
  color: #fff; }

.navbar > ul > li.current > a:after {
  border-color: transparent #09b850 #09b850 transparent !important; }

.menu_area-light .navbar-nav li.current > a, .menu_area-light .navbar-nav li.active > a {
  color: #09b850; }
.menu_area-light .navbar > ul > li.current > a:after {
  border-color: transparent #09b850 #09b850 transparent; }
.menu_area-light.scrollHeader .navbar-nav li.current > a {
  color: #09b850; }
  .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
    color: #09b850; }
.menu_area-light.scrollHeader .navbar-nav li.active > a {
  color: #09b850; }
.menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
  border-color: transparent #09b850 #09b850 transparent; }

@media screen and (min-width: 992px) {
  .menu_area-light .navbar ul ul li.active > a, .menu_area-light .navbar-nav li.has-sub a:hover {
    color: #09b850; }
  .menu_area-light .navbar > ul > li.has-sub > a:hover:after {
    border-color: #09b850; }
  .menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:hover {
    color: #09b850; }

  .menu_area-light .navbar-light .navbar-nav > li > a:hover, .menu_area-light .navbar-light .navbar-nav > li > a:active, .menu_area-light .navbar-light .navbar-nav > li > a:focus {
    color: #09b850; }

  .menu_area-light .navbar-nav li.has-sub a:hover {
    color: #09b850; } }
@media screen and (max-width: 991px) {
  .header-style1 .navbar-toggler {
    background: #09b850; }
    .header-style1 .navbar-toggler:after {
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff; }
    .header-style1 .navbar-toggler:before {
      background: #fff; }
    .header-style1 .navbar-toggler.menu-opened:after, .header-style1 .navbar-toggler.menu-opened:before {
      background: #fff; } }
/* header style 2 */
/* headerstyle03 */
/* ===================================
    Page title
====================================== */
/*page title style*/
.page-title-section {
  padding: 190px 0 90px;
  text-align: center; }
  .page-title-section h1 {
    font-size: 64px;
    line-height: 1;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    margin-bottom: 10px;
    position: relative;
    z-index: 9;
    text-transform: uppercase; }
  .page-title-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    line-height: 1.2; }
    .page-title-section ul li {
      display: inline-block; }
      .page-title-section ul li:last-child {
        color: #ffffff;
        opacity: 0.80;
        font-size: 16px;
        font-weight: 700;
        text-transform: capitalize;
        letter-spacing: 1px; }
        .page-title-section ul li:last-child a {
          color: #ffffff;
          opacity: 0.80;
          font-size: 16px;
          font-weight: 700;
          text-transform: capitalize;
          letter-spacing: 1px; }
      .page-title-section ul li:after {
        content: "";
        font-weight: 700;
        vertical-align: middle;
        background-color: #09b850;
        width: 10px;
        padding: 0 5px 0 10px;
        height: 2px;
        display: inline-block;
        margin: 0 15px; }
      .page-title-section ul li:last-child:after {
        content: none; }
      .page-title-section ul li a {
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        text-transform: capitalize;
        letter-spacing: 1px; }
  .page-title-section .active a, .page-title-section li.active:last-child a {
    color: #fff; }

@media screen and (max-width: 1199px) {
  .page-title-section {
    padding: 180px 0 80px 0; }
    .page-title-section h1 {
      font-size: 52px;
      margin-bottom: 10px; } }
@media screen and (max-width: 991px) {
  .page-title-section {
    padding: 160px 0 80px 0; }
    .page-title-section h1 {
      font-size: 48px; } }
@media screen and (max-width: 575px) {
  .page-title-section {
    padding: 140px 0 70px 0; }
    .page-title-section h1 {
      font-size: 36px; } }
/*page title style classic*/
/*page title style3*/
/*page title style4*/
/* ===================================
   Owl carousel
====================================== */
.owl-theme .owl-nav.disabled + .owl-dots {
  z-index: 1;
  margin-top: 50px; }
  .owl-theme .owl-nav.disabled + .owl-dots span {
    width: 12px;
    height: 12px;
    margin: 5px;
    background: none;
    cursor: pointer;
    display: block;
    border: 1px solid #fff;
    -webkit-backface-visibility: visible;
    border-radius: 30px;
    transition-duration: .3s;
    -webkit-transition-duration: .3s; }
    .owl-theme .owl-nav.disabled + .owl-dots span:hover {
      background: #09b850;
      -webkit-backface-visibility: visible;
      border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot:focus span {
  width: 12px;
  height: 12px;
  background: #09b850;
  border-color: #09b850;
  -webkit-transition-duration: .3s;
  transition-duration: .3s; }

.owl-nav i {
  color: #14212B;
  font-size: 18px;
  padding-top: 6px; }
.owl-nav .owl-next {
  color: #09b850;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important; }
.owl-nav .owl-prev {
  color: #09b850;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
  left: 0;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }
.owl-nav .owl-next {
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }

.owl-thumbs button {
  border: none; }
  .owl-thumbs button img {
    opacity: .5; }
  .owl-thumbs button.active img {
    opacity: 1; }

.owl-thumb-item {
  cursor: pointer; }

/* ===================================
    Banner styles
====================================== */
/*banner style-01*/
/* shape animation */
@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg); } }
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/*banner style-02*/

/*banner style-03*/

/*banner style-03*/
.cd-headline.loading-bar .cd-words-wrapper:after {
  background: #09b850; }
/* banner-style-04 */
/* banner-style-05 */
/* banner-marketing */
/* Main banner area */
/* Static banner */
/* ===================================
    Slider styles
====================================== */
/* ow carousel default */
.owl-theme .owl-nav.disabled {
  margin-top: 40px !important; }
.owl-theme .owl-dots {
  margin-top: 40px !important; }
  .owl-theme .owl-dots .owl-dot span {
    background: rgba(0, 0, 0, 0.15); }
  .owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot.active span {
    background: #09b850; }

.owl-carousel .owl-item img {
  display: inline-block;
  width: auto; }
.owl-carousel .caption h3 {
  animation-delay: 0.5s;
  position: relative;
  display: inline-block; }
.owl-carousel .caption h1 {
  animation-delay: 0.8s; }
.owl-carousel .caption p {
  animation-delay: 1.2s; }
.owl-carousel .caption span {
  display: inline-block;
  padding: .2em 0; }
.owl-carousel .caption .butn {
  animation-delay: 1.4s; }
  .owl-carousel .caption .butn i {
    position: relative;
    top: 1px;
    z-index: 9; }

/* carousel-style1 */
.carousel-style1 .owl-carousel .owl-item img {
  width: 100%; }

/* testimonial-carousel-one */
.testimonial-carousel-one.owl-theme .owl-dots {
  counter-reset: dots;
  font-size: 1.7rem;
  color: #18455d;
  text-align: start;
  margin-left: 7.5rem; }
  .testimonial-carousel-one.owl-theme .owl-dots .owl-dot {
    position: relative;
    color: #fff; }
    .testimonial-carousel-one.owl-theme .owl-dots .owl-dot.active {
      color: #09b850; }
    .testimonial-carousel-one.owl-theme .owl-dots .owl-dot:before {
      counter-increment: dots;
      content: counter(dots,decimal-leading-zero);
      position: absolute;
      right: 8px;
      font-weight: 400;
      z-index: 2;
      font-size: 17px;
      line-height: 1; }
    .testimonial-carousel-one.owl-theme .owl-dots .owl-dot span {
      background: transparent;
      height: 25px;
      width: 30px;
      border-radius: 0;
      position: relative;
      margin: 0 20px 0 0; }
      .testimonial-carousel-one.owl-theme .owl-dots .owl-dot span:before {
        position: absolute;
        content: '';
        width: 11px;
        height: 1px;
        right: -31px;
        top: 9px;
        background-color: #fff; }
    .testimonial-carousel-one.owl-theme .owl-dots .owl-dot:last-child span:before {
      content: none; }
    .testimonial-carousel-one.owl-theme .owl-dots .owl-dot.active span {
      background-color: transparent; }
.testimonial-carousel-one.owl-theme .owl-nav {
  position: absolute;
  left: 95px;
  bottom: 10px;
  margin-top: 45px; }
.testimonial-carousel-one.owl-theme .owl-dots {
  margin-top: 45px; }
.testimonial-carousel-one.owl-carousel .owl-nav .owl-prev {
  margin-right: 170px; }
  .testimonial-carousel-one.owl-carousel .owl-nav .owl-prev:before {
    display: none; }
.testimonial-carousel-one.owl-theme .owl-nav span {
  color: #fff; }
.testimonial-carousel-one.owl-theme .owl-nav [class*='owl-']:hover {
  background: transparent; }
.testimonial-carousel-one.owl-carousel .owl-nav button.owl-prev, .testimonial-carousel-one.owl-carousel .owl-nav button.owl-next {
  background: transparent !important;
  width: unset;
  height: unset; }
.testimonial-carousel-one.owl-carousel button.owl-dot {
  background: transparent !important;
  width: unset;
  height: unset; }
.testimonial-carousel-one.owl-carousel .owl-nav button.owl-prev, .testimonial-carousel-one.owl-carousel .owl-nav button.owl-next {
  background: transparent !important; }
.testimonial-carousel-one.owl-carousel button.owl-dot {
  background: transparent !important; }

@media screen and (max-width: 575px) {
  .testimonial-carousel-one.owl-theme .owl-nav {
    left: 0; }
  .testimonial-carousel-one.owl-theme .owl-dots {
    margin-left: 0.6rem; }
  .testimonial-carousel-one.owl-carousel .owl-nav .owl-prev {
    margin-right: 142px; } }
/* testmonial-carousel-two */
.testmonial-carousel-two .owl-nav {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-top: 0; }
.testmonial-carousel-two.owl-theme .owl-nav [class*='owl-']:hover {
  background: transparent; }
.testmonial-carousel-two.owl-theme .owl-nav .owl-prev, .testmonial-carousel-two.owl-theme .owl-nav .owl-next {
  background: transparent !important;
  box-shadow: none;
  width: unset;
  height: unset; }
.testmonial-carousel-two.owl-theme .owl-nav [class*='owl-']:hover {
  color: #09b850; }
.testmonial-carousel-two.owl-carousel .owl-nav .owl-prev {
  position: relative;
  margin-right: 40px; }
  .testmonial-carousel-two.owl-carousel .owl-nav .owl-prev:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: calc(50% - 2px);
    right: -27px;
    background-color: #09b850;
    border-radius: 50em; }

/* services-carousel-three */
.services-carousel-three .owl-nav {
  position: absolute;
  top: -65px;
  right: 62px; }
.services-carousel-three.owl-carousel .owl-nav button.owl-prev {
  left: -14px;
  position: absolute;
  top: unset;
  box-shadow: none;
  height: 0;
  width: 0;
  background-color: unset; }
.services-carousel-three.owl-carousel .owl-nav button.owl-next {
  right: -40px;
  position: absolute;
  top: unset;
  box-shadow: none;
  height: 0;
  width: 0;
  background-color: unset; }
.services-carousel-three.owl-carousel .owl-nav button.owl-prev:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: calc(50% - -9px);
  right: -34px;
  background-color: #09b850;
  border-radius: 50em; }
.services-carousel-three.owl-theme .owl-nav [class*='owl-']:hover {
  background: transparent;
  color: #09b850; }

/* services-carousel-four */
.services-carousel-four.owl-theme .owl-nav {
  text-align: left;
  margin-left: -5px; }
  .services-carousel-four.owl-theme .owl-nav [class*='owl-'] {
    width: 40px;
    height: 40px;
    color: #14212B !important;
    background: #09b850 !important;
    transition: all 0.6s ease;
    line-height: 40px;
    font-size: 16px; }
  .services-carousel-four.owl-theme .owl-nav .owl-prev {
    margin-right: 30px;
    position: relative; }
    .services-carousel-four.owl-theme .owl-nav .owl-prev:before {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      background-color: #14212B;
      position: absolute;
      right: -20px;
      top: 15px;
      border-radius: 50%; }
  .services-carousel-four.owl-theme .owl-nav [class*='owl-']:hover, .services-carousel-four.owl-theme .owl-nav [class*='owl-']:active, .services-carousel-four.owl-theme .owl-nav [class*='owl-']:focus {
    background: #14212B !important;
    color: #fff !important; }
  .services-carousel-four.owl-theme .owl-nav [class*='owl-']:hover i, .services-carousel-four.owl-theme .owl-nav [class*='owl-']:active i, .services-carousel-four.owl-theme .owl-nav [class*='owl-']:focus i {
    color: #fff !important;
    font-size: 16px; }
  .services-carousel-four.owl-theme .owl-nav i {
    font-size: 18px; }

@media screen and (min-width: 992px) {
  .service-position {
    margin: 0% -55% 0% 0%; } }
/*home-business-slider*/
.home-business-slider .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 50%;
  background: none !important;
  opacity: 0.35; }
  .home-business-slider .owl-nav .owl-next:hover {
    opacity: 1; }
.home-business-slider .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 50%;
  background: none !important;
  opacity: 0.35; }
  .home-business-slider .owl-nav .owl-prev:hover {
    opacity: 1; }

/*fade owl-carousel slider*/
.slider-fade .owl-item {
  height: 100vh;
  position: relative; }
.slider-fade .item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center; }
  .slider-fade .item .caption {
    width: 100%;
    z-index: 9; }
.slider-fade .owl-theme .owl-dots {
  position: absolute;
  bottom: 5vh;
  width: 100%;
  left: 0; }

/* slider-fade-shop */
.slider-fade-shop {
  background: #f4f5f9; }
  .slider-fade-shop .caption p {
    animation-delay: 0.5s; }
  .slider-fade-shop .caption h1 {
    animation-delay: 0.8s; }
  .slider-fade-shop .caption .subheading {
    animation-delay: 1.2s; }
  .slider-fade-shop .owl-carousel, .slider-fade-shop .owl-stage-outer, .slider-fade-shop .owl-stage {
    height: 100%; }
  .slider-fade-shop .owl-item {
    height: 100%;
    position: relative; }
  .slider-fade-shop .item {
    padding: 10% 0; }
    .slider-fade-shop .item .caption {
      width: 100%;
      z-index: 9; }
  .slider-fade-shop .owl-carousel .caption h1 {
    text-transform: inherit;
    font-weight: 400;
    letter-spacing: -1.5px;
    margin: 0;
    font-size: 72px; }
  .slider-fade-shop .owl-carousel .caption p {
    color: inherit;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin-bottom: 0; }
  .slider-fade-shop .subheading {
    font-weight: 500;
    font-size: 48px;
    line-height: normal;
    margin-bottom: 20px; }
    .slider-fade-shop .subheading strong {
      color: #09b850; }
  .slider-fade-shop .owl-theme .owl-nav {
    margin: 0; }
    .slider-fade-shop .owl-theme .owl-nav [class*='owl-'] {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      font-size: 18px;
      color: rgba(0, 0, 0, 0.25);
      box-shadow: none;
      background: #e6ebf5 !important;
      line-height: 45px;
      width: 55px;
      height: 55px;
      border-radius: 0; }
      .slider-fade-shop .owl-theme .owl-nav [class*='owl-']:hover {
        background: #09b850 !important;
        color: #fff; }
    .slider-fade-shop .owl-theme .owl-nav .owl-prev {
      left: 30px; }
    .slider-fade-shop .owl-theme .owl-nav .owl-next {
      right: 30px; }
  .slider-fade-shop .owl-nav.disabled + .owl-dots {
    margin-top: -45px;
    margin-bottom: 15px;
    position: relative;
    z-index: 9; }
  .slider-fade-shop .owl-dots {
    margin-top: 30px; }
    .slider-fade-shop .owl-dots .owl-dots {
      margin-top: 0; }
      .slider-fade-shop .owl-dots .owl-dots span {
        background: rgba(0, 0, 0, 0.09); }
      .slider-fade-shop .owl-dots .owl-dots.active span, .slider-fade-shop .owl-dots .owl-dots:hover span {
        background-color: #09b850; }

@media screen and (max-width: 1199px) {
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 64px; }
  .slider-fade-shop .subheading {
    font-size: 42px; } }
@media screen and (max-width: 991px) {
  .slider-fade-shop .item {
    padding: 12% 0; }
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 48px;
    margin-bottom: 5px; }
  .slider-fade-shop .subheading {
    font-size: 34px; } }
@media screen and (max-width: 767px) {
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 42px; }
  .slider-fade-shop .subheading {
    font-size: 30px; } }
@media screen and (max-width: 575px) {
  .slider-fade-shop .item {
    padding: 15% 0; }
  .slider-fade-shop .owl-carousel .caption h1 {
    font-size: 38px; }
  .slider-fade-shop .subheading {
    font-size: 28px; } }
/*slider fade1*/

.slider-fade1 .owl-item {
  height: 100vh;
  position: relative; }
.slider-fade1 .item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center; }
.slider-fade1 h1 {
  margin-bottom: 25px;
  animation-delay: 0.8s; }
.slider-fade1 p {
  animation-delay: 1.2s; }
.slider-fade1 a {
  animation-delay: 1.6s; }
.slider-fade1 .h5 {
  font-weight: 500;
  animation-delay: 0.5s;
  display: block;
  position: relative; }
.slider-fade1.owl-theme .owl-nav {
  margin-top: 0; }
.slider-fade1.owl-carousel.owl-theme .owl-dots {
  position: absolute;
  bottom: 80px;
  width: 100%;
  margin: 0;
  left: 0; }
.slider-fade1.owl-theme .owl-nav [class*='owl-'] {
  position: absolute;
  right: inherit;
  top: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  border: none;
  background: #09b850 !important;
  border-radius: 60px;
  line-height: 65px;
  transition-duration: 500ms;
  left: 15px;
  text-align: center;
  margin: auto;
  opacity: 0.3; }
.slider-fade1.owl-theme .owl-nav .owl-next {
  top: 0;
  bottom: 0;
  left: inherit;
  right: 15px; }
  .slider-fade1.owl-theme .owl-nav .owl-next:hover {
    opacity: 1;
    background: #09b850; }
.slider-fade1.owl-theme .owl-nav .owl-prev:hover {
  opacity: 1;
  background: #09b850; }
.slider-fade1 .owl-nav i, .slider-fade1 .owl-nav span {
  font-weight: 600;
  color: #fff !important;
  transition-duration: 500ms;
  font-size: 20px; }
.slider-fade1 .owl-nav .owl-next:hover i, .slider-fade1 .owl-nav .owl-prev:hover i {
  color: #fff; }
/* slider-fade2 */
.slider-fade2 .owl-item {
  position: relative; }
.slider-fade2 h1 {
  margin-bottom: 25px;
  animation-delay: 1.2s; }
  .slider-fade2 h1 span {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    animation-delay: 0.8s; }
.slider-fade2 a {
  animation-delay: 1.6s; }
.slider-fade2 .owl-dots {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%);
  margin: 0 !important; }
.slider-fade2.owl-theme .owl-dots .owl-dot span {
  width: 30px;
  height: 4px;
  margin: 5px;
  background: none;
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: .3s;
  -webkit-transition-duration: .3s; }
  .slider-fade2.owl-theme .owl-dots .owl-dot span:hover {
    background: #09b850;
    -webkit-backface-visibility: visible;
    border-radius: 30px; }
.slider-fade2.owl-theme .owl-dots .owl-dot.active span, .slider-fade2.owl-theme .owl-dots .owl-dot:hover span, .slider-fade2.owl-theme .owl-dots .owl-dot:focus span {
  background: #09b850;
  border-color: #09b850;
  -webkit-transition-duration: .3s;
  transition-duration: .3s; }

/* slider-fade3 */
.slider-fade3.owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%); }
  .slider-fade3.owl-theme .owl-nav [class*='owl-'] {
    width: 50px;
    height: 50px;
    border: none;
    background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 50%;
    line-height: 50px;
    transition-duration: 500ms;
    text-align: center;
    margin: 15px 0; }
  .slider-fade3.owl-theme .owl-nav .owl-prev, .slider-fade3.owl-theme .owl-nav .owl-next {
    display: block; }
  .slider-fade3.owl-theme .owl-nav .owl-prev:hover, .slider-fade3.owl-theme .owl-nav .owl-next:hover {
    background: #09b850 !important; }
.slider-fade3 .owl-nav i, .slider-fade3 .owl-nav span {
  font-weight: 600;
  color: #fff;
  transition-duration: 500ms;
  font-size: 14px; }
.slider-fade3 .owl-nav .owl-next:hover i, .slider-fade3 .owl-nav .owl-prev:hover i {
  color: #fff; }

/* revolution slider */
.rev_slider_wrapper .tp-caption span {
  color: #09b850; }
.rev_slider_wrapper .butn span {
  font-size: 15px !important;
  line-height: 24px !important;
  color: #fff;
  text-shadow: none; }
.rev_slider_wrapper .butn.white span {
  color: #14212B; }
.rev_slider_wrapper .butn.white:hover span {
  color: #fff; }
/*==============================
 *    Marquee
 *    ================================ */

@-webkit-keyframes slide-har {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }
@keyframes slide-har {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }
/* scrolling-text */

@keyframes campoutscrollingmarquee {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(-50%, 0, 0); } }
@keyframes campoutscrollingmarqueeReverse {
  0% {
    transform: translate3d(-50%, 0, 0); }
  100% {
    transform: translate3d(0%, 0, 0); } }

/* ===================================
    Feature boxes
====================================== */
/* feature box 01 */

/* feature box 02 */
/* feature box 03 */

/* feature box 4 */
/*features demo-05*/
/*features demo-06*/
/* feature flex box */
/* feature flex box-1 */
/* feature case block */
/* ===================================
    Service blocks
====================================== */
/* services blocks */
/* service simple */
/* services block one */
/* services block three */
/* service-block three*/
/* services block four */
/* services block five */
/*service block 6*/
/*services-block 7*/
/* service-detail pages */
.service-details-sidebar .widget {
  margin-bottom: 30px;
  padding: 30px 25px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #ededed; }

/*widget-title*/
.service-details-sidebar .widget-title {
  border-bottom: 2px solid #ededed;
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative; }

/*widget-brochure*/

/*service-sidebar-banner*/

@media screen and (max-width: 767px) {
  .service-details-sidebar .widget {
    padding: 25px 20px; } }
/*services-block8*/

/*service block 9*/
/*zigzag services block*/
/* services block 10 */
/* services block 11 */
/* service-design */
/* service-02 */
.service-02 {
  position: relative;
  overflow: hidden; }

/* service-03 */
.service-03 {
  position: relative;
  display: block;
  background: #ffffff;
  padding: 45px 35px 45px;
  border-radius: 4px;
  z-index: 1;
  transition-delay: .1s; }
  .service-03 .icon {
    color: #09b850; }
  .service-03 a {
    color: #14212B; }
  .service-03:hover a, .service-03:hover h3, .service-03:hover p, .service-03:hover .icon {
    color: #fff;
    transition-delay: .2s; }

/* service-04 */
.service-04 i {
  width: 65px;
  height: 65px;
  line-height: 65px;
  background: rgba(9, 184, 80, 0.1);
  border-radius: 50%;
  margin-bottom: 20px;
  font-size: 24px;
  text-align: center;
  color: #09b850; }
.service-04:hover i {
  background-color: #09b850;
  transition: .5s;
  color: #fff; }

/* ===================================
    Client section
====================================== */
/*client style01*/

.clients img {
  opacity: .6;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }
  .clients img:hover {
    opacity: 1; }
/*client style2*/
/*client style3*/
/* client-02 */
.client-02 {
  transition: 0.4s; }
  .client-02 img {
    transition: 0.3s; }

/* client-03 */

/* client-04 */

/* client-05 */
/* ===================================
    Counter box
====================================== */
/* counterbox style1*/
.counter-box h3, .counter-box h4, .counter-box .h3, .counter-box .h4 {
  display: inline-block;
  font-weight: 600; }

.counter-box {
  position: relative;
  text-align: center; }
  .counter-box h3:after {
    content: '+'; }
  .counter-box h4, .counter-box .h4 {
    font-size: 35px;
    line-height: normal;
    margin: 0; }
    .counter-box h4:after, .counter-box .h4:after {
      content: '+'; }
  .counter-box h3 {
    font-size: 45px; }

@media screen and (max-width: 1199px) {
  .counter-box h4 {
    font-size: 32px; }
  .counter-box h3 {
    font-size: 42px; } }
@media screen and (max-width: 991px) {
  .counter-box h4 {
    font-size: 30px; }
  .counter-box h3 {
    font-size: 40px; } }
@media screen and (max-width: 767px) {
  .counter-box p:before {
    margin: 0;
    position: absolute;
    top: 45px; }
  .counter-box p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px; }
  .counter-box.black p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px; }
  .counter-box h4 {
    font-size: 26px; } }
/* counterbox style2*/

/* counter-style1 */

/*counter-style2*/
/*counter-style3*/
/*counter-style4*/
/* counter section demo-14 */
/* counter-01 */

/* ===================================
    Video
====================================== */
.story-video {
  height: 100%; }

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }
@media screen and (max-width: 991px) {
  .story-video {
    min-height: 325px; }

  @keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2); } } }
@media screen and (max-width: 767px) {
  .story-video {
    min-height: 200px; } }
/* ===================================
    About area
====================================== */
/*about ceo*/

/*about demo-11*/
/* About Us demo-1 */
/* about-style1 */
/* about-style2 */
/* about-style3 */

/*about-style4*/

/* Rotated Circle */
@-webkit-keyframes rotated_circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@keyframes rotated_circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
/* about-style5 */

/* about-style6 */
/*about-style7*/
/*about-style8*/
/* icon gallery */

/*timeline*/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }
  .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px; }
  .timeline > li {
    margin-bottom: 20px;
    position: relative; }
    .timeline > li:before {
      content: " ";
      display: table; }
    .timeline > li:after {
      content: " ";
      display: table;
      clear: both; }
    .timeline > li:before {
      content: " ";
      display: table; }
    .timeline > li:after {
      content: " ";
      display: table;
      clear: both; }

@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px; } }
/* ===================================
    Testmonials
====================================== */
/* testmonials-style1 */
.testmonials-style1 .testmonial-single img {
  width: auto;
  display: inline-block;
  margin-bottom: 10px; }

.testmonial-single {
  text-align: center; }
  .testmonial-single p {
    text-align: center;
    font-style: italic;
    font-weight: 600; }
 /*    .testmonial-single p:before {
      margin: auto auto 15px;
      content: "\f10d";
      font-weight: 700;
      font-family: Font Awesome\ 5 Free;
      color: #09b850;
      font-size: 23px;
      display: block; } */
  .testmonial-single h4 {
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    margin: 0 0 5px 0;
    line-height: normal;
    text-align: center; }
  .testmonial-single h6 {
    color: #aaa;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    line-height: normal;
    margin: 0; }

@media screen and (max-width: 1199px) {
  .testmonial-single h4 {
    font-size: 20px; } }
@media screen and (max-width: 991px) {
  .testmonial-single h4 {
    font-size: 18px; } }
@media screen and (max-width: 767px) {
  .testmonial-single h4 {
    font-size: 16px; } }
/*testimonial style2*/
.testimonial-style2 .testimonial-pic {
  position: relative;
  margin: 0; }
  .testimonial-style2 .testimonial-pic:before {
    content: '\f10d';
    font-weight: 700;
    font-family: Font Awesome\ 5 Free;
    display: block;
    position: absolute;
    top: 48%;
    right: -62px;
    margin-top: -8px;
    font-size: 21px;
    color: #09b850; }
.testimonial-style2.owl-theme .owl-nav.disabled + .owl-dots span {
  width: 12px;
  height: 12px;
  margin: 0 7px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  border: none;
  -webkit-backface-visibility: visible;
  border-radius: 0;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s; }
.testimonial-style2.owl-theme .owl-dots {
  display: inline-block;
  z-index: 1;
  margin-top: 30px; }
.testimonial-style2.owl-theme .owl-dots .owl-dot.active span, .testimonial-style2.owl-theme .owl-dots .owl-dot:hover span, .testimonial-style2.owl-theme .owl-dots .owl-dot:focus span {
  background: #09b850;
  -webkit-backface-visibility: visible;
  border-radius: 0; }
@media screen and (max-width: 767px) {
  .testimonial-style2 .owl-dots {
    margin-top: 15px; }
   .testimonial-style2 .testimonial-pic:before {
    display: none; } }


/*testimonial style3*/
.testimonial-style3.owl-theme .owl-nav {
  margin-top: 50px;
  text-align: center; }
.testimonial-style3 .testmonial-single h6 {
  text-align: left; }
.testimonial-style3 .testmonial-single p {
  line-height: 28px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 50px;
  position: relative;
  margin-left: 25px; }



@media screen and (max-width: 991px) {
  .testimonial-style3 .testmonial-single {
    width: 80%; }
    .testimonial-style3 .testmonial-single p {
      margin-bottom: 35px;
      font-size: 15px; }
  .testimonial-style3.owl-theme .owl-nav {
    margin-top: 35px; } }
@media screen and (max-width: 767px) {
  .testimonial-style3 .testmonial-single p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 26px; }
  .testimonial-style3.owl-theme .owl-nav {
    margin-top: 30px; }
  .testimonial-style3 .testmonial-single h6 {
    font-size: 11px; } }
/*testimonial style4*/
/*testimonial style5*/
/*testimonial style6*/
.testmonials-style6 h4 {
  color: #fff;
  font-size: 16px;
  margin: 0;
  line-height: normal; }
.testmonials-style6 p {
  color: #fff;
  margin-bottom: 0; }
.testmonials-style6 h6 {
  font-size: 12px;
  color: #ccc;
  margin: 0;
  line-height: 30px; }
.testmonials-style6 .owl-carousel .owl-dots {
  margin-top: 40px !important; }
  .testmonials-style6 .owl-carousel .owl-dots .owl-dots span {
    border-color: 1px solid #fff;
    width: 10px;
    height: 10px; }
.testmonials-style6 .owl-theme .owl-dots .owl-dot.active span, .testmonials-style6 .owl-theme .owl-dots .owl-dot:hover span {
  background: #09b850;
  border-color: #09b850; }
.testmonials-style6 .owl-dots {
  display: inline-block;
  z-index: 1;
  margin-top: 30px; }
  .testmonials-style6 .owl-dots span {
    width: 12px;
    height: 12px;
    margin: 5px;
    background: none;
    cursor: pointer;
    display: block;
    border: 1px solid #fff;
    -webkit-backface-visibility: visible;
    border-radius: 30px;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s; }
    .testmonials-style6 .owl-dots span:hover {
      background: #aaa;
      -webkit-backface-visibility: visible;
      border-radius: 30px; }
  .testmonials-style6 .owl-dots.active span {
    width: 12px;
    height: 12px;
    background: #fff;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s; }

@media screen and (max-width: 575px) {
  .testmonials-style6 .owl-carousel .owl-dots {
    margin-top: 0px !important; }
  .testmonials-style6 .owl-dots {
    margin-top: 10px; } }
/*testimonial style7*/
.testimonial-style7 .testmonial-single p {
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
  margin-left: 25px;
  text-align: left; }
  .testimonial-style7 .testmonial-single p:before {
    margin: 0;
    content: "\f10d";
    font-weight: 700;
    font-family: Font Awesome\ 5 Free;
    color: #09b850;
    font-size: 24px;
    display: block;
    top: 0;
    left: -45px;
    position: absolute; }
.testimonial-style7 .testmonial-single img {
  width: 50px;
  height: auto;
  margin-bottom: 8px; }
.testimonial-style7 .testmonial-single h4 {
  font-size: 14px; }
.testimonial-style7 .testmonial-single h6 {
  font-size: 11px; }

/*testmonials style8*/
.testimonial-style8 p {
  font-style: italic;
  letter-spacing: 1px; }
  .testimonial-style8 p:before {
    margin-right: 20px;
    content: "\f10d";
    font-weight: 700;
    font-family: Font Awesome\ 5 Free;
    color: #09b850;
    font-size: 23px; }

@media screen and (max-width: 767px) {
  .testimonial-style8 h6 {
    margin-bottom: 30px; } }
/*testmonials style9*/
.testimonial-style9 {
  margin-top: -30px; }
/*testimonial style10*/
.testimonial-style10.owl-theme .owl-nav {
  margin-top: 50px;
  text-align: center; }
.testimonial-style10.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 50px;
  text-align: center; }

@media screen and (max-width: 991px) {
  .testimonial-style10.owl-theme .owl-nav {
    margin-top: 35px; } }
@media screen and (max-width: 767px) {
  .testimonial-style10.owl-theme .owl-nav {
    margin-top: 30px; } }

/* testimonial style11 */

.testimonial-style11 p {
  font-size: 24px;
  margin-bottom: 4rem;
  color: #ededed;
  letter-spacing: 0.5px;
  line-height: 1.9;
  margin-top: -4rem; }
.testimonial-style11 h4 {
  font-size: 18px;
  color: #ededed;
  margin-bottom: 0; }
.testimonial-style11 small {
  color: #09b850; }
.testimonial-style11 .owl-dots {
  display: inline-block;
  z-index: 1;
  margin-top: 3rem; }
  .testimonial-style11 .owl-dots span {
    width: 20px;
    height: 5px;
    margin: 5px;
    background: rgba(225, 225, 225, 0.4);
    cursor: pointer;
    border: none;
    display: block;
    -webkit-backface-visibility: visible;
    border-radius: 10px;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s; }
    .testimonial-style11 .owl-dots span:hover {
      background: #aaa;
      -webkit-backface-visibility: visible; }
  .testimonial-style11 .owl-dots.active span {
    width: 20px;
    height: 5px;
    background: #fff;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s; }

@media screen and (max-width: 991px) {
  .testimonial-style11 p {
    font-size: 20px; } }
@media screen and (max-width: 767px) {
  .testimonial-style11 p {
    font-size: 18px; } }
@media screen and (max-width: 575px) {
  .testimonial-style11 p {
    margin-bottom: 3rem;
    font-size: 16px; }
  .testimonial-style11 h4 {
    font-size: 16px; }
  .testimonial-style11 .owl-dots {
    margin-top: 2rem; } }
/* testimonial style12 */
.testimonial-style12 p {
  font-size: 24px;
  margin-bottom: 4rem;
  letter-spacing: 0.5px;
  line-height: 1.9;
  margin-top: -4rem; }
.testimonial-style12 h4 {
  font-size: 18px;
  margin-bottom: 0; }
.testimonial-style12 small {
  color: #09b850; }
.testimonial-style12.owl-theme .owl-nav.disabled + .owl-dots span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: rgba(0, 0, 0, 0.09);
  cursor: pointer;
  border: none;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 10px;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s; }
.testimonial-style12.owl-theme .owl-dots .owl-dot.active span, .testimonial-style12.owl-theme .owl-dots .owl-dot:hover span {
  width: 12px;
  height: 12px;
  background: #09b850;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

@media screen and (max-width: 991px) {
  .testimonial-style12 p {
    font-size: 20px; } }
@media screen and (max-width: 767px) {
  .testimonial-style12 p {
    font-size: 18px; } }
@media screen and (max-width: 575px) {
  .testimonial-style12 p {
    margin-bottom: 3rem;
    font-size: 16px; }
  .testimonial-style12 h4 {
    font-size: 16px; }
  .testimonial-style12 .owl-dots {
    margin-top: 2rem; } }
/* testimonial-style14 */

/* testimonial-01 */
.testimonial-01 {
  margin-bottom: -80px;
  z-index: 3 !important;
  border-radius: 4px; }

/* testimonial-03 */
.testimonial-03 i {
  height: 65px;
  width: 65px;
  line-height: 65px;
  text-align: center;
  background-color: #09b850;
  font-size: 36px;
  color: #fff;
  border-radius: 50%;
  display: block; }
.testimonial-03:hover i {
  background-color: #14212B;
  transition: all .3s ease .1s; }

.carousel-style2 .owl-theme .owl-nav.disabled + .owl-dots span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  border: 1px solid #fff;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: .3s;
  -webkit-transition-duration: .3s; }
.carousel-style2 .owl-theme .owl-dots .owl-dot.active span, .carousel-style2 .owl-theme .owl-dots .owl-dot:hover span, .carousel-style2 .owl-theme .owl-dots .owl-dot:focus span {
  background: #09b850;
  -webkit-backface-visibility: visible;
  border-radius: 30px; }

/* ===================================
    Card Style
====================================== */
/* card-style1 */
/* card-style2 */
/* card-style3 */

/* card-style4 */
/* card-style5 */

/* card-style6 */

/* card-style7 */
/* card-style8 */

/* card-style9 */

/* card-style10 */

/* card-style11 */

/*card-style12*/
/*card-style13 */

/* card-style14 */
/* card-style15 */

/* card-style16 */
.card-style16 .card-img {
  position: relative;
  overflow: hidden;
  display: block; }
  .card-style16 .card-img img {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .card-style16 .card-img img:hover {
      transform: scale(1.05); }
.card-style16 .card-content {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 35px;
  background-color: #fff; }
  .card-style16 .card-content .card-title h3 {
    transition: all 0.5s ease;
    margin-bottom: 15px; }
.card-style16:hover .card-content .card-title h3 a {
  color: #fff; }
.card-style16 .card-content .card-number {
  position: relative;
  left: 0px;
  bottom: 3px; }
  .card-style16 .card-content .card-number span {
    position: relative;
    z-index: 2;
    font-size: 52px;
    font-weight: 700;
    line-height: 60px;
    color: #f5f5f6;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #dce5e7;
    stroke: #dce5e7; }
.card-style16:hover .card-content .card-number span {
  color: #fff;
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-width: unset;
  stroke-width: unset; }
.card-style16 .card-content .card-number:after {
  content: "";
  position: absolute;
  width: 265px;
  height: 1px;
  background-color: #dce5e7;
  right: 0px;
  top: 50%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.card-style16:hover .card-content .card-number:after {
  background-color: #fff; }
.card-style16 .card-content p {
  z-index: 2;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 20px; }
.card-style16:hover .card-content p {
  color: #FAFAFA; }
.card-style16 .card-content .card-btn {
  margin-top: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 2; }
  .card-style16 .card-content .card-btn .card-btn-area {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .card-style16 .card-content .card-btn .card-btn-area .card-btn-text {
      transition: all 0.3s ease 0s;
      border-width: 2px;
      font-size: 16px;
      line-height: 24px;
      font-weight: 600; }
    .card-style16 .card-content .card-btn .card-btn-area .card-btn-icon {
      background-color: #e6e6e9;
      width: 30px;
      height: 30px;
      border-radius: 2px;
      display: inline-block;
      text-align: center;
      line-height: 31px;
      font-size: 14px; }
.card-style16 .card-content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #09b850;
  transition: all 0.5s ease; }
.card-style16:hover .card-btn-area .card-btn-text {
  color: #fff; }
.card-style16:hover .card-content .card-btn .card-btn-area .card-btn-icon {
  background-color: #FFF; }
.card-style16 .card-btn-area .card-btn-icon i {
  color: #002a5c;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.card-style16:hover .card-btn-area .card-btn-icon i {
  color: #000; }
.card-style16:hover .card-content:after {
  opacity: 1; }

@media only screen and (max-width: 1399px) {
  .card-style16 .card-content .card-number:after {
    width: 215px; } }
@media only screen and (max-width: 1199px) {
  .card-style16 .card-content {
    padding: 35px 24px; }
    .card-style16 .card-content .card-number:after {
      width: 170px; } }
@media only screen and (max-width: 991px) {
  .card-style16 .card-content .card-number:after {
    width: 200px; } }
@media only screen and (max-width: 767px) {
  .card-style16 .card-content .card-number:after {
    width: 380px; } }
@media only screen and (max-width: 575px) {
  .card-style16 .card-content .card-number:after {
    display: none; } }
/* card-style17 */

/* card-style18 */

/* card-style19 */
/* card-style20 */

/*card-style21*/

/*card-style22*/
/*card-style23*/

/*card-style24*/
/* ===================================
    Team member
====================================== */
/* team style */
/* team single img */

/* team single icon */

/* team style1 */

/* team style2 */

/* team style3 */

/* team style4 */

/* team style5 */
.team-style5 h5:after {
  border-bottom: 2px solid #09b850;
  content: "";
  display: block;
  margin: 10px 0 15px 0;
  text-align: center;
  width: 50%;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: 0.5s; }
.team-style5 .owl-dots {
  text-align: center; }
.team-style5.owl-theme .owl-nav.disabled + .owl-dots span {
  width: 12px;
  height: 12px;
  margin: 5px;
  background: #cecece;
  cursor: pointer;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s; }
.team-style5.owl-theme .owl-dots .owl-dot.active span, .team-style5.owl-theme .owl-dots .owl-dot:hover span, .team-style5.owl-theme .owl-dots .owl-dot:focus span {
  width: 12px;
  height: 12px;
  background: #09b850;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s; }

/* team style6 */
/* team style7 */
/* team-style8 */

/* team-style9 */

/* team-03 */

/* team-04 */

/* ===================================
    Project grid
====================================== */
/* filtering */
.filtering {
  margin-bottom: 10px; }
  .filtering span {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    color: #14212B;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 5px; }
    .filtering span:last-child {
      margin: 0; }
  .filtering .active {
    border-color: #09b850;
    color: #09b850; }

@media screen and (max-width: 767px) {
  .filtering span {
    margin-right: 15px; } }
/* project grid */
/* project grid style2 */

/* project single */

/* project grid style3 */
/* project grid style10 */

/* Portfolio block */
/* portfolio-style1 */

/* portfolio-style2 */

/* portfolio-style3 */

/* portfolio-style4 */

/* portfolio-style5 */

/* portfolio-style6 */
/* ===================================
    Accordion style
====================================== */
/*accordion style 1*/

/*accordion style 2*/

/*accordion style 3*/
/*accordion style 4*/
/*accordion*/
.accordion .card {
  background: transparent;
  box-shadow: none;
  margin-bottom: 20px;
  border: 0;
  border-radius: 0; }
  .accordion .card:last-child {
    margin-bottom: 0; }
.accordion .card-header {
  border: 0;
  padding: 0;
  background: none; }
.accordion .accordion-collapse {
  border: none; }
.accordion .accordion-button {
  border-bottom: none;
  color: #fff;
  font-size: 18px;
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  box-shadow: none;
  font-weight: 500;
  padding: 20px 60px 20px 20px;
  text-decoration: none;
  background: #14212B;
  border: 1px solid transparent;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }
  .accordion .accordion-button:hover {
    text-decoration: none; }
  .accordion .accordion-button.collapsed {
    background: #fff;
    color: #575a7b;
    border: 1px solid #ededed;
    border-radius: 5px; }
    .accordion .accordion-button.collapsed:after {
      background: #14212B;
      border: none;
      content: "+";
      right: 20px;
      left: inherit;
      font-size: 18px;
      transform: none;
      width: 25px;
      height: 25px;
      line-height: 20px;
      top: 18px;
      border-radius: 5px;
      text-align: center;
      color: #fff; }
  .accordion .accordion-button:after {
    background: #fff;
    border: none;
    content: "-";
    right: 20px;
    border-radius: 5px;
    left: inherit;
    font-size: 18px;
    border: 1px solid #fff;
    transform: none;
    width: 25px;
    height: 25px;
    line-height: 21px;
    top: 18px;
    position: absolute;
    color: #27ae60;
    text-align: center; }
.accordion .card-body {
  color: #575a7b;
  font-size: 16px;
  padding: 20px 25px;
  line-height: 28px;
  text-align: left;
  border-top: 0;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

@media screen and (max-width: 991px) {
  .accordion .accordion-button {
    padding: 15px 50px 15px 15px;
    font-size: 16px; }
    .accordion .accordion-button.collapsed:after, .accordion .accordion-button:after {
      right: 15px;
      font-size: 16px;
      height: 22px;
      line-height: 22px;
      width: 22px;
      top: 13px; }
  .accordion .card-body {
    padding: 20px 15px; } }
@media screen and (max-width: 575px) {
  .accordion .accordion-button {
    padding: 15px 50px 15px 15px; } }
/* accordion style01 */
/* accordion style02 */

/* accordion style03 */

/* ===================================
    Portfolio masonry
====================================== */
.masonry {
  margin: 10px;
  padding: 0;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  transition-duration: .4s;
  -moz-transition-duration: .4s;
  -ms-transition-duration: .4s;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s; }
  .masonry a {
    display: block;
    margin-top: 10px; }
    .masonry a:first-child {
      margin-top: 0; }

@media screen and (min-width: 576px) {
  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; } }
@media screen and (min-width: 768px) {
  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; } }
@media screen and (min-width: 992px) {
  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3; } }
@media screen and (min-width: 1200px) {
  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3; } }
/* masonry 4 */
/* ===================================
    Tabs
====================================== */
ul.resp-tabs-list {
  margin: 0px;
  padding: 0px; }

.resp-tabs-list li {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding: 13px 15px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer; }
  .resp-tabs-list li:last-child {
    margin-right: 0; }
  .resp-tabs-list li i {
    font-size: 20px;
    padding-right: 5px;
    vertical-align: text-bottom; }

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left; }

.resp-tab-content {
  display: none;
  padding: 20px; }

.resp-tabs-list li.resp-tab-active {
  border: 1px solid #09b850;
  border-bottom: none;
  border-color: #09b850 !important;
  margin-bottom: -1px;
  padding: 12px 14px 14px 14px;
  border-top: 4px solid #09b850 !important;
  border-bottom: 0px #fff solid;
  border-bottom: none;
  background-color: #fff;
  color: #09b850; }

.resp-tab-content {
  border: 1px solid #c1c1c1;
  border-top-color: #c1c1c1;
  float: left;
  width: 100%; }

h2.resp-accordion {
  cursor: pointer;
  display: none;
  font-size: 14px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 14px 15px;
  float: left;
  width: 100%; }
h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  background-color: #09b850 !important;
  color: #fff; }

/* vertical tabs */
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%; }
.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0 0 4px;
  cursor: pointer;
  float: none; }
.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #09b850 !important;
  float: left;
  width: 70%;
  min-height: 250px;
  clear: none; }
.resp-vtabs .resp-tab-content {
  border: none;
  word-wrap: break-word; }
.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 11px !important;
  border-top: 1px solid;
  border: 1px solid #09b850 !important;
  border-left: 4px solid #09b850 !important;
  margin-bottom: 4px !important;
  border-right: 1px #FFF solid !important; }

.resp-arrow {
  border-color: transparent #14212B #14212B transparent;
  border-style: solid;
  border-width: 0 1px 1px 0;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 4px; }

h2.resp-tab-active span.resp-arrow {
  border-color: #fff transparent transparent #fff;
  border-style: solid;
  border-width: 1px 0 0 1px;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 7px; }

/* accordion styles */
.resp-easy-accordion h2.resp-accordion {
  display: block; }
.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1; }
  .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1; }

.resp-tab-content-active {
  display: block;
  border-color: #09b850 !important; }

h2.resp-accordion:first-child {
  border-top: 1px solid #c1c1c1; }
h2.resp-accordion.resp-tab-active {
  border-color: #09b850 !important; }

/* tab-style1 */

/* tab-style2 */
/* tab-style3 */
/* change the breakpoint to set the accordion */
@media screen and (max-width: 767px) {
  ul.resp-tabs-list {
    display: none; }

  h2.resp-accordion {
    display: block; }
    h2.resp-accordion i {
      margin-right: 8px;
      font-size: 18px; }

  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1; }
  .resp-vtabs .resp-tabs-container {
    border: none !important;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none; }

  .resp-accordion-closed {
    display: none !important; }

  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important; }

  .resp-tab-content {
    background-color: #fff; }

  /* tab-style3 */ }
/* tab-style4 */
@media screen and (max-width: 767px) {
  .count {
    font-size: 36px;
    line-height: 32px;
    margin-right: 10px;
    opacity: 0.2; } }
/* tab-style5 */
/* tab-style6 */
/* tab-style7 */
/* tab style 8*/
/* tab-style9 */
@media screen and (max-width: 991px) {

  h2.resp-tab-active {
    background-color: #09b850 !important; }

  .resp-tab-content-active {
    border-color: #09b850 !important; } }
/* tab-style10 */
/* tab-style11 */
/* change the breakpoint to set the accordion */
/* ===================================
    Pricing table
====================================== */
/* price table1 */

.price .item {
  padding: 30px 0;
  background: #fff;
  border-radius: 5px;
  transition: all .3s; }
  .price .item:hover {
    box-shadow: 0px 5px 40px 0px rgba(148, 146, 245, 0.2); }
.price .type {
  margin-bottom: 30px; }
  .price .type .icon {
    font-size: 45px;
    color: #d6d5d5;
    margin-bottom: 10px; }
  .price .type h4 {
    font-size: 25px; }
.price .value {
  padding: 30px 0;
  position: relative; }
  .price .value:before, .price .value:after {
    content: '';
    background: #eee;
    width: 70%;
    height: 1px;
    position: absolute;
    left: 15%; }
  .price .value:before {
    top: 0; }
  .price .value:after {
    bottom: 0; }
  .price .value h3 {
    display: inline-block;
    padding-right: 10px;
    font-size: 50px;
    font-weight: 700;
    position: relative;
    margin-bottom: 0; }
    .price .value h3 span {
      font-size: 14px;
      position: absolute;
      top: 5px;
      right: 0; }
  .price .value .per {
    font-size: 13px;
    color: #09b850; }
.price .order {
  position: relative; }
.price .active {
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.1); }

/* price table2 */
/* price table3 */
/* price table4 */
/* pricing-01 */
/* ===================================
    Others
====================================== */

h4.cd-headline {
  font-size: 2rem; }

.error-page h1 {
  font-size: 120px; }

@media scree and (max-width: 767px) {
  .error-page h1 {
    font-size: 100px; } }
/* popup gallery */
.lg-backdrop {
  z-index: 99999; }

.lg-outer {
  z-index: 999999; }
  .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #09b850; }

.lg-progress-bar .lg-progress {
  background-color: #09b850; }

.lg-backdrop.in {
  opacity: 0.85; }

/* process with icon */
/* extra-style01 */
/* extra-style02 */

/* why-choose-01 */

@keyframes rotating {
  0% {
    transform: rotate(0turn); }
  100% {
    transform: rotate(1turn); } }
@keyframes morph_rotate {
  0% {
    border-radius: 70% 30% 71% 29%/25% 31% 69% 75%;
    transform: rotate(1turn); }
  50% {
    border-radius: 29% 71% 34% 66%/39% 62% 38% 61%; }
  100% {
    border-radius: 70% 30% 71% 29%/25% 31% 69% 75%;
    transform: rotate(0turn); } }
/* why-choose-02 */

/* process-style01 */

@-webkit-keyframes wcBubble {
  0% {
    scale: 1; }
  50% {
    scale: 1.5; }
  100% {
    scale: 1; } }
@keyframes wcBubble {
  0% {
    scale: 1; }
  50% {
    scale: 1.5; }
  100% {
    scale: 1; } }
/* process-style02 */

/* process-style03 */
/* contact-style01 */
.contact-style01 .butn-style8 {
  padding: 16px 30px 16px 30px; }
/* contact-style02 */
/* count back box */

/* error box */
/* count down */
ul.countdown li {
  display: inline-block;
  padding: 0 30px;
  text-align: center; }
  ul.countdown li:first-child {
    padding-left: 0; }
  ul.countdown li:last-child {
    padding-right: 0; }
  ul.countdown li span {
    font-size: 36px;
    line-height: normal;
    position: relative; }
    ul.countdown li span::before {
      content: "";
      height: 1px;
      position: absolute;
      width: 100%; }
  ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-transform: uppercase; }

@media screen and (max-width: 767px) {
  ul.countdown li {
    padding: 0 25px; }

  ul.countdown li span {
    font-size: 28px; } }
@media screen and (max-width: 575px) {
  ul.countdown li {
    padding: 0 10px; } }
/* progress bars */

/* progress-round */

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg); } }
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg); } }
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg); } }
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg); } }
/* snap shot design*/

/* downloads */

/* ===================================
    Shop
====================================== */
/* shop pages */

/*widget-title*/

/* shop sidebar banner*/

/* common for shop */

/* overline title */
/* shop category */

/* offer-deal-banner */

/* shop product grid */

/* shop product list */
/* shop product detail*/

.xzoom-preview {
  z-index: 99999; }

/* table bordered */
/* shop product cart*/

/* shop product grid and list*/

/* categories-02 section home-12 */

/* offer section demo-2 */

/* featured-products */
.featured-products .owl-nav .owl-prev {
  color: #14212B !important;
  background: none;
  box-shadow: none;
  margin: 0 20px 0 0 !important;
  padding: 0;
  height: unset;
  width: unset;
  border-radius: 0; }
.featured-products .owl-nav .owl-next {
  color: #14212B !important;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  height: unset;
  width: unset;
  border-radius: 0; }
  .featured-products .owl-nav .owl-next i {
    margin-left: 10px;
    vertical-align: middle;
    font-size: 13px; }
.featured-products .owl-nav .owl-prev i {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 13px; }
.featured-products.owl-theme .owl-nav.disabled + .owl-dots span {
  background: rgba(0, 0, 0, 0.09); }
.featured-products.owl-theme .owl-dots .owl-dot.active span, .featured-products.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #09b850; }

/* arrivals section */

/* offer banner section */

/* services section */

/* service2 section demo-14 */

/* ===================================
    Blog
====================================== */
/* blog card two */

/* blog card three */

/* blog style1 */

/* Pagination */

/* pagination-style02 */

/* pagination-style01 */

/*right-panel*/

/*blog sidebar*/

/*searchbar*/

/*blog-tags*/

/*blog-social-icon*/

.tags a {
  margin: 5px 10px 5px 0;
  font-size: 15px;
  font-weight: 500;
  padding: 8px 12px;
  font-weight: 600;
  margin: 5px 5px 5px 0;
  display: inline-block;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #ededed; }
  .tags a:hover {
    background: #14212B;
    color: #ffffff !important;
    border: 1px solid #14212B; }

/* post reply */

/* share post */

/*blog-sidebar-banner*/
/* sidebar-style01 */

/* newsletter */
.search-form input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 50px;
  padding: 0.5rem 4rem 0.5rem 1rem;
  font-size: 16px; }
.search-form i {
  font-size: 1.2rem;
  line-height: 2rem; }
/* blog style3 */
/* blog style4 */
/* blog style5 */
/* blog style6 */
/* blog style7 */

/* blog style8 */

/* blog-style9 */

/* blog-style10 */

/* ===================================
    Contact info
====================================== */
/* quform */

.form-control:focus {
  color: #495057;
  background-color: #ffffff;
  border-color: #09b850;
  outline: 0;
  box-shadow: none; }

/* newsletter */

/* newsletter style2*/

/* custom file */

/* social links */

/* social links2 */

/* social links3 */

/* social links4 */

/* social links5 */

/* social links6 */

/* social links7 */

/* social links8 */

/* social links9 */

/* social-icon-style10 */

@keyframes headShake {
  0% {
    transform: translateX(0); }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    transform: translateX(2px) rotateY(3deg); }
  50% {
    transform: translateX(0); } }
/* social-icon-style11 */

/* social-icon-style12 */

/* social-icon-style13 */

/* social-list1 */

/* social-list2 */

/* contact detail */

/* newsletter 2 */
/* newsletter-style01 */

/* newsletter-style02 */

/* ===================================
    Footer
====================================== */
.footer-logo {
  max-width: 215px;
  width: 100%;
  display: inline-block; }

footer {
  background: #14212B;
  color: rgba(255, 255, 255, 0.7);
  padding-top: 50px; }
  footer h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1;
    position: relative; }
    footer h3:after {
      content: '';
      display: block;
      width: 70px;
      height: 2px;
      background: #09b850;
      margin-top: 12px; }

.footer-social-icons ul {
  margin-bottom: 0; }
  .footer-social-icons ul li {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px; }
    .footer-social-icons ul li a {
      display: inline-block;
      font-size: 14px;
      text-align: center;
      color: #ffffff;
      background: rgba(255, 255, 255, 0.1);
      height: 41px;
      line-height: 41px;
      width: 41px;
      border-radius: 3px; }
      .footer-social-icons ul li a:hover, .footer-social-icons ul li a:active, .footer-social-icons ul li a:focus {
        background: #09b850;
        border-color: #09b850; }
        .footer-social-icons ul li a:hover i, .footer-social-icons ul li a:active i, .footer-social-icons ul li a:focus i {
          color: #fff; }

/* footer-dark */

/*small*/
.footer-social-icons.small ul li {
  margin-bottom: 0; }
  .footer-social-icons.small ul li a {
    font-size: 12px;
    height: 25px;
    line-height: 26px;
    width: 25px; }

/* footer-list */

/* footer-list2 */

/* footer-list3 */

/* footer-list4 */

/* footer-list5 */

/* recent post style1*/

/* recent post style2*/
/*footer-top-bar*/

/*footer style2*/

/*footer style3*/

/*footer style4*/

/*footer style5*/

/*footer style6*/

/*footer style7*/

@media screen and (max-width: 767px) {
  footer {
    padding-top: 30px; } }
/*footer style9*/
/*footer style10*/
/*footer title style12*/
/*footer title style10*/
/*footer style11*/
/*footer style12*/
/*footer app*/

/* footer demo-14 */

/* footer-style13 */

/*footer-style14*/
/* ===================================
    Copy Elements
====================================== */
pre[class*="language-"] {
  max-height: 45vh;
  height: 100%;
  margin: 35px 0 15px 0;
  padding-top: 0; }

.copy-clipboard {
  cursor: pointer;
  padding: 5px 15px; }

.box-hover {
  position: relative; }
  .box-hover .container {
    position: relative; }