/**************************************************************************************/
/*
/*		Designed by 'AgITO'
/*		Web: https://www.agito.de
/*		License: AgITO 
/*	Herzlich willkommen im Quellcode!
/*
/****turkis #11a082***hblue #83d0f4***   orange: #f39314; *****rot #a42960;  **background #f5f5f5**#f6f9f6*/


@media screen and (max-width: 420px) {
#sp-header-2, #sp-header-4 h1 {font-size:100%;} 
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  margin-left: 40px !important;     }   
   .logo img {  height:50px !important;  }  
.site-coaching #sp-cart  {margin-top: 60px !important;}
  .site-coaching #sp-main-body  {padding: 10px !important;}
}

@media (min-width: 576px) {
  .container { max-width: 95% !important; }
}


@media screen and (max-width: 600px) {
  .block25, .block75, .block50, .block30, .block40, .block60, .block70 {width:100% !important;}
  .block100 {width:100% !important;}    
#sp-logo {width:100% !important; height:auto !important;  }
  .logo { margin-top:15px !important; }
.logo-image-phone { max-width:250px; height: auto !important; } 
#sp-social {display:none !important;}
 #offcanvas-toggler {    margin-top: -100px;  }  
  .tal {text-align:center !important;}
  .tar {text-align:center !important; margin-top:20px;}  
  .burger-icon { margin-top: 15px !important;}
  #sppb-addon-524297db-42e0-4a18-83ba-3a807dd13517 .animated-heading-highlighted-text {
  font-size: 100% !important;}
 .animated-heading-highlighted-text.shape-circle {
  padding: 5px !important;}
  .nl {display:block; overflow:hidden; width:100%;}
  .fs60 {display:block; overflow:hidden; width:100%;}
}

@media screen and (max-width: 768px) {
.pic_31 img {max-width:60% !important;}
#sp-header-2 .container {max-width:100% !important;}
.mt-150 {margin-top:-60px !important;}
#mod-custom171 {  margin-top:-50px !important;}
  .product_overview h3 { margin-top:20px; } 
}

@media screen and (max-width: 991px) {  
#sp-logo {width:50%; padding-top:0px; }  
.logo-image-phone {  height: auto !important;  }  
#sp-social {width:48%;  text-align:right;}
.nl {display: block;  overflow: hidden;  width: 100%; }  
  .block50, .block30, .block25 .block60, .block70, .block100, .block20 { width: 100% !important;} 
#sp-header-topbar .container-inner {  border-bottom: 0px solid #e5e5e5 !important;}
.animated-heading-after-part {font-size: 150% !important;}

  .block70 h2 {  margin-top: 30px !important;}
 .block30 {  margin-bottom: 30px !important;} 
}


@media (min-width: 420px) and (max-width: 991px) {
  #sp-cart {margin-top: 152px !important;}  
  .logo img {  height:60px !important;  }  
}

@media (min-width: 768px) and (max-width: 979px) {
    .mt-150 {margin-top:-110px !important;}
#mod-custom171 {  margin-top:-100px !important;}
  .container {max-width:95% !important;}
}

@media only screen and (min-width:600px) and (max-width: 768px) { 
 .logo-image {  height: auto !important;}
  .tar {text-align:left !important; margin-top:20px;}  
}

@media (min-width: 1111px) and (max-width: 1168px) {
    #sp-menu { width:70% !important; float:right; }
  #sp-menu .menu-with-offcanvas {  width:110% !important; float:right !important; }
   .sp-megamenu-parent > li > a, .sp-megamenu-parent > li span {
    padding: 0 3px;  }
}

@media screen and (max-width: 1111px) {
#sp-header { height: 140px !important;  }
#offcanvas-toggler {border: 1px solid #F2F9FF;
    display: block !important;
    overflow: hidden !important;
    line-height: 60px !important;  height: 130px !important; margin-right:20px !important; padding: 5px 40px 10px 10px;}
.burger-icon::before { content: 'Menü';}
.burger-icon > span { display: block;   height: 4px; width:60px !important;  background-color: #333;  margin-top:5px 0px; transition: background-color .3s ease-in,opacity .3s ease-in,transform .3s ease-in; }
}


@media only screen and (min-width:991px) and (max-width: 1110px) { 
 #sp-menu.menu-with-social .sp-megamenu-wrapper {  display:none !important;} 
  
}

@media only screen and (min-width:991px) and (max-width: 1201px) { 
#sp-shop-video {  margin: -150px 0px 20px 0px !important;}                    #sp-cart {margin-top: 152px !important;}  
}

@media only screen and (min-width:991px) and (max-width: 1201px) { 
.product_overview {line-height:1.6em !important;  font-size: 15px !important; min-height:160px !important;} 
.product_overview h3 {line-height:1.3em !important; font-size: 18px !important; }
}

@media only screen and (max-width: 991px) { 
  .product_overview {line-height:1.6em !important; min-height:180px !important; font-size:16px !important; }    
  .product_overview h3 {line-height:1.3em !important; font-size: 20px !important;  }                                                            
}

@media only screen and (min-width:300px) and (max-width: 990px) { 
  #sp-shop-video {  margin: -100px 0px 20px 0px !important;}
  .mr40 {margin:0px auto !important;}
   .pic1 img {float:none !important; margin-bottom:30px !important;}

}



@media only screen and (min-width:1111px) and (max-width: 2080px) { 
.logo-image {  height: 70px !important;}
  body.ltr #offcanvas-toggler.offcanvas-toggler-right {  display:none !important;}
  #sp-menu > .sp-column {  float:right;}

}
@media only screen and (min-width:1200px) and (max-width: 1400px) { 
#sp-shop-video {   margin: -200px 0px 0px 0px !important;}
#sp-cart {margin-top: 158px !important;}
 
}

@media only screen and (min-width:1200px) and (max-width: 2000px) { 
  .product_overview {  min-height: 190px !important;}
}

/*********End media*******/


body {font-family: 'Montserrat'; color:#333 !important; text-rendering: optimizeSpeed; font-size: 16px; word-spacing: 0.0rem; font-weight:regular !important; }

body:not(.home) #sp-header-2.header-sticky {  position: fixed;}

#sp-header {  z-index:10000 !important; }

#sp-header-2.header-sticky {  animation: none;}
#sp-header-2.header-sticky {
  z-index:500;  position: fixed;   top: 120px;
  left: 0;  width: 100%;   animation: spFadeInDown .5s;}
#sp-header-2 {  box-shadow: 0 0 0px 0 rgba(0,0,0,.1);  padding-top: 10px; border-bottom: 0px solid #a42960;}

#sp-header-4.header-sticky {  animation: none;}
#sp-header-4.header-sticky {
  z-index:500;  position: fixed;   top: 120px;
  left: 0;  width: 100%;   animation: spFadeInDown .5s;}
#sp-header-4 {  box-shadow: 0 0 0px 0 rgba(0,0,0,.1);  padding-top: 10px; border-bottom: 0px solid #a42960;}

#sp-main-body {  padding: 50px 0;}

html {overflow-y:scroll;}

#sp-header {box-shadow: 1 0 0px 0 rgba(0,0,0,.1); z-index:10000 !important;  height: 120px; padding-top:10px; }
#sp-header .header-sticky {background:#fcfcfc;}
#sp-header .logo { padding-top: 20px;}
#sp-cart {margin-top:110px; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; text-align:right;}

.sp-megamenu-parent > li > a {  font-size: 18px; font-weight:regular !important; color: #444;}
.sp-megamenu-parent > li > a:hover {  color: #11a082;}
.offcanvas-inner ul.menu > li > a:hover {color: #11a082 !important;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #11a082; background: #f0f0f0 !important;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {  font-size: 16px !important; font-weight:400 !important; line-height:1.4em !important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color:#a52961 !important; }

.offcanvas-menu img {  height:auto !important;}
#sp-header.header-sticky {
 animation: none; z-index:9999 !important;}

.burger-icon > span { width: 35px;   height: 4px;  background-color: 333;  margin: 6px 0;}
.h3 {font-weight: 400;}

.strategie h2 {font-weight: 600; margin: 0px auto !important; line-height: 1.9em; font-size: 16px;  display: inline-block !important;}
.strategie h3 {color:transparent; font-size: 1px;}

.datenschutz h3 {font-size: 16px; margin-top:30px; font-weight:600 !important;}
.datenschutz {font-size: 14px; line-height:1.5em;}

.zindex100 {  position: relative;   z-index: 100;   }
.mt-150 {margin-top:-180px;}

.mt_qs, .mt_ips, .mt_bro, .mt_ma, .mt_sm {margin-top:60px;}

/**Überblick Kategorien**/
.bg_hikashop_category {  box-shadow: 2px 2px 10px #f0f0f0;
  border: 1px outset #fff;  background:#fcfcfc;
}
.hikashop_ueberblick {padding:10px; font-weight:600; font-size:15px; line-height:1.4; text-align:center;}

/******search button******/
/* Menü links unten */
.menu-sm {
    position:fixed;
    right:0px;
    bottom:60px;
    width:140px;
    height:240px; /* Platz für ausgeklappte Links */
    z-index:9999;
  opacity:0;
    transition:opacity 0.3s;
    pointer-events:none;
}

/* Button */
.menu-button{
    position:absolute;
    left:0;
    bottom:0;
    width:60px;
    height:60px;
    border:none;
    border-radius:50%;
    background:#83d0f4;
    color:white;
    font-size:28px;
    cursor:pointer;
}

/* Menüeinträge */
.menu-item-sm {
    position:absolute;
    left:0;
    bottom:0;
    width:60px;
    height:45px;
    background:#fdfdfd;
    color:white;
    text-decoration:none;
    text-align:center;
    line-height:45px;
    border-radius:8px;
    opacity:0;
    transition:0.3s;
}

/* Ausklappen */
.menu-sm:hover .item1{
    bottom:70px;
    opacity:1;
}

.menu-sm:hover .item2{
    bottom:125px;
    opacity:1;
}

.menu-sm:hover .item3 {
    bottom:180px;
    opacity:1;
}
.menu-sm.visible {
   opacity:1;
    pointer-events:auto;
}

/***Suchen Seite*********/
.btn-primary {  line-height: 1.5em !important;
  padding: 6px 45px !important; 
}



/*****ribbon*******/
.ribbon_1 span {
  font-size: 14px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  line-height: 26px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 83px;
  display: block;
  background: #9c1f63;
  background: linear-gradient(#9c1f63 0,#9c1f63 100%);
  box-shadow: 0 3px 10px -5px rgba(0,0,0,1);
  text-shadow: 1px 1px 2px rgba(0,0,0,.25);
  position: absolute;
  top: 5px;
  left: -23px;
}

.ribbon_1 span::after, .ribbon_1 span::before {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #9c1f63;
}

.ribbon_1 span::after {
  right: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid #9c1f63;
}
.ribbon_1 span::before {
  left: 0;
  border-left: 3px solid #638908;
  border-right: 3px solid transparent;
}



#mod-custom171 {
  position: relative;
  z-index: 1; /* kleiner als das vorherige Modul */
  margin-top:-150px;
}


div[data-module_id="198"] {
   border:5px dotted #f39314; padding:30px;
}
div[data-module_id="201"] {
   border:5px dotted #a42960; padding:30px;
}


/*********Reels*****/
.sppb-addon-video .sppb-addon-video-local-video-wrap {
  padding-top: 150% !important;}
.reel {background:#fdfdfd; padding:10px; border-width: 1px;
  border-color: #ccc;
  border-style: solid;
  border-radius: 5px; margin-top:20px; }


/***Kontakt button*************/
.bg_button_box {
  display: block; 
  overflow: hidden !important; background:#fefefe;
  position: relative; padding:20px 20px; border:1px solid #ccc;
  }
  /******wie oben ohne Hintergrund*/
.bg_box {
  display: block;
  overflow: hidden !important; 
  position: relative; padding:20px 20px 20px 0px;   }

.container-button {
  display: block;
  overflow: hidden !important;
  position: relative; float:right;
  width: 40% !important;
  height: 60px;
  margin: 20px 0px;
}
.container-button .button-kontakt {
  position: absolute;
  bottom: 10px;
  right: 15px;
  text-align: center;
  vertical-align: middle;
  background: #f39314;
  color: #fff !important;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  white-space: nowrap;
  padding: 12px 12px 6px 10px;
  font-size: 14px;
  line-height: 1.42;
  border-radius: 4px;
}

.pic11 {float:left; display: block; overflow: hidden !important; margin-top:10px;}

/***Shopübersicht****/
.produktuebersicht h2 {text-transform: uppercase;}
.produktuebersicht h3 {text-transform: uppercase;}
.button_grey {display:inline-block; overflow:hidden; text-align: center;
  vertical-align: middle; background:#f9f9f9; color:#444 !important; border: 1px solid #11a082;
     white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42;
  border-radius: 4px; margin-top:20px;}

.button_blue  {display:block; overflow:hidden; height:auto; text-align: center;
  vertical-align: middle; background:#fdfdfd; color:#444 !important; border:1px solid #006db5 !important;  
  padding: 6px 12px; margin-top:10px;
  font-size: 16px;  line-height: 1.42; }

.product_overview {display:block; overflow:hidden; min-height:250px; line-height:1.7em; }
.product_overview > .pl_bottom {vertical-align: baseline; position:absolute; bottom:20px;}
.bl {display: block; overflow:hidden; margin-top:30px;   }

.button_gruen {display:inline-block; overflow:hidden; text-align: center;
  vertical-align: middle; background:#11a082; color:#fff !important; border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  white-space: nowrap;
  padding: 6px 12px;   font-size: 14px; line-height: 1.42; border-radius: 4px;
              margin-top:20px;}

.button_gruen a {color:#fff !important; }
.bo img {border:1px solid #ccc;}

.nav1 h4 {font-weight: 400;}

.notifyjs-corner {
  background:#83d0f4 !important;
}
.notifyjs-metro-info {
  background:#f9f9f9 !important; font-size:120%; padding:10px;}
.hikashop-cardnotify-cart { 
}

/***Shop****/

.hikashop_order_left_part {margin-bottom: 30px; border-bottom:1px solid #d0d0d0;}
#htmlfieldset_products {margin: 30px 0px; padding:20px; background: #f9f9f9;}
div.hika_toolbar .hikabtn span.hk-icon { color: #f39314;}
.hika_toolbar a { background: #f9f9f9;}
.shop {padding:20px;}
div.hikashop_main_image_div {padding-top:20px;}
.hikacart { background-color: #11a082; color:#fff !important;  }
.hikacart a:hover { background-color: #f39314 !important;  }
.sppb-panel-info > .sppb-panel-heading {  color: #11a082 !important; background: rgba(10,201,201,.01) !important;}
.hikashop_wizardbar ul li.hikashop_cart_step_finished a {
  color: #11a082 !important;}
.hkbadge-past {  background-color: #11a082 !important;}
#hikashop_checkout_registration {margin-top:70px;}
.hkbadge-current {  background-color: #83d0f4 !important;}
.hikabtn-success {  background-color: #11a082; margin-top:40px;}
.hikashop_wizardbar { margin-bottom:30px;}
#hikashop_product_top_part h1 {line-height: 1.4; border-bottom: 1px solid #868686;}
.hikashop_product_variant_subname {font-size:10px; margin-left:20px;}
.hikashop_product_variant_subname::before {content: "Ihre Auswahl";}
.hikashop_product_price_per_unit {display:none;}
.hikashop_product_main_image img {border:2px solid #f0f0f0 !important;}
.hikashop_product_image img {border:2px solid #f0f0f0 !important; margin-top:20px;}

.lh16 {line-height: 1.6em;}
.bag::before {content: "\f015"; }

.hikashop_category_image { margin-bottom:20px !important; }
.hikashop_category_name {line-height:1.4 !important;}


/*** Ende Shop***/

.animated-heading-after-part {
  display:block !important; overflow:hidden;  width:100%; text-shadow: 1px 1px 1px RGBA(0,0,0,0.5);
  line-height: 1.5; margin-top:30px;
  font-weight: regular; font-size: 180%;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  letter-spacing: normal;
  word-spacing: 4px;
  text-transform: none;
  font-weight: regular;
}

.animated-heading-highlighted-text {text-shadow: 1px 1px 1px RGBA(0,0,0,1); padding:20px;}
.animated-heading-highlighted-text.shape-circle {  padding: 20px !important;}


a, a:hover, a:focus, a:active {color:#0f1b07;}
b, .b {font-weight:700;}

h1 {padding-bottom:20px; font-weight:300 !important;}
h3 {line-height: 1.4; font-weight:300 !important;}

.fw300 {font-weight:300 !important;}

.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.fr {float:right;}
.fl {float:left;}

ul {  list-style-type: none; padding-left: 0rem;}
a.anchorPos {    display: block; position: relative;  top: -290px;  visibility: hidden;}
a.anchorPos1 {    display: block; position: relative;  top: -180px;  visibility: hidden;}

.mt-50 {margin-top:-80px; z-index:98 !important; }
.pt20 {padding-top:20px;}
.mt30 {margin-top:30px;}
.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}
.mt-15 {margin-top:-15px; }
.mt40 {padding-top:40px;}
.border {border-top: 1px solid #bbafaa;}
.p20 {padding:20px;}
.p4020 {padding:40px 20px;}

.fs90 {font-size:90% !important;}
.fs80 {font-size:80% !important;}
.fs60 {font-size:60%;}
.fs120 {font-size:120%;}
.fs150 {font-size:150%;}
.ttu {text-transform:uppercase;}

p.hikashop_cart_product_name {margin-top:20px; font-size:140% !important;}
.hikashop_product_variant_subname {display:block; overflow:hidden !important; width:100% !important; font-size:16px !important;}

.block100 {display:block; overflow:hidden !important; width:100% !important;}
.block75 {display:block; overflow:hidden; width:75%;}
.block50 {display:block; overflow:hidden; width:49%;}

/****Farben**/
.grey {color:#bbafaa;}
.turkis {color: #11a082;}
.hblue {color:#83d0f4;}
.dblue {color:#006eb5;}
.blue {color:#006eb6;}
.red {color:#a42960;}
.red a {color:#a42960;}
.white {color:#fff;}
.orange {color:#f39314 !important;}
.green, .gruen {color:#009f7f !important;}

.bgwhite {background:#fff !important; padding:10px;}
.bghblue {background:#83d0f4;}
.bgorange {background:#f39314;}
.bgturkis {background:#11a082;}
.bgred {background:#a42960;}
.bggruen {background:#009f7f;}
.bg_button1 {background: #fdfdfd; border: 1px solid #ccc; line-height:1.4em;}


.nav1 > li {line-height:1.4em !important;}

li.leistung {
  list-style: none;   position: relative; padding-left: 20px; line-height:1.4em; margin-top:16px; }

li.leistung::before {
  content: "";
  display: inline-block;
  position:absolute;left:-4px; top:1px;
  width: 25px; 
  height: 25px;
  margin-right: 0px;
  background-image: url("../images/caret-right-solid.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

li.strategie {
  counter-increment: liste;
  padding-left: 25px;      /* Platz für a), b), c) */
  text-indent: -25px;      /* zieht die erste Zeile nach links */
  margin-bottom: 8px;
}

li.strategie::before {
  content: counter(liste, lower-alpha) ") ";
  font-weight: bold;
  margin-right:30px;
 }


.project-inner {
  text-align: left;  padding: 15px;  background: #fff;  margin-top: 10px;  box-shadow: 2px 2px 10px #f0f0f0;
  border: 1px outset #fff;  min-height: 320px;}

.project-inner1 {   background: #FCFCFC;  margin-top: 10px;  box-shadow: 2px 2px 10px #f0f0f0; border: 1px outset #fff; }


.project-inner2 { text-align: center;  padding: 15px;  background: #fff;  margin-top: 10px;  box-shadow: 2px 2px 10px #f0f0f0; border: 1px outset #fff;  min-height: 350px;}
.project-inner2 img { border:2px solid #f0f0f0;}


.pic1 {float:left;}
.pic2 {float:right;}
.pic3 { margin: 0px auto; display: block;  overflow: hidden; }
.pic32 { margin-left:20px; margin-top:-15px;float:right; width:70px;}
.pic33  { display:flex; overflow:hidden !important; margin-top:-15px; width:50px; height:80px !important; padding:1px 0px;}
.df {display:flex; flex-flow: row nowrap; width:auto;}



/******DSGVO***/
div.cc-window.cc-floating {line-height: 1.4em; font-family: 'Montserrat' !important;  font-size: 14px;}
.cc-revoke img, .cc-revoke i, .cc-revoke span {  margin-right: 0px !important;}
.cc-color-override-529696226.cc-revoke {  color: rgb(255, 255, 255);  background-color: transparent !important;}
a.cc-link {color: #fff !important; text-decoration: none !important;}
span.cc-message span.cc-cookie-settings-toggle, div.cc-compliance span.cc-cookie-settings-toggle {
  padding: .2em .5em; float:right;  border-width: 0px; margin-right:5px; }
.cc-message-text {display:block; overflow:hidden; margin-bottom:35px !important;}
.cc-revoke.cc-center.cc-revoke-bottom-left {  left: 0em;    bottom: 30px;}


.ts {text-shadow: 3px 3px 4px #777 !important;} 

.ball {  margin-top: 50px;  border-radius: 50%;  width: 50px;  height: 50px;  background-color:;  border: 0px solid #999;   animation: bounce 1s infinite alternate;  -webkit-animation: bounce 1s infinite alternate; text-shadow: 3px 3px 4px #777 !important;}




.fade-list li {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeIn 0.5s ease forwards;
}

.fade-list {list-style: none; /* Standard-Bullets entfernen */
    padding-left: 20px; /* Einrückung der Liste */}
.fade-list li::before {
    content: "➢"; /* Pfeilsymbol */
    color: #a42960; /* Farbe des Pfeils */
    display: inline-block;
    width: 1em; /* Fester Platz für Pfeil */
    margin-left: -1em; /* Einzug korrigieren */
  }


.fade-list li:nth-child(1)  { animation-delay: 0s; }
.fade-list li:nth-child(2)  { animation-delay: 0.2s; }
.fade-list li:nth-child(3)  { animation-delay: 0.4s; }
.fade-list li:nth-child(4)  { animation-delay: 0.6s; }
.fade-list li:nth-child(5)  { animation-delay: 0.8s; }
.fade-list li:nth-child(6)  { animation-delay: 1.0s; }
.fade-list li:nth-child(7)  { animation-delay: 1.2s; }
.fade-list li:nth-child(8)  { animation-delay: 1.4s; }
.fade-list li:nth-child(9)  { animation-delay: 1.6s; }
.fade-list li:nth-child(10) { animation-delay: 1.8s; }
.fade-list li:nth-child(11) { animation-delay: 2.0s; }
.fade-list li:nth-child(12) { animation-delay: 2.2s; }
.fade-list li:nth-child(13) { animation-delay: 2.4s; }
.fade-list li:nth-child(14) { animation-delay: 2.6s; }
.fade-list li:nth-child(15) { animation-delay: 2.8s; }
.fade-list li:nth-child(16) { animation-delay: 3.0s; }
.fade-list li:nth-child(17) { animation-delay: 3.2s; }
.fade-list li:nth-child(18) { animation-delay: 3.4s; }
.fade-list li:nth-child(19) { animation-delay: 3.6s; }
.fade-list li:nth-child(20) { animation-delay: 3.8s; }
.fade-list li:nth-child(21)  { animation-delay: 4.0s; }
.fade-list li:nth-child(22)  { animation-delay: 4.2s; }
.fade-list li:nth-child(23)  { animation-delay: 4.4s; }
.fade-list li:nth-child(24)  { animation-delay: 4.6s; }
.fade-list li:nth-child(25)  { animation-delay: 4.8s; }
.fade-list li:nth-child(26)  { animation-delay: 5.0s; }
.fade-list li:nth-child(27)  { animation-delay: 5.2s; }
.fade-list li:nth-child(28)  { animation-delay: 5.4s; }
.fade-list li:nth-child(29)  { animation-delay: 5.6s; }
.fade-list li:nth-child(30)  { animation-delay: 5.8s; }

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.fadein { animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}

.fadein2 { animation: fadein 5s;
    -moz-animation: fadein 10s; /* Firefox */
    -webkit-animation: fadein 10s; /* Safari and Chrome */
    -o-animation: fadein 10s; /* Opera */
}

.fadein3 { animation: spFadeIn .5s;}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



@keyframes bounce {
  from {
    transform: translateY(0px);  }
  to {
    transform: translateY(-15px);  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);  }
}

/*********fonts**************/

/* montserrat-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-v31-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}






/*** General CSS ***/
body {
    line-height: 1.9em;
}

/*** Header Area ***/
/* Header Menu */
body:not(.home) #sp-header.header-sticky {
    position: fixed;    
}
.sp-megamenu-parent > li > a {
    width: 100%;
    position: relative;
}

/* Canvas Menu */
.offcanvas-menu .offcanvas-inner .menu-child > li a {
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(197, 153, 153, 0.21);
    display: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 16px;
}




/*** Block Styles ***/
/* Button */
.btn-design, .slider-item .sppb-btn-success, .btn-primary {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    font-weight: 400;
    font-family: inherit;
    line-height: 2em;
    letter-spacing: .02em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 5px;
    padding: 12px 25px;
    font-weight: 500;
  	border: none;
}
.btn-design:hover, .slider-item .sppb-btn-success:hover, .btn-primary:hover {
  	background: #222!important;
  	color: #fff;
}
.btn-design.no-bg {
    background: none!important;
    padding-left: 0!important;
    box-shadow: none!important;
}

/* Title */
.sppb-title-heading {
    letter-spacing: 4px;
    text-transform: uppercase;
}

/* Slider */
.slider .sppb-carousel-text {
  	padding-left: 10%;
}
.slider-item h2 {
  	font-weight: 600;
}
.slider-item h4 {
    font-weight: 600;
    font-size: 26px;
    margin: 30px 0;
    color: #000;
  	text-transform: uppercase;
}
.slider-item p {
    font-size: 19px;
}
.slider-item .sppb-btn-success i {
    padding-left: 8px;
}

/* Service */
.service-item {
    box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
    padding: 80px 50px 60px;
    border-width: 0px;
    border-radius: 5px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    z-index: 1;
    height: 370px;
    transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
     
    position: relative;
    background: #fff;
}
.service .clearfix:first-child .service-item {
    top: -90px;
}
.service .clearfix:last-child .service-item {
    top: -60px;
}
.service .clearfix:hover .service-item {
    transform: rotateY(-360deg);
    -webkit-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
}
.service-item h4 {
    position: relative;
    padding-bottom: 16px;
}
.service-item h4:after {
    content: "";
    background: #000;
    width: 23px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.service-item:first h4:after {
    background: #fff;
}
.service-item:hover h4:after {
    background: #fff;
}
.service .clearfix:hover .service-item i,
.service .clearfix:hover .service-item h4,
.service .clearfix:hover .service-item .sppb-addon-text {
    color: #fff;
}

/* Portfolio */
.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {
    opacity: 0.85;
}

/*** About Us ***/
.about-us .sppb-section-title {
    padding-bottom: 30px;
}
.about-us .sppb-title-heading {
    position: relative;
}
.about-us .sppb-title-heading:before {
    position: absolute;
    display: inline-block;
    content: "";
    bottom: -20px;
    left: 0;
    width: 30px;
    height: 3px;
}

/* Contact */
.contact-right .sppb-media-content {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
}
.contact-right a {
    font-size: 25px;
    font-weight: 700;
    color: #ffffff;
}
.contact-right a strong {
    display: none;
}

/* Team */
.line-title .sppb-section-title {
    position: relative;
}
.line-title .sppb-section-title:before {
    position: absolute;
    content: "";
    top: -170px;
    height: 100px;
    width: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.team .sppb-title-heading {
	-webkit-text-stroke-color: #1e3c6f;
}
.team-item .sppb-media-content {
    text-align: center;
    padding: 25px 20px;
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 15px;
    z-index: 1;
    background: #fff;
    padding: 30px 20px;
    box-shadow: 0px 0px 15px rgba(0,0,0,.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.team-item .sppb-img-container {
	position: relative;
}
.team-item .sppb-addon-text {
    max-height: 0;
    opacity: 0;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    overflow: hidden;
}
.team-item:hover .sppb-addon-text {
    max-height: 100px;
    opacity: 1;
}
.team-item img {
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.team-item:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.team-item h4 {
	font-size: 26px;
    line-height: 1.15em;
    color: #fff;
    font-weight: 500;
}
.team-item ul {
	padding-left: 0;
    top: 0;
    right: 0;
    z-index: 2;
    left: 0;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
}
.team-item ul li {
	list-style: none;
	display: inline-block;
	text-align: center;
}
.team-item ul li a {
	display: inline-block;
    padding: 13px 16px 10px;
    border-radius: 3px;
    color: #000;
    font-size: 15px;
}
.team-item ul li a.share {
    -webkit-box-shadow: 0 -7px 20px 0 rgba(255,94,20,.5);
    box-shadow: 0 -7px 20px 0 rgba(255,94,20,.5);
}
.team-item ul li strong {
	display: none;
}

/* Offer */
.offer .sppb-row img {
    box-shadow: 25px 0px 60px rgba(0, 0, 0,0.3);
    -moz-box-shadow: 25px 0px 60px rgba(0, 0, 0,0.3);
    -webkit-box-shadow: 25px 0px 60px rgba(0, 0, 0,0.3);
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
.offer-left {
    margin-left: -10%;
    width: 110%;
}
.offer-right {
    margin-top: 100px;
    margin-left: -70px;
    z-index: -1;
    width: 110%;
}

/* Testimonial */
.testimonial-images-left {
    width: 40%;
  	float: left;
}
.testimonial-images-right {
    width: 60%;
  	float: left;
}
.testimonial-item em {
    font-size: 80px;
}
.testimonial-item strong {
    display: none;
}
.testimonial-item p {
  	font-size: 18px;
    line-height: 36px;
    font-weight: 500;
  	margin-top: 30px;
  	font-style: italic;
}
.testimonial-images-left img {
  	max-width: 90px;
    float: right;
  	border-radius: 50%;
}
.testimonial-images-right {
  	text-align: left;
    padding-left: 20px;
  	margin-top: 20px;
}
.testimonial-images-right h3 {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}
.testimonial-images-right h5 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
.testimonial-images {
    width: 100%;
    margin-top: 40px;
}

/* Blog */
.mod-articles-category-title:hover {
  	color: #000;
}
.jmm-item .jmm-image.mod-article-image {
  	overflow: hidden;
}
.jmm-image.mod-article-image img {
  	transform: scale(1);
  	-webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.jmm-item:hover .jmm-image.mod-article-image img {
  	transform: scale(1.12);
  	filter: grayscale(100%);
}

/* Contact */
.contact-info h2, .contact-info h3 {
    font-size: 25px;
    font-weight: 600;
}

/* Footer Copyright */
#sp-footer {
    text-align: center;
}

/*** Responsive Layout ***/
@media (min-width: 1400px) {
.sppb-row-container {
		max-width: 1320px;
	}
}
/* Tablet Landscape Layout */
@media (min-width: 980px) and (max-width: 1199px) {
	.service .clearfix:first-child .service-item, .service .clearfix:last-child .service-item {
    	top: 0px;
    	margin-top: 30px;
	}
}

/* Tablet Portrait Layout */
@media (min-width: 768px) and (max-width: 979px) {
	#sp-header, #sp-header .logo {
       /**height: 70px;**/
    }
  	.slider-item h2 {
        font-size: 16px !important;
	}
  	.service .clearfix:first-child .service-item, .service .clearfix:last-child .service-item {
    	top: 0px;
    	margin-top: 30px;
	}
  	.slider-item h4 {
        font-size: 15px;
        margin: 15px 0;
	}
}

/* Mobile Standard Layout */
@media (max-width: 768px) {
	.slider-item h2 {
        font-size: 16px !important;
	}
  	.slider-item .sppb-btn-success {
      	font-size: 10px;
      	padding: 5px 15px;
  	}
  	.slider .sppb-carousel-text {
    	padding-left: 0;
	}
  	#sp-header, #sp-header .logo {
        /**height: 70px;**/
    }
  	.service .clearfix:first-child .service-item, .service .clearfix:last-child .service-item {
    	top: 0px;
    	margin-top: 30px;
	}
  	.slider-item h4 {
        font-size: 15px;
        margin: 15px 0;
	}
}

/* Mobile Small Resolution */
@media (max-width: 480px) {
	.slider-item p {
        display: none;
	}
  	.slider-item h2 {
    	font-size: 13px !important;
	}
  	.slider-item h4 {
        font-size: 12px;
        margin: 0 0;
	}
}


/* General color defination
Color value depend on preset color that picking on template settings > Presets
*/

:root {
  --background-color: currentColor;
  --background: currentColor;
  --text-color: currentColor;
}
.btn-design, .slider-item .sppb-btn-success, .sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover, .service-item.first, .service .clearfix:hover .service-item,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay,
.about-us .sppb-title-heading:before, .line-title .sppb-section-title:before, .offer-right {
 	background-color: var(--background-color) !important;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .article-header h2 a:hover,
.slider-item p, .btn-design.no-bg, .about-item i,  .team-item h5, .testimonial-item p,
.counter-item h3, .tabs .sppb-nav-tabs>li.active>a, .offcanvas-menu .offcanvas-inner ul.menu>li.active a {
  	color: var(--text-color) !important;
}
.tabs .sppb-tab-content, .tabs .sppb-nav-tabs>li.active>a {
  	border-color:var(--text-color)!important;
}