#btn--yp {
  box-sizing: content-box;
  position: fixed;
  z-index: 9;
  bottom: 1em;
  right: 1em;
  border: solid 1em transparent;
  width: 4.625em;
  height: 3.25em;
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/2017/icon-yp.svg) 50%/cover content-box;
  font: 16px/ 1.25 trebuchet ms, sans-serif;
  text-indent: 200vw;
  text-shadow: none;
  filter: grayscale(1) drop-shadow(0 0 1px #e8e0e0);
  transition: .5s;
  white-space: nowrap;
}
#btn--yp:before {
  box-sizing: inherit;
  position: absolute;
  left: 0;
  bottom: 100%;
  margin: 1em -.5em;
  padding: .5em;
  width: 100%;
  border-radius: 5px;
  background: #e8e0e0;
  color: #000;
  text-align: center;
  text-decoration: none;
  text-indent: 0vw;
  white-space: normal;
  animation: float 1s ease-in-out infinite alternate;
  content: attr(data-txt);
}
#btn--yp:hover, #btn--yp:focus {
  outline: none;
  filter: grayscale(0) drop-shadow(0 0 1px crimson);
}

@keyframes float {
  to {
    transform: translateY(0.75em);
  }
}

#loader {
  min-height: 64px;
}

#loader .row {
  text-align: center;
}
.new-loader {
  padding: 24px;
  
}
.new-loader .row {
  text-align: center;
}

.dot {
  background: #efc857;
}
.dot, .dot:after {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  animation: a 1.5s calc(((var(--i) + var(--o, 0))/var(--n) - 1)*1.5s) infinite;
}
.dot:after {
  --o: 1;
  background: currentcolor;
  content: "";
}

@keyframes a {
  0%, 50% {
    transform: scale(0);
  }
}
/* ==========================================================================

   Updates CSS Stylesheet.

   This stylesheet contains the updates we will make. Usually in template.css
   or addons.css we'll just add tweaks however this will contains the future
   updates of this template. Do not change nothing as it will be constantly updated.

   ========================================================================== */


.kl-iconbox__el-wrapper .kl-iconbox__title { color: #323232; font-size: 19px; line-height: 24px; font-family: 'Montserrat';}

.site-header.style5.new {border-bottom: #fff; background-color: #fff;}
.site-header.style5.new:after { display: none;}
.site-header.style5.new .main-nav>ul>li>a { color: #252525;}
.site-header.style5.new .main-nav>ul>li:hover>a { color: #fff;}
.site-header.style5.new .topnav>li>a { color: #252525;}
.site-header.style5.new .icon-white { color: #252525;}
.site-header.style5.new .social-icons.topnav.sc--clean>li>a:hover { color: #616161;}
.site-header.style5.new .spanel-label { color: #252525;}
.site-header.style5.new .searchBtn .icon-white { color: #fff !important;} 
.site-header.style5.new .separator { background: #4E4E4E;}
.site-header.style5.new .zn-res-trigger::after { background: #333;box-shadow: 0 8px 0 #333,0 16px 0 #333;}

.site-header.style8 .siteheader-container { margin-top: 17px;}

.site-header.style9 { background-color: #fff;}
.site-header.style9 .kl-top-header { color: #252525;}
.site-header.style9 .topnav>li>a { color: #252525;}
.site-header.style9 .topnav--lang .icon-white {color: #252525;}
.site-header.style9 .social-icons.topnav.sc--clean>li>a { color: #252525;}
.site-header.style9 .social-icons.topnav.sc--clean>li>a:hover { color: #6B6B6B;}
.site-header.style9 .kl-header-toptext,
.site-header.style9 .kl-header-toptext a { color: #252525;}
.site-header.style9 .main-nav>ul>li>a { color: #252525;}
.site-header.style9 .main-nav>ul>li:hover>a { color: #fff;}
.site-header.style9 .glyphicon-shopping-cart {color: #252525}
.site-header.style9 .zn-res-trigger::after { background: #000; box-shadow: 0 8px 0 #000,0 16px 0 #000;}

.site-header.style3.new { min-height: 120px;}

.site-header.style11 { background: #000;}
.site-header.style11 .logo-container { background: #333333; padding: 0 20px;}
.site-header.style11 .site-logo { min-height: 71px;}
.site-header.style11 .main-nav { float: right;}
.site-header.style11 .zn-res-trigger { float: right; margin-top: 27px;}

.site-header.style12 .site-logo {margin: 0 auto; float: none;}
.site-header.style12 .logo-container { float: none; display: inline-block; position: relative;}
.site-header.style12 .main-nav { float: none; text-align: center;}
.site-header.style12 .kl-main-header { text-align: center;}
.site-header.style12 .logo-container .logo-infocard { left: -150px;}
.site-header.style12 .logo-container.hasInfoCard:before { top: 30px;}
.site-header.style12 .site-logo a { padding-top: 5px;}


@media (max-width: 768px) {
	.login-panel .create_account { margin-bottom: 10px;}
	.login-panel .form-control { margin-bottom: 10px;}
}

/* Fixes */
@media (max-width: 1200px) {
 	.kl-iconbox--fright .kl-iconbox__icon-wrapper,
 	.kl-iconbox--fleft .kl-iconbox__icon-wrapper { float: none;}
 }

.site-header.style2 .kl-top-header2 {background: rgba(0,0,0,.7);color: rgba(255, 255, 255, 0.8);}
.site-header.style2 .kl-main-header .topnav { margin: 9px 0;}

.site-header.style2 .main-nav ul ul.sub-menu { top: calc(100% + 15px);}
.site-header.style2 .main-nav .hg_mega_container { top: calc(100% + -1px); }
.site-header.style2 .main-nav ul li:hover>ul { top: calc(100% - -8px);}
.site-header.style2 .main-nav ul li:hover>.hg_mega_container { top: calc(100% - -18px);}
.site-header.style2 .main-nav>ul>li>a { padding-top: 9px; padding-bottom: 4px;}
.site-header.style2 .main-nav>ul>li.active>a:before, 
.site-header.style2 .main-nav>ul>li:hover>a:before, 
.site-header.style2 .main-nav>ul>li>a:hover:before { height: calc(100% + 25px); margin-bottom: -25px; margin-top: 8px;}

.site-header.style3 .header-search, .site-header.style3.cta_button .header-search { margin-top: -3px;}
.site-header.style3 .logo-container, .site-header.style3 .site-logo { margin: 5px auto;}
.site-header.style3 .main-nav>ul { margin-bottom: -6px;}
.site-header.style3 .main-nav ul ul.sub-menu { top: calc(100% + 10px);}
.site-header.style3 .main-nav>ul { margin-top: 5px;}
.site-header.style3 .main-nav>ul>li { padding-bottom: 10px;}
.site-header.style3 .kl-cta-ribbon { margin-top: -10px;}
.site-header.style3 .main-nav .hg_mega_container { top: calc(100% + 0px);}
.site-header.style3 .main-nav ul li:hover>ul { top: calc(100% - -3px);}
.site-header.style3 .main-nav ul li:hover>.hg_mega_container { margin-top: 0px;}
.site-header.style3 .topnav.sc--clean>li>a, 
.site-header.style3 .topnav:not(.social-icons)>li>a, 
.site-header.style3 .topnav>li .icon-white { color: #252525;}
.site-header.style3 .main-nav>ul>li>a { color: #252525;}

.social-share2 { margin: 0px 0 30px; padding: 0; list-style: none; text-align: left;}
.services_box--boxed .services_box__list { padding-top: 250px !important;}

@media (min-width: 992px) and (max-width: 1200px) {
	.chaser .main-menu li a { font-size: 10px;}
	.chaser .main-menu { margin-top: 32px;}

	
}

@media ( min-width: 992px) {
  .site-header.style12 .main-nav>ul { display: inline-block; text-align: left;}
}

@media (max-width: 991px) {
	.site-header.style5 .zn-res-trigger { float: right; margin-top: 15px;}
}

@media (min-width: 768px) {
  .site-header.style11 .separator { margin-bottom: 0;}
}

@media (max-width: 768px) {
	.site-header .site-logo {width: 100%;height: auto; min-height: 0 !important;max-height: 100px;padding-top: 10px;padding-bottom: 10px;}
 	.logo-container{float: none;text-align: center; overflow: hidden;}
 	.site-header .social-icons.topnav~.kl-header-toptext {float: left;clear: left; margin-bottom: 10px; margin-top: 0;}
 	.separator.visible-xxs { display: block!important;}
 	.zn-res-trigger { margin-top: 14px !important;}
 	.site-header .topnav { margin-top: 15px;}
 	.header-leftside-container { overflow: hidden; margin-bottom: 0 !important;}
 	.site-header .header-search .searchBtn, 
 	.site-header.cta_button .header-search .searchBtn { margin: 14px 0 0 10px;}

 	.site-header.style2 .kl-main-header .topnav { margin: 9px 0;}
 	.site-header.style2 .header-rightside-container { overflow: hidden; float: none; margin: 0;}
 	.site-header.style2 .h-right-inner { float: left;}
 	.site-header.style2 .header-rightside-container .topnav { float: left;}
 	.site-header.style2 .header-search, 
 	.site-header.style2.cta_button .header-search { top: 20px; height: 30px;}
 	.site-header.style2 .header-search .searchBtn, 
 	.site-header.style2.cta_button .header-search .searchBtn { margin: 0;}

 	.site-header.style4 .site-logo a { border-top: none; border-bottom: none; background: transparent;}
 	.site-header.style4 .site-logo a:after { display: none;}
 	.site-header.style4 .spanel-label { margin-top: 2px;}
 	.site-header.style4 .xs-icon { line-height: 24px;}

 	.site-header.style3 {background-color: #fff;}
 	.site-header.style3 .topnav.social-icons li { margin: -4px 0 0 10px;}    
 	.site-header.style3 .topnav { margin-top: 2px;}
 	.site-header.style3 .spanel-label { margin-top: 2px;}
 	.site-header.style3 .logo-container, .site-header.style3 .site-logo {margin: 0px auto;}

 	.site-header.style3 .kl-header-toptext { margin-top: 0;}
 	

 	.kl-store-page .left_sidebar ul.products li.product, .kl-store-page .right_sidebar ul.products li.product { width: 50%;}


   .site-header,
   .site-header.style2,
   .site-header.style4,
   .site-header.style5 {background-color:#2f2f2f;}
   .site-header.style4 .topnav.navLeft { margin-left: 0;}

   .site-header.style5 .header--oldstyles .topnav .xs-icon { line-height: 22px;}
   .site-header.style5 .header-links-container { margin: 0; height: 35px;}
   .site-header.style5 .topnav { float: none;}
   .site-header.style5 .spanel-label { margin-top: 1px;}

   .site-header.style6 .site-logo a { border-top: none; border-bottom: none; background: transparent;}
   .site-header.style6 .site-logo a:after { display: none;}
   .site-header.style6 .topnav.navLeft, 
   .site-header.style6 .topnav.navRight { margin-top: 6px;}
   .site-header.style6 .header-links-container { margin: 0 !important;}
   .site-header.style6 .languages { margin-left: 0;}

   .site-header.style11 .zn-res-trigger,
   .site-header.style12 .zn-res-trigger { float: left; margin-top: 10px; margin-bottom: 15px; margin-left: 15px;}

   .iosslider-slideshow .iosSlider,
   .static-content__source { transform: none !important;}


   .services_box--boxed:hover { z-index: 3;}
   .services_box--boxed .services_box__list { padding-top: 250px !important;}

   .gobox:after,
   .gobox:before { transform: none; left: auto; right: auto;}
   .gobox.ok { padding-left: 50px}
   .gobox.ok>.glyphicon { left: 20px;}

   .container .process_steps--style2 .process_steps__intro { border-top-right-radius: 5px;}
   .process_steps__intro-wrp { margin-bottom: 30px}
   .bigsocialblock__title { margin-bottom: 0;}

   .photo-wall .pw-details [data-role="title"] { line-height: 24px;}
   .kl-slideshow .kl-slideshow-safepadding { padding-top: 50px !important;}

   .flickrfeed { overflow: hidden; margin-bottom: 30px;}
   .hover-box.hover-box-2 { margin-bottom: 15px;}
   .info-text { margin-bottom: 25px;}


   .full_width { padding-left: 15px; padding-right: 15px;}

   .hg_section--relative.ptop-210 { padding-top: 70px !important;}

   .one-page-footer .newsletter-signup .nl-email { width: 100%;}

   .team_member,
   .team_member:hover { padding: 20px; margin-bottom: 20px;}

	.vertical_tabs.kl-style-2 .tabbable { -webkit-box-orient: vertical; -webkit-box-direction: normal;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

    .vertical_tabs.kl-style-2 .tabbable .nav>li>a { margin-right: 1px;}
    .vertical_tabs.kl-style-2 .tabbable .nav>li:first-child a { border-top-right-radius: 3px;}
    .vertical_tabs.kl-style-2 .tabbable .nav>li:last-child a { border-bottom-right-radius: 3px;}
}

@media (max-width: 600px) {
	.tabbable>ul.nav>li { float: none;display: block;}
    .tabs_style5>ul.nav>li:first-child>a { padding: 8px 20px;}
    .tabs_style2>ul.nav>li:first-child a,
    .tabs_style2>ul.nav>li a,
    .tabs_style3>ul.nav>li>a,
    .tabs_style4>ul.nav>li>a { padding: 12px 20px;}
    .tabs_style4>ul.nav { border: solid 1px #ddd; border-radius: 3px; margin-bottom: 10px;}
    .tabs_style4>ul.nav>li.active>a { border: none;}
}

@media (max-width: 500px) { 
 	.action_box_content .ac-buttons a { margin-bottom: 10px;}

}

@media (max-width:480px){

	.kl-store-page .left_sidebar ul.products li.product, .kl-store-page .right_sidebar ul.products li.product {width: 100%;}
	.header-leftside-container { overflow: visible;}
	.site-header.style2 .header-search, 
 	.site-header.style2.cta_button .header-search { top: 20px; height: 30px;}
 	.site-header.style2 .header-search .searchBtn, 
 	.site-header.style2.cta_button .header-search .searchBtn { margin: 0;}

 	.site-header.style4 .topnav.navLeft { margin-top: -4px;}
 	.site-header.style4 .header--oldstyles .topnav.social-icons { margin-top: -2px;}
 	.site-header.style4 .spanel-label { margin-top: -1px;}
 	.site-header.style4 .header-links-container { margin: 8px 0 7px !important; height: auto; width: 100%; border-bottom: none; padding-bottom: 0;}
 	.site-header.style4 .glyphicon-log-in { margin-top: -2px; margin-right: 10px;}    


 	.site-header.style5 .header-links-container { margin: 0 0 7px!important; }
 	.site-header.style5 .header-search { clear: left;}
 	.site-header.style5 .topnav { float: right;}
 	.site-header.style5 .header-links-container { margin: 8px 0 7px !important; height: auto; width: 100%; border-bottom: none; padding-bottom: 0;}


 	.site-header.style6 .header-links-container { height: 35px !important; border-bottom: none;}
 	.site-header.style6 .header--oldstyles .topnav.social-icons { margin-top: 3px;}
 	.site-header.style6 .header--oldstyles .topnav.topnav--lang { margin-top: 2px;}
 	.site-header.style6 .topnav.navLeft, .site-header.style6 .topnav.navRight { margin-top: 4px;}

 	.btn-forth { width: 50%;}

 	.grid-ibx--cols-2 .grid-ibx__item, 
 	.grid-ibx--cols-3 .grid-ibx__item, 
 	.grid-ibx--cols-4 .grid-ibx__item, 
 	.grid-ibx--cols-5 .grid-ibx__item { margin-left: 0;}
}



.carousel {
  position: relative;
  margin-bottom: 18px;
  line-height: 1;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
      -ms-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel .item > img {
  display: block;
  line-height: 1;
}

.carousel .active,
.carousel .next,
.carousel .prev {
  display: block;
}

.carousel .active {
  left: 0;
}

.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel .next {
  left: 100%;
}

.carousel .prev {
  left: -100%;
}

.carousel .next.left,
.carousel .prev.right {
  left: 0;
}

.carousel .active.left {
  left: -100%;
}

.carousel .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 18px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.right {
  right: 15px;
  left: auto;
}

.carousel-control:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  color: #ffffff;
}
p {
  margin: 0 0 10px !important;
}

.page-results {
  overflow: hidden;
}