/* Start:/styles/gikom.css?17852402942753*/
.landing {
  opacity: .99;
}
.landing:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: -30%;
  height: 936px;
  background: #e7e7e7;
  z-index: -1;
  -webkit-transform: rotate(-22deg);
  -ms-transform: rotate(-22deg);
  transform: rotate(-22deg);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.landing .tooltip {
  position: absolute;
  left: -40px;
  bottom: -129px;
}
.landing .tooltip svg {
  position: absolute;
  left: -66px;
  top: -30px;
}

body .head {
  position: relative;
  z-index: 2;
}

body .page.inner {
  overflow: hidden;
  position: relative;
}

body .container {
  overflow: visible;
}
body .slider .slides {
  overflow: visible;
}

.design1 {
  position: relative;
}
.design1 .bubble {
  position: absolute;
  width: 410px;
  height: 410px;
  background: url(/images/portfolio/gikom/bubble.png) no-repeat;
  left: -125px;
  bottom: -64px;
  border-radius: 50%;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
}

.design {
  position: relative;
  opacity: .99;
  margin-top: 60px;
}
.design:before {
  content: "";
  position: absolute;
  top: 13%;
  right: -30%;
  left: -30%;
  height: 936px;
  background: #e7e7e7;
  z-index: -1;
  -webkit-transform: rotate(-22deg);
  -ms-transform: rotate(-22deg);
  transform: rotate(-22deg);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.design .dis3 {
  margin-top: -537px;
  float: right;
  margin-right: -276px;
  position: relative;
  z-index: 1;
  margin-bottom: -247px;
}
.design .dis4 {
  position: relative;
  z-index: 1;
}
.design1 img, .dis2, .dis3, .dis4{
  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.14);
  -moz-box-shadow: 0 5px 5px rgba(0,0,0,.14);
  box-shadow: 0 5px 5px rgba(0,0,0,.14);
}
.slider {
  position: relative;
  z-index: 1;
  margin-top: 105px;
}
.slider .slides {
  overflow: hidden;
}
.slider .slick-dots {
  width: auto !important;
  list-style: none;
  text-align: center;
  position: static;
}
.slider .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.slider .slick-dots button {
  width: 20px;
  height: 20px;
  background: #c6c6c6;
  border: none;
  text-indent: -99px;
  padding: 0;
}
.slider .slick-dots .slick-active button {
  background: #a31a26;
}
.slider .container-small {
  position: relative;
}
.slider .tooltip {
  position: absolute;
  right: 0;
  bottom: 100px;
  padding-right: 20px;
  padding-top: 40px;
}
.slider .tooltip svg {
  position: absolute;
  right: 0;
  top: 0;
}

/*# sourceMappingURL=gikom.css.map */
/* End */
/* /styles/gikom.css?17852402942753 */