/*===========================
  slider
============================ */

.slider {
	position: relative;
}
.carousel .carousel-indicators li {
    border: none;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 2px;
    background-color: #9a9895;
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}
.carousel .carousel-indicators .active {
    width: 15px;
    height: 15px;
	border: 2px solid #ffbb44;
    background-color: transparent;
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}
.carousel-control-btn a i {
	font-size: 30px;
	height: 70px;
	padding: 0 10px;
	position: absolute;
	line-height: 70px;
	top: 50%;
	width: 50px;
	color: rgba(255, 255, 255, 0.80);
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}
.carousel-control-btn a i:hover {
	background-color: transparent;
}
.carousel-control a i:hover {
	background-color: #9b7626;
	color: #fff;
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}
.carousel-control {
	width: inherit;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: -25px;
	z-index: 5;
	opacity: 1;
}
.carousel-control.left i {
	left: 0;
}
.carousel-control.right i {
	right: 0;
}
.carousel-control-btn {
	position: absolute;
	left: 60px;
	right: 60px;
	top: 50%;
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}
.carousel:hover .carousel-control-btn {
	left: 20px;
	right: 20px;
	opacity: 1;
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}
.carousel-caption {
	width: 100%;
	position: relative;
	z-index: 5;
	height: 100%;
	left: 0;
	bottom: 0;
}
.carousel-caption-inner {
	margin: auto;
	width: 100%;
	position: relative;
	z-index: 5;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	display: block;
}
.carousel-bg-color {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 4;
}
.carousel-bg-color {
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}
.carousel-inner:hover .carousel-bg-color {
	background: rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}
.carousel-caption p span {
	color: #fff;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Archivo Black';
    font-size: 56px;
    margin: 0;
    padding: 0 10px;
    line-height: 0.9;
}
.carousel-caption p {
    color: #fff;
    text-align: left;
    padding: 0px 15px;
    font-family: 'Roboto Slab';
    font-size: 20px;
    padding-top: 5px;
}
.carousel-caption p>small {
    font-family: 'Roboto Slab';
    font-size: 15px;
}
.fill {
	width: 100%;
    height: 100%;
    height: 650px;
    position: relative;
}
.fill>img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.img-right-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

/* FADE EFFECT SLIDER */

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-ms-transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
    background: none;
}

.border-carousel-caption {
    position: relative;
}

.slider-button {
    width: 500px;
    margin: 0px auto;
}

@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-fade .carousel-inner>.item.next, .carousel-fade .carousel-inner>.item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner>.item.prev, .carousel-fade .carousel-inner>.item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner>.item.next.left, .carousel-fade .carousel-inner>.item.prev.right, .carousel-fade .carousel-inner>.item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/* 13-10-2016 */

.carousel-bg-color-50 {
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}
.carousel-bg-color-50 {
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	display: block;
	z-index: 4;
	position: absolute;
}
.carousel-bg-color-50-center {
	margin: auto;
	width: 100%;
	position: relative;
	z-index: 5;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	display: block;
	/*overflow: hidden;*/
}
@media(max-width:767px) {
	.fill {
		height: 210px;
	}
    .carousel-caption p {
        padding: 0px 5px;
        font-size: 12px;
        padding-top: 5px;
        margin: 0;
    }
    .carousel-caption p span {
        font-size: 16px;
        margin: 0;
        padding: 0 10px;
        line-height: 0;
    }
    .carousel-caption p>small {
        font-size: 15px;
    }
    .carousel-caption-inner {
        top: 40%;
    }
}
@media(min-width:992px) {
	.carousel-bg-color-50 {
		width: 50%;
	}
}


/* common */

@media (min-width: 0) {
	html {
		font-size: 1.2rem;
	}
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?6mydhx');
  src:  url('../fonts/icomoon.eot?6mydhx#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?6mydhx') format('truetype'),
    url('../fonts/icomoon.woff?6mydhx') format('woff'),
    url('../fonts/icomoon.svg?6mydhx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-app:before {
  content: "\e900";
  font-size: 48px;
  color: #ed6950;
}
.icon-plus:before {
  content: "\e901";
}
.icon-play-button:before {
  content: "\e902";
  color: #ed6950;
  font-size: 50px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
}
.icon-magnifying-glass:before {
  content: "\e903";
  color: #ed6950;
  font-size: 16px;
}
.icon-web-link:before {
  content: "\e904";
  color: #ed6950;
  font-size: 16px;
}
.icon-back:before {
  content: "\e905";
  font-size: 40px;
  color: #c2c2b8;
}
.icon-next:before {
  content: "\e906"!important;
  font-size: 40px;
  color: #c2c2b8;
}
.icon-chat:before {
  content: "\e907";
}
.icon-placeholder:before {
  content: "\e908";
  font-size: 40px;
  color: #fff;
}
.icon-envelope:before {
  content: "\e909";
  font-size: 40px;
  color: #fff;
}
.icon-phone-call:before {
  content: "\e90a";
  font-size: 40px;
  color: #fff;
}
.icon-share:before {
  content: "\e90d";
}
.icon-management:before {
  content: "\e90e";
  font-size: 48px;
  color: #ed6950;
}
.icon-effectiveness:before {
  content: "\e90f";
  font-size: 48px;
  color: #ed6950;
}
.icon-dev-code:before {
  content: "\e910";
  font-size: 48px;
  color: #ed6950;
}
.icon-idea:before {
  content: "\e911";
  font-size: 48px;
  color: #ed6950;
}
.icon-keyboard:before {
  content: "\e912";
  font-size: 48px;
  color: #ed6950;
}
.icon-digital-design:before {
  content: "\e913";
  font-size: 48px;
  color: #ed6950;
}
.icon-crafted-ideas:before {
  content: "\e914";
  color: #a74432;
  font-size: 10em;
}

.icon-play-video:before {
    content: "\e90d";
    color: #ed6950;
    font-size: 50px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
}
.icon-envelop:before {
  content: "\e945";
  font-size: 40px;
  color: #fff;
}
.icon-location:before {
  content: "\e947";
  font-size: 40px;
  color: #fff;
}