/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar-number { position:absolute; left:40%; top:30%; width:80px; height:60px; background:url(https://d98fd8.claudeassets.com/20200803060327im_/https://kosagaram.com/src/number_icon.gif) no-repeat; }
#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}
.tabs_products-us-div { padding:40px 0px; }
.nav-tabs { border:0px !important; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border:1px; background:#29D522; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover { background:#29D522 !important; color:#fff !important;
border: 0px solid #ddd!important; }
.nav-tabs>li>a {  border-radius: 2px ;  } .tab-content { padding:10px; }
.nav-tabs>li>a { background:#000000; color:#fff; font-family:'Oswald', sans-serif; font-size:15px; }


.portfolio .thumbnail .caption {
padding: 0;
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.portfolio .thumbnail {
  padding: 0;
  margin: 0;
  text-align: center;
  border: none;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
line-height: 0;
width: 23.99%;
height: 178px; display:inline-block;
}
.portfolio .thumbnail img {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.portfolio .thumbnail .caption {
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.portfolio .thumbnail:hover .caption,
.portfolio .thumbnail:hover .title, .portfolio .thumbnail:hover .tag, .portfolio .thumbnail:hover .ico-block { opacity: 1; }
.portfolio .thumbnail:hover img { width:110%; }
.portfolio .thumbnail .title {
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  bottom: 15%;
  left: 0;
  width: 100%;
}

.portfolio .thumbnail .title a {
  text-decoration: none;
}
.portfolio .thumbnail .tag {
  line-height: 1;
  position: absolute;
  top: 40%;
  left: 0;   font-family: 'Oswald', sans-serif;
  width: 100%; font-size:18px;
  text-align: center;
}
/* Portfolio animation
/* ========================================================================== */
.portfolio .thumbnail .caption,
.portfolio .thumbnail .title,
.portfolio .thumbnail .tag,
.portfolio .thumbnail .ico-block {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity = 0);
  opacity: 0;
}
.portfolio .thumbnail .caption {
  background-color: #29D522;
  background-color: #29D522;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.portfolio .thumbnail .title {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}#hide_footer_div { display:none; }
.portfolio .thumbnail .title a {
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-size:18px;
}
.portfolio .thumbnail .title a:hover {
  color: #ffffff;
}
.portfolio .thumbnail .tag {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color: #ffffff;
}
.portfolio .thumbnail .ico-block {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.portfolio .thumbnail.hover .title,
.portfolio .thumbnail.hover .tag,
.portfolio .thumbnail.hover .caption,
.portfolio .thumbnail.hover .ico-block {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity = 100);
  opacity: 1;
}
.portfolio .thumbnail.hover .title,
.portfolio .thumbnail.hover .tag,
.portfolio .thumbnail.hover .ico-block {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.portfolio .thumbnail.hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.portfolio .thumbnail.hover .tag {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.portfolio .thumbnail.hover .ico-block {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.color_bg_main { background:url(https://edb07b.claudeassets.com/20200803060327im_/https://kosagaram.com/src/parallax1.jpg) no-repeat;  }
.color_bg_pix { background:url(https://787024.claudeassets.com/20200803060327im_/https://kosagaram.com/src/overlay.png) no-repeat;  padding:40px 0px;   }
.color_bg_pix .container-fluid { width:45%; text-align:center; margin:0px auto; }
.color_bg_main .header_center_div  { font-size:45px; color:#fff; line-height:69px; }
.about-us-div, .why_vision_div, .howe_div_main, .contact_div{ padding:30px 0px; }
#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;

  background: #fd9b10;
  position: fixed;
  z-index: 10002;
  top: 45%;
  left: 0;
  width: 100%;
  height:35px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
.carousel-inner { height:100%; }

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 35px;
  opacity: .85;
  -moz-box-shadow: #fd9b10 1px 0 6px 1px;
  -ms-box-shadow: #fd9b10 1px 0 6px 1px;
  -webkit-box-shadow: #fd9b10 1px 0 6px 1px;
  box-shadow: #fd9b10 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px;
}

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;
  border:  solid 1px transparent;
  border-top-color:  #fd9b10;
  border-left-color: #fd9b10;
  border-radius: 10px;

  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation:    loading-bar-spinner 400ms linear infinite;
  -ms-animation:     loading-bar-spinner 400ms linear infinite;
  -o-animation:      loading-bar-spinner 400ms linear infinite;
  animation:         loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
  0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
  0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading-bar-spinner {
  0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

/*
     FILE ARCHIVED ON 21:58:14 Jan 23, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:00:48 Jun 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.513
  exclusion.robots: 0.048
  exclusion.robots.policy: 0.036
  esindex: 0.009
  cdx.remote: 8.97
  LoadShardBlock: 52.452 (3)
  PetaboxLoader3.datanode: 91.47 (5)
  PetaboxLoader3.resolve: 228.81 (3)
  load_resource: 295.079 (2)
*/