/* Start:/styles/med.css?17852402944579*/
body .page.inner {
  background: url(/images/portfolio/med/bg.jpg) top center no-repeat #ff8c01;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

body .container {
  overflow: visible;
}
body .slick-list {
  overflow: visible;
}
body .main {
  background: transparent;
}

.intro {
  color: #fff;
}

.things {
  margin-left: -145px;
  margin-right: -205px;
  max-width: 150%;
}
.dis1, .dis2, .dis3, .dis4, .dis5{
  -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.14);
  -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.14);
  box-shadow: 0px 5px 5px rgba(0,0,0,.14);
}
.dis1 {
  margin-left: 64px;
}

.dis2 {
  margin-top: -274px;
}

.dis3 {
  margin-top: 45px;
  margin-left: 66px;
}

.dis4 {
  margin-top: -219px;
}

.dis5 {
  margin-left: 54px;
  margin-top: -67px;
}

.mobile {
  margin-top: 103px;
  margin-bottom: 215px;
  position: relative;
}
.mobile:after {
  content: "";
  position: absolute;
  height: 135px;
  bottom: -117px;
  width: 100%;
  left: 0;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF37705', endColorstr='#FFF09118');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f37705), color-stop(1%, rgba(243, 119, 5, 0.99)), color-stop(100%, rgba(240, 145, 24, 0)));
  background-image: -webkit-linear-gradient(top, #f37705 0%, rgba(243, 119, 5, 0.99) 1%, rgba(240, 145, 24, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f37705), color-stop(1%, rgba(243, 119, 5, 0.99)), to(rgba(240, 145, 24, 0)));
  background-image: linear-gradient(top, #f37705 0%, rgba(243, 119, 5, 0.99) 1%, rgba(240, 145, 24, 0) 100%);
  z-index: 0;
}
.mobile .container {
  overflow: hidden;
  padding-bottom: 144px;
}
.mobile .container-small {
  position: relative;
  width: 950px;
  max-width: 950px;
  border-top: 1px solid transparent;
}
.mobile .viewport {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -165px;
  width: 330px;
  height: 684px;
  background: url(/images/portfolio/med/phone.png) no-repeat;
  z-index: 1;
}
.mobile .slides {
  margin-top: 35px;
}
.mobile .slick-slide {
  position: relative;
  left: 79px;
  -webkit-transition: .5s;
  transition: .5s;
  will-change: top, left;
}
.mobile .slick-active {
  left: -67px;
  z-index: 1;
  top: 65px;
}
.mobile .slick-active + .slick-active {
  left: 0;
}
.mobile .slick-active + .slick-active + .slick-active {
  left: 67px;
}
.mobile .slick-active + .slick-active + .slick-active + .slick-slide {
  left: -79px;
}
.mobile .ctrl {
  position: absolute;
  bottom: 27px;
  width: 100%;
  text-align: center;
}
.mobile .ctrl .prev, .mobile .ctrl .next {
  background: url(/images/portfolio/med/controlls.png) no-repeat;
  width: 45px;
  height: 45px;
  padding: 0;
  border: 0;
}
.mobile .ctrl .prev {
  background-position: -45px -45px;
  margin-right: 14px;
}
.mobile .ctrl .prev:hover {
  background-position: 0 -45px;
}
.mobile .ctrl .next {
  background-position: -45px 0;
}
.mobile .ctrl .next:hover {
  background-position: 0 0;
}

.things-container {
	width: 1219px;
	max-width: 100%;
	position: relative;
	/*background: url(/images/portfolio/med/things-background.png) no-repeat center top;*/
}

.things-container img:nth-child(1) {
	/*opacity: 0.2;*/
}

.thing1 {
	position: absolute;
	/*top: 3px;
	left: 26px;*/
	top: 0.35928143712575%;
	left: 2.13289581624282%;
	width: 32.18390804597701%;
}

.thing2 {
	position: absolute;
	/*top: 3px;
	left: 348px;*/
	top: 0.35928143712575%;
	left: 40.22988505747126%;
	width: 29.88505747126437%;
}

.thing3 {
	position: absolute;
	/*top: 3px;
	left: 606px;*/
	top: 0.35928143712575%;
	left: 69.6551724137931%;
	width: 36.7816091954023%;
}

.thing4 {
	position: absolute;
	/*top: 312px;
	left: 59px;*/
	top: 37.36526946107784%;
	left: 6.7816091954023%;
	width: 34.82758620689655%;
}

.thing5 {
	position: absolute;
	/*top: 343px;
	left: 387px;*/
	top: 41.07784431137725%;
	left: 44.48275862068966%;
	width: 20.3448275862069%;
}

.thing6 {
	position: absolute;
	/*top: 316px;
	left: 663px;*/
	top: 37.84431137724551%;
	left: 76.20689655172414%;
	width: 26.20689655172414%;
}

.thing7 {
	position: absolute;
	/*top: 716px;
	left: 0px;*/
	top: 85.74850299401198%;
	left: 0%;
	width: 34.94252873563218%;
}

.thing8 {
	position: absolute;
	/*top: 705px;
	left: 349px;*/
	top: 84.4311377245509%;
	left: 40.11494252873563%;
	width: 26.4367816091954%;
}

.thing9 {
	position: absolute;
	/*top: 685px;
	left: 616px;*/
	top: 82.03592814371257%;
	left: 70.80459770114943%;
	width: 35.97701149425287%;
}

/*# sourceMappingURL=med.css.map */

/* End */
/* /styles/med.css?17852402944579 */