@import '../css-1';
body{
	background-repeat: no-repeat;
	font-family: 'Cairo', sans-serif;
	font-size: 14px;
	
}

body.home-page{
    background-color: #110801;
}
body::-webkit-scrollbar {
	width: 8px;
}

body::-webkit-scrollbar-track {
	background: #e0e0e0;
	border-radius: 5px;
}

body::-webkit-scrollbar-thumb {
	background-color: #aa8040;
	border-radius: 5px;
}
.visible{
	opacity: 1 !important;
	top: 0 !important;
}
.main{

}
h2{
	font-size: 30px;
	font-weight: 300;
}
header h2{
	font-size: 47px;
	color: #df7500;
	margin-top: 70px;
}
h1{
	font-size: 90px;
	color: #ddcbb5;
	font-weight: 900;
	margin-bottom: 30px;
	text-transform: uppercase;
}
h3{
	font-size: 36px;
	color: #fff;
	font-weight: 300;
}
h4{
	font-size: 18px;
	color: #fff;
	font-weight: 300;
}
p{
	font-weight: 400;
}
.clear{
	clear: both;
}
.img-responsive1{
	/* width: 100%; */
	min-width: 100%;
	max-width: none !important;
}

/*----headers---*/
.ordinary-page{
	background: #d9d2c8;
}
.ordinary-page-header{
	background: url(../img/other-pages-header.jpg);
	background-size: cover;
	padding-top: 60px;
	padding-bottom: 60px;
}
.header-breadcrumbs, .header-breadcrumbs a{
	color: #6f3a00;
	font-weight: 600;
	font-size: 14px;
}
.header-breadcrumbs a:hover{
	text-decoration: none;
}
.ordinary-page-header h1{
	font-size: 48px;
	color: #fff;
	font-weight: 400;
	margin: 0;
}
.line-1px{
	margin: 15px 0px 10px 0px;
	max-width: 100%;
}
.no-gutter > [class*='col-'], .no-gutter > [class*='col-'] > [class*='col-']{
	padding-right:0;
	padding-left:0;
}
/*---------------NAVBAR--------------*/
nav{
	height: 100px;
}
.navbar{
	margin-bottom: 0;
}
.navbar-default {
	border: none;
	padding-top: 0px;
	background: url(../img/logo-bg1.png), #e6e3e1;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}
.navbar-nav{
	float: right;
	padding: 24px 0;

}
.navbar-default .navbar-nav>li>a{
	color: #393331;
	font-size: 14px;
	font-weight: 700;
	transition: .2s all;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:focus{
	color: #df7400;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color: #df7400;
	background: none;
}
.navbar-header{
	padding-left: 0px;
	height: 100%;
}
.navbar-brand{
	padding-top: 14px;
	padding-left: 0;
}
.navbar-toggle{
	background: transparent;
}
.navbar-default .navbar-toggle{
	background: transparent;
	border: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #df7500;
	transition: .2s all;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{
	background: #ddcbb5;
}
.navbar-toggle .icon-bar {
	width: 35px;
	height: 2px;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 8px;
}
/*--------------BUTTONS--------------*/
.btn-default {
	background: transparent;
	color: #bb9d61;
	border: 1px solid #bb9d61;
	padding: 15px 20px;
	font-size: 14px;
	border-radius: 3px;
	box-sizing: border-box;
	font-weight: 600;
	margin-top: 0;
	transition: .2s all;
}
.btn-default:hover{
	background: #bb9d61;
	color: #fff;
	border: 1px solid #bb9d61;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.4);
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{

	background: #bb9d61;
	color: #fff;
	border: 1px solid #bb9d61;
}
.btn-default img.arrow-white{
	margin-right: 18px;
	margin-top: 2px;
	width: 16px;
	height: 16px;
	float: left;
}
.btn-orange .btn-default{
	background: #df7400;
	color: #fff;
	border: 1px solid #df7400;
	margin-top: 50px;
	position: relative;
}

.btn-orange .btn-default:hover{
	background: transparent;
	color: #df7400;
	border: 1px solid #df7400;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.4);
}
.btn-brown .btn-default{
	background: #bb9d61;
	color: #fff;
	border: 1px solid #bb9d61;
	margin-top: 20px;
	position: relative;
}

.btn-brown .btn-default:hover{
	background: transparent;
	color: #bb9d61;
	border: 1px solid #bb9d61;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.4);
}
/*---------------CONTENT------------*/

.products-range{
	text-align: center;
	background: url(../img/products-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100%;
	padding: 74px 0;
}
.products-range h2{
	color: #df7400;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 70px;
}
.products-range figure{
	border-radius: 3px;
	width: 100%;
	height: auto;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.products-range figure img{
	border-radius: 3px;
	width: 100%;
	transition: .2s all;
	transform: scale(1);
}
.prod-img{
	position: relative;
	z-index: 1;
}
.products-range figure div{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.products-range figure .overlay{
	opacity: .9;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: .2s all;
	z-index: 2;
	transform: scale(1);
}
.products-range figure:hover img, .products-range figure:hover .overlay{
	transform: scale(1.1);
}
.products-range figure:hover .overlay{
	opacity: 0;
}
.products-range a{
	text-decoration: none;
	color: #bc9c63;
	font-size: 16px;
	position: relative;
	top: 30px;
	font-weight: 700;
	transition: .3s all;
}
.products-range a:hover{
	text-decoration: none;
	color: #df7400;
}
.products-range .btn-orange{
	position: relative;
}
#btn-line-left {
	top: 24px;
	position: relative;
	right: 30px;
}
#btn-line-right {
	top: 24px;
	position: relative;
	left: 30px;
}


.project-thumb{
	width: 25%;
	display: inline-block;
	float: left;
	position: relative;
	overflow: hidden;
}
.project-thumb.wide{
	width: 50%;
}
.project-thumb.high{
}
.project-thumb img{
	width: 100%;
}
.project-thumb figcaption{
	background: none;
	opacity: 0;
	padding: 60px;
	position: absolute;
	background: #111517;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s all;
}
.project-thumb:hover figcaption{
	opacity: .9;
}
.project-thumb figcaption h4{
	color: #f0d8a8;
	font-size: 24px;
	font-weight: 700;
}
.project-thumb figcaption h5{
	color: #fff;
	font-size: 12px;
}
.project-thumb figcaption p{
	color: #fff;
	font-size: 14px;
}
.figcaption-line{
	height: 2px;
	width: 40px;
	background: #df7500;
	margin-bottom: 15px;
	margin-top: 20px;
}
.more{
	position: absolute;
	float: left;
	right: 0;
	bottom: 0;
	transition: .3s all;
}
.more-hover{
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: .3s all;
}
.more:hover .more-hover{
	opacity: 1;
}


.more-projects {
	/*background: url(../img/more-projects-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100%;*/
	background: #f1efec;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.more-projects h3{
	font-size: 24px;
	color: #393331;
}

.clients{
	background: #f1efec;
	padding-top: 80px;
	padding-bottom: 80px;
}

.content-section .inner-content{
    padding: 20px 185px;
}

.content-section .inner-content h3{
    color: #37322f;
}

.content-section .inner-content #content_div{
    padding-left:0px;
}

.email-confirm{
	text-align: center;
    padding: 10px;
    color: #df7500;
}

.social-bar {
    position: fixed;
    left: 0px;
    top: 50%;
    margin-top: -98px;
    width: 60px;
    height: 196px;
    z-index: 110;
}

.social-bar a {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    margin-bottom: 1px;
    line-height: 60px;
    background: rgba(0,0,0,0.50);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.social-bar a img {
    display: block;
    width: 48px;
    height: 48px;
}

.content-section {
    position: relative;
    padding: 10px 0px 30px;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: cover;
    text-align: left;
    font-size: 15px;
    min-height: 603px;
}

.content-section .auto-container {
    position: static;
    max-width: 1170px;
    padding: 0px 15px;
    margin: 0 auto 0 145px;
}

.content-section h3 {
    font-size: 38px;
    margin-bottom: 30px;
    color: #333333;
    line-height: 1.4em;
    text-transform: uppercase;
}

#content_div{
    padding-left: 0px;
}

.all-projects{
    text-align: center;
}

.all-projects h3.ProjectCity{
font-size: 12px;
text-transform: uppercase;
letter-spacing: 5px;
color: WHITE	;
font-weight: 400;
}

.all-projects h3 {
    font-size: 15px;
    color: #dd7400;
    font-weight: 400;

} 
.all-projects hr{
margin-bottom: 20px;
border-width: 1px 0px 0px;
border-style: solid none none;
border-color: #DD7452;
border-image: none;
margin-top: 20px;
width: 50px;
}

.all-projects h2{
    font-size: 20px;
	font-weight: 700;
	color:white;
}

.all-projects .small-project{
	padding:20px;
    border: 1px solid #CCC7C2;
	min-height: 230px;
	background-color: #110801;
	background-image:url('../img/Pattern-projects.png');
	   -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.mar{margin-bottom:30px;}

div#panel1 {transition: 1s ease-in-out;opacity: 0;max-height: 0;overflow: hidden;min-height: 0px;}

div#panel1.show {opacity: 1; max-height: 100%;padding: 30px; min-height: 100%;background-color: #E6E0DA;}

.preloader{ position:fixed; right:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../img/preloader.GIF);}

.project-header{
    background: url(../img/footer-bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    color: #6e2306;
    position: relative;
    padding: 100px 0;
}

.project-about{
	color: #d5be92;
    font-size: 30px;
	line-height: 1;
}

.project-header h1{
	color: #d6bf96;
    font-size: 30px;
    font-weight: normal;
	margin: 20px 0 15px;
	line-height: 1;
}

.project-header .location{
    color: #e6e3e1;
    font-size: 18px;
	line-height: 1;
}

.project-header .Description{

	color: #e9e4e1;
    font-size: 14px;
}

#carousel-package{
    padding: 70px 0; 
    border-top: 1px solid #bcb3a2;

}

#carousel-package .carousel-inner>.item>a>img, #carousel-package .carousel-inner>.item>img, #carousel-package .img-responsive, #carousel-package .thumbnail a>img, #carousel-package .thumbnail>img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}
.carousel-inner.homepage-carousel{
	max-height: 800px;
}

#carousel-package .left.carousel-control {
    position: absolute;
    top: 45%;
    bottom: 0;
    left: -100px;
    width: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: 1;
}

#carousel-package .right.carousel-control {
    position: absolute;
    top: 45%;
    bottom: 0;
    right: -12px;
    width: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: 1;
}

.btn-slider.btn:active:focus, .btn-slider.btn:focus{
	outline: none;
}

#carousel-package .carousel-inner.project>.item>img{
    max-width: 880px;
	margin: 0 auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #393331;
	-webkit-box-shadow: 0 1px 20px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 20px rgba(0,0,0,.15);
	box-shadow: 0 1px 20px rgba(0,0,0,.15);
}

.projects-slider{
	padding:70px 0;
}

/*-------*/
.slide-up
{
	position: relative;
	visibility: hidden;
	transition: .6s all;
}
.slide-up-2
{
	position: relative;
	visibility: hidden;
	transition: .6s all;
}
.slide-left, .slide-right{
	position: relative;
	visibility: hidden;
	transition: .6s all;
}
.animate{
	visibility: visible;
	-webkit-animation: slide-up 0.6s;
	-moz-animation: slide-up 0.6s;
	animation: slide-up 0.6s;
}
.animate1{
	visibility: visible;
	-webkit-animation: cd-bounce-1 0.6s;
	-moz-animation: cd-bounce-1 0.6s;
	animation: cd-bounce-1 0.6s;
}
.animate2{
	visibility: visible;
	-webkit-animation: slide-up-2 0.6s;
	-moz-animation: slide-up-2 0.6s;
	animation: slide-up-2 0.6s;
}
.animate-left{
	visibility: visible;
	-webkit-animation: slide-left 0.6s;
	-moz-animation: slide-left 0.6s;
	animation: slide-left 0.6s;
}
.animate-right{
	visibility: visible;
	-webkit-animation: slide-right 0.6s;
	-moz-animation: slide-right 0.6s;
	animation: slide-right 0.6s;
}

@-webkit-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.3);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1.4);
	}

	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-moz-transform: scale(0.3);
	}

	60% {
		opacity: 1;
		-moz-transform: scale(1.4);
	}

	100% {
		-moz-transform: scale(1);
	}
}
@keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.3);
		-moz-transform: scale(0.3);
		-ms-transform: scale(0.3);
		-o-transform: scale(0.3);
		transform: scale(0.3);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes slide-up {
	0% {
		opacity: 0;
		bottom:-70px;

	}

	60% {
		opacity: 1;
		bottom:40px;
	}

	100% {
		bottom:0px;
	}
}
@-moz-keyframes slide-up {
	0% {
		opacity: 0;
		bottom:-70px;
	}

	60% {
		opacity: 1;
		bottom:40px;
	}

	100% {
		bottom:0px;
	}
}
@keyframes slide-up {
	0% {
		opacity: 0;
		bottom:-70px;
	}

	60% {
		opacity: 1;
		bottom:40px;
	}

	100% {
		bottom:0px;
	}
}
@-webkit-keyframes slide-up-2 {
	0% {
		opacity: 0;
		bottom:-50px;

	}

	60% {
		opacity: 1;
		bottom:20px;
	}

	100% {
		bottom:0px;
	}
}
@-moz-keyframes slide-up-2 {
	0% {
		opacity: 0;
		bottom:-50px;
	}

	60% {
		opacity: 1;
		bottom:20px;
	}

	100% {
		bottom:0px;
	}
}
@keyframes slide-up-2 {
	0% {
		opacity: 0;
		bottom:-50px;
	}

	60% {
		opacity: 1;
		bottom:20px;
	}

	100% {
		bottom:0px;
	}
}

@-webkit-keyframes slide-left {
	0% {
		opacity: 0;
		left:-50px;

	}

	60% {
		opacity: 1;
		left:10px;
	}

	100% {
		left:0px;
	}
}
@-moz-keyframes slide-left {
	0% {
		opacity: 0;
		left:-50px;
	}

	60% {
		opacity: 1;
		left:10px;
	}

	100% {
		left:0px;
	}
}
@keyframes slide-left {
	0% {
		opacity: 0;
		left:-50px;
	}

	60% {
		opacity: 1;
		left:10px;
	}

	100% {
		left:0px;
	}
}

@-webkit-keyframes slide-right {
	0% {
		opacity: 0;
		right:-50px;

	}

	60% {
		opacity: 1;
		right:10px;
	}

	100% {
		right:0px;
	}
}
@-moz-keyframes slide-right {
	0% {
		opacity: 0;
		right:-50px;
	}

	60% {
		opacity: 1;
		right:10px;
	}

	100% {
		right:0px;
	}
}
@keyframes slide-right {
	0% {
		opacity: 0;
		right:-50px;
	}

	60% {
		opacity: 1;
		right:10px;
	}

	100% {
		right:0px;
	}
}
.events-row{
	margin-top: 100px;
}
.events-item{
	float: left;
	width: 31.3%;
	margin: 20px 1%;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
}
.events-item .event-image{
	position: relative;
	width: 100%;
	height: auto;
}
.events-item .event-image img{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}
.events-item .event-image img:first-child{
	position: absolute;
	width: 100%;
	bottom: -1px;
	left: 0;
	z-index: 3;
}
.event-info{
	padding: 30px;
}
.event-info p{
	color: #7c736d;
	margin-top: 20px;
}
.enent-name{
	display: inline-block;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	color: #df7500;
}
.enent-date{
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #4a423d;
}
.quewe-item{
	position: relative;
	bottom: -80px;
	opacity: 0;
}

.products-examples{
	overflow: hidden;
	background: url(../img/left-side-bg.jpg), #e6e0da;
	background-size: 55%;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-top: 90px;
	padding-bottom: 40px;
	color: #fff;
}
.products-examples:last-child{
	margin-bottom: 0;
}
.products-examples-left h2{
	margin-top: 35px;
	font-size: 30px;
	font-weight: 600;
}
.products-examples-left p{
	margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
}
.products-examples-right{
	padding-bottom: 50px;
}

.faded{
	opacity: 0;
	transition: 1.5s all;
	position: relative;
	top: 20px;
}
.fade-in{
	
	position: relative;
	top: 0px;
	opacity: 1;
}
.prod-icons{
	height: 65px;
	width: 65px;
}
.projects-row{
	background: #e6e0da;
}
.projects-image{
	background: #000;
	overflow: hidden;
}
.projects-image img{
	opacity: .8;
	width: 100%;
	height: auto;
	transition: .6s ease-in-out all;
	transform: scale(1);
}
.projects-image img:hover{
	opacity: 1;
	transform: scale(1.1);
}
.projects-descrition{
	text-align: center;
	padding-top: 50px;
}
.projects-descrition h2{
	font-size: 36px;
	color: #393331;
	font-weight: 700;
}
.projects-descrition h3{
	font-size: 18px;
	color: #dd7400;
	font-weight: 400;
	letter-spacing: 4px;
}
.projects-descrition hr{
	display: block;
	height: 2px;
	width: 60px;
	background: #8f8985;
	margin: 28px auto;
}
.projects-descrition p{
	font-size: 16px;
	font-weight: 400;
}
.projects-descrition .btn-orange .btn-default{
	padding-right: 50px;
	padding-left: 50px;
}
.load-more-row{
	background: #110801;
}
.load-more-row button{
	display: inline-block;
	width: 100%;
	height: auto;
	color: #fff;
	font-size: 18px;
	letter-spacing: 6px;
	font-weight: 200;
	text-align: center;
	padding: 40px;
	transition: .3s all;
	background: none;
    border: none;
	outline: 0;
}
.load-more-row button:hover{
	color: #de7500;
	text-decoration: none;
	outline: 0;
}

/**---------FORMS---------**/

.form-control:focus{
	box-shadow: none;
	outline: none;
}
::-webkit-input-placeholder {
	opacity: .3;
}

:-moz-placeholder { 
	opacity: .3;
}

::-moz-placeholder { 
	opacity: .3;
}

:-ms-input-placeholder { 
	opacity: .3; 
}
.newsletter .input-group{
	border-radius: 3px;
	width: 340px;
	margin: auto;
	margin-top: 20px;
	height: 50px;
	border: none;
}
.newsletter .input-group input{
	margin: auto;
	height: 50px;
	border: none;
	background: #2e2927;
}
.newsletter .input-group-btn:last-child>.btn, .newsletter .input-group-btn:last-child>.btn-group {
	z-index: 2;
	margin-left: -1px;
	border: none;
	background: #2e2927;
	background-image: url(http://sharkeyoon.com.10-0-0-4.mint.imagine.com.jo/img/form-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    padding: 25px;
}
.newsletter .input-group-btn .btn-default{
	padding: 9px;
}
.newsletter .input-group-btn .btn-default:hover{
	box-shadow: none;
}
.newsletter .input-group .input-group-btn img{
	transform: scale(.5);
	transition: .3s all;
}
.newsletter .input-group .input-group-btn:hover img{
	transform: scale(.8);
}



/*--------------CAROUSEL------------*/

#carousel-header .carousel-indicators{
	margin-bottom: 20px;
}
#carousel-header .carousel-indicators li {
	display: inline-block;
	width: 8px;
	height: 8px;
	text-indent: -999px;
	cursor: pointer;
	opacity: .3;
	background-color: #f7f7f7;
	border: none;
	border-radius: 8px;
	margin: 0 4px;
}
#carousel-header .carousel-indicators .active {
	width: 8px;
	height: 8px;
	margin: 0;
	background-color: #d77000;
	opacity: 1;
	margin: 0 4px;
}
#carousel-header .carousel-control{
	transition: .3s all;
	z-index:10;
}
#carousel-header .carousel-caption{
    right: auto;
    left: 0;
    bottom: 0;
    color: #f0d8a8;
    font-size: 24px;
    font-weight: 100;
    text-shadow: none;
    background: url(../img/carousel-caption-bg.png);
    background-repeat: repeat-y;
    background-size: 60%;
    background-position: 0%;
    width: 100%;
    padding: 13% 15px;
    top: 0;
	text-align: left;
}

#carousel-header .carousel-caption.inner-caption{
    background-size: 100%;
    background-position: 0%;
    width: 50%;
    padding: 15px;
	top: initial;
}

.largetext{
    font-size: 35px;
    font-weight: 400;
	margin: 10px 0;
}

.text-wrap{

}

/***************/
.jcarousel-wrapper {
	margin: 20px auto;
	position: relative;
}

/** Carousel **/

.jcarousel {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.jcarousel ul {
	width: 20000em;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jcarousel li {
	width: 25%;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: .7;
	transition: .3s all;
}
.jcarousel li:hover {
	opacity: 1;
}

.jcarousel img {
	display: block;
	max-width: 100%;
	height: auto !important;
	margin: auto;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	opacity: .3;
	transition: .3s all;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
	opacity: .5;
}

.jcarousel-control-prev {
	left: -50px;
}

.jcarousel-control-next {
	right: -50px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
	position: absolute;
	bottom: -40px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin: 0;
}

.jcarousel-pagination a {
	text-decoration: none;
	display: inline-block;

	font-size: 11px;
	height: 10px;
	width: 10px;
	line-height: 10px;

	background: #fff;
	color: #4E443C;
	border-radius: 10px;
	text-indent: -9999px;

	margin-right: 7px;


	-webkit-box-shadow: 0 0 2px #4E443C;
	-moz-box-shadow: 0 0 2px #4E443C;
	box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
	background: #4E443C;
	color: #fff;
	opacity: 1;

	-webkit-box-shadow: 0 0 2px #F0EFE7;
	-moz-box-shadow: 0 0 2px #F0EFE7;
	box-shadow: 0 0 2px #F0EFE7;
}

/** Products page carousel **/


.prod-carousel-wrapper{
	left: 0%;
	width: 240%;
}
.jcarousel.prod-carousel figure{
	background: #000;
	position: relative;
	margin: 20px;
	margin-left: 15px;
	overflow: hidden;
	border-radius: 3px !important;
	width: 95%;
	box-shadow: 2px 0px 15px 0 rgba(0,0,0,.35);
}

.jcarousel.prod-carousel figure img.prod-img{
	max-width: 100%;
	width: 100%;
	margin: 0;
	transition: .3s all;
	z-index: 1;
}
.jcarousel.prod-carousel figure img.prod-img{
	opacity: .7;
	border-radius: 3px !important;
}
.jcarousel.prod-carousel figure figcaption{
	position: absolute;
	color: #fff;
	font-size: 14px;
	bottom: 0px;
	opacity: 0;
	width: 100%;
	height: 54px;
	background: url(../img/prod-figcaption.png);
	background-repeat: repeat-y;
	background-size: 100%;
	pointer-events: none;
	padding: 15px 20px;
	transition: .4s all;
	z-index: 2;
}
.jcarousel.prod-carousel figure figcaption img{
	width: 24px;
	height: 24px;
	margin-right: 10px;
	display: inline-block;
}
.jcarousel.prod-carousel figure:hover figcaption{
	opacity: 1;
}
.jcarousel.prod-carousel figure:hover img.prod-img{
	opacity: .35;
	border-radius: 3px !important;
}

.jcarousel.prod-carousel li {
	width: initial;
	opacity: 1;
}
.prod-carousel-wrapper .jcarousel-control-prev{
	bottom: -40px;
	top: auto;
	left: 13px;
	opacity: 1;
}
.prod-carousel-wrapper .jcarousel-control-next{
	bottom: -40px;
	top: auto;
	left: 63px;
	opacity: 1;
}

.prod-carousel-wrapper .jcarousel-control-prev.project{
	bottom: auto;
	top: 40%;
	left: -50px;
	opacity: 1;
}
.prod-carousel-wrapper .jcarousel-control-next.project{
    bottom: auto;
    top: 40%;
    right: -50px;
    opacity: 1;
    left: auto;
}

.prod-carousel-wrapper .jcarousel-control-prev:hover,
.prod-carousel-wrapper .jcarousel-control-next:hover {
	opacity: .7;
}


/*-----------------FOOTER---------------*/

footer{
	background: url(../img/footer-bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	color: #6e2306;
	position: relative;
	padding-top: 40px;
	/*padding-bottom: 40px;*/
	z-index: 4;
}
.copyright{
	color: #80726e;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	padding: 25px 0px 25px 0;
}
.copyright a{
    text-decoration: none;
}
.copyright .light{
	color: #b2a09a;
}
.copyright img{
	margin: 0px 15px 25px 15px;
}

footer nav{
	height: 110px;
}
footer .navbar-default {
	border: none;
	background: none;
	padding-top: 0px;
	padding-bottom: 40px;
	box-sizing: content-box;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
footer .navbar-nav {
	padding: 0;
	display: inline-block;
	margin: auto;
	float: none;
	width: 100%;
}
footer .nav>li {
	margin-top: 26px;
	width: 15.4%;
}
footer .navbar-default .navbar-nav>li>a{
	color: #fff;
	font-size: 14px;
	transition: .2s all;
	font-weight: 400;
	margin: 0 18px;
	padding-left: 0;
	padding-right: 0;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:focus{
	color: #df7500;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color: #df7500;
	background: none;
}
footer .navbar-brand {
	padding: 0;
	margin-left: 15px;
}
.navbar-toggle{
	background: transparent;
}
.navbar-default .navbar-toggle{
	background: transparent;
	border: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #df7500;
}
.navbar-toggle .icon-bar {
	width: 35px;
	height: 2px;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 8px;
}

.newsletter{
	padding-top: 40px;
}
.newsletter #title{
	text-align: center;
	color: #df7500;
	font-size: 18px;
	font-weight: 600;
}
.newsletter #text{
	text-align: center;
	color: #80726e;
	font-size: 13px;
}



/*------------------MEDIA QUERIES-----------*/

@media (max-width: 2560px){
	.small-screens{
		display: none;
	}
	.navbar-default .navbar-nav>li>a.btn-transparent {
		padding-top: 0;
		padding-bottom: 0;
	}
	.navbar {
		border-radius: 0;
	}
}
@media (max-width: 1920px){

}
@media (max-width: 1440px){
	.navbar-default .navbar-nav>li>a {
		font-size: 13px;
	}
	.nav>li>a {
		padding: 16px 8px;
	}
	.project-thumb figcaption {
		padding: 40px;
	}
	.more-projects {
		background-size: cover;
	}
	.products-examples {
		padding-top: 70px;
	}
	.projects-descrition{
		padding-top: 40px;
	}
	footer {
		background-size: cover;
	}
	.project-header{
		background-size: cover;
	}
}
@media (max-width: 1280px){
	.projects-descrition h3 {
		margin-top: 10px;
		font-size: 16px;
	}
	.projects-descrition hr {
    margin: 12px auto;
	}
	.projects-descrition .btn-orange .btn-default {
    margin-top: 20px;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 11px;
	}
	.navbar-default .btn-default {
		padding: 12px 7px;
		font-size: 12px;
		margin-top: 5px;
	}
	.products-range {
		background-size: cover;
	}
	.products-range a {
		display: inline-block;
	}
	.project-thumb figcaption {
		padding: 30px;
	}
	.project-thumb figcaption h4 {
		font-size: 20px;
	}
	.project-thumb figcaption p {
		font-size: 12px;
	}
	.jcarousel img {
		margin: auto;
		width: 90%;
	}
	footer {
		background-size: cover;
	}
	.products-examples {
		padding-top: 40px;
		background-size: 60%;
		padding-bottom: 20px;
	}
	.products-examples-left p {
		margin-top: 10px;
	}
	.projects-descrition{
		padding-top: 10px;
	}
	
	.project-header{
		background-size: cover;
	}
}
@media (max-width: 1024px){
	.prod-carousel-wrapper .jcarousel-control-prev.project{
		top:auto;
		left: 40%;
		bottom: -30px;
	}
	
	.prod-carousel-wrapper .jcarousel-control-next.project{
		top:auto;
		right: 40%;
		bottom: -30px;
	}
	.navbar-default {
		background-position: -35% 0%;
	}
	.products-range {
		padding: 40px 0;
		padding-bottom: 85px;
	}
	.products-range h2 {
		font-size: 42px;
		margin-bottom: 40px;
	}
	.project-thumb figcaption {
		padding: 0px 15px;
	}
	.project-thumb figcaption h4 {
		font-size: 16px;
	}
	.figcaption-line {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	footer .navbar-default .navbar-nav>li>a {
		margin: 0 0px;
	}
	.hover-on-menu{
		opacity: .9;
	}
	.products-examples-left h2 {
		margin-top: 18px;
	}
	.products-examples-left p {
		font-size: 13px;
		line-height: 20px;
	}
	.products-examples {
		padding-top: 30px;
		background-size: 67%;
		background-position: -18% 50%;
	}
	.jcarousel.prod-carousel figure {
		margin-left: 7px;
	}
	.hover-view-more{
		opacity: 1;
	}
	.projects-descrition{
		padding-top: 0px;
	}
	.projects-descrition .btn-orange .btn-default {
		margin-top: 20px;
	}
	.projects-descrition h3 {
		margin-top: 10px;
		font-size: 16px;
	}
	.projects-descrition hr {
		margin: 12px auto;
	}
}

@media (max-width: 960px){
	.content-section .auto-container{
	margin:0 auto 0 60px !important;
	}
	.navbar-header {
		padding-left: 0px;
	}
	.navbar-default {
		background-position: -50% 0%;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 10px;
	}
	header .navbar-default .navbar-brand {
		width: 195px;
	}
	header .navbar-brand>img {
		width: 100%;
	}
	header .navbar-brand {
		padding: 14px 0px;
	}
	#carousel-header .carousel-caption {
		font-size: 34px;
		padding: 40px 40px 40px 60px;
		background-size: 100%;
	}
	.products-range figure {
		margin-bottom: 55px;
	}
	.products-range a {
		top: -30px;
	}
	.small-screens{
		display: inline-block;
	}
	.big-screens{
		display: none;
	}
	.project-thumb{
		width: 50%
	}
	.project-thumb.wide{
		width: 100%;
	}

	.project-thumb figcaption{
		padding: 60px;
	}
	.project-thumb figcaption h4{
		font-size: 24px;
		font-weight: 700;
	}
	.project-thumb figcaption h5{
		font-size: 12px;
	}
	.project-thumb figcaption p{
		font-size: 14px;
	}
	.figcaption-line{
		margin-bottom: 15px;
		margin-top: 20px;
	}
	.jcarousel-control-prev {
		left: 0;
	}
	.jcarousel-control-next {
		right: 0;
	}
	footer .navbar-default {
		padding-bottom: 0px;
	}
	footer .navbar-default .navbar-brand {
		display: none;
	}
	footer .nav>li {
		width: auto;
	}
	footer .navbar-default .navbar-nav>li>a {
		padding: 0 12px;
	}
	.products-examples {
		background-position: 0% 50%;
	}
	.products-examples {
		padding-top: 30px;
		background-size: cover;
	}
	.projects-descrition p {
		font-size: 14px;
		font-weight: 300;
	}
	.projects-descrition .btn-orange .btn-default {
		margin-top: 10px;
	}
}
@media (max-width: 900px){
	.projects-descrition h2 {
    font-size: 25px;
    margin-top: 5px;
	}
	.projects-descrition .btn-orange .btn-default {
    margin-top: 0px;
    padding: 5px 15px;
    font-size: 13px;
	}
	.navbar-header {
		padding-left: 0px;
	}
	.navbar-default {
		background-position: -65% 0%;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 10px;
	}
	header .navbar-default .navbar-brand {
		width: 195px;
	}
	header .navbar-brand>img {
		width: 100%;
	}
	header .navbar-brand {
		padding: 14px 0px;
	}
	#carousel-header .carousel-caption {
		font-size: 34px;
		padding: 40px 40px 40px 60px;
	}
	.products-range figure {
		margin-bottom: 55px;
	}
	.products-range a {
		top: -30px;
	}
	.small-screens{
		display: inline-block;
	}
	.big-screens{
		display: none;
	}
	.project-thumb{
		width: 50%
	}
	.project-thumb.wide{
		width: 100%;
	}

	.project-thumb figcaption{
		padding: 60px;
	}
	.project-thumb figcaption h4{
		font-size: 24px;
		font-weight: 700;
	}
	.project-thumb figcaption h5{
		font-size: 12px;
	}
	.project-thumb figcaption p{
		font-size: 14px;
	}
	.figcaption-line{
		margin-bottom: 15px;
		margin-top: 20px;
	}
	.jcarousel-control-prev {
		left: 0;
	}
	.jcarousel-control-next {
		right: 0;
	}
	footer .navbar-default {
		padding-bottom: 0px;
	}
	footer .navbar-default .navbar-brand {
		display: none;
	}
	footer .nav>li {
		width: auto;
	}
	footer .navbar-default .navbar-nav>li>a {
		padding: 0 12px;
	}
	.products-examples {
		background-position: 0% 50%;
	}
	.products-examples {
		padding-top: 30px;
		background-size: cover;
	}
	.projects-descrition p {
		font-size: 13px;
		font-weight: 300;
	}
	.projects-descrition{
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.projects-descrition .btn-orange .btn-default {
		margin-top: 10px;
	}
}
@media (max-width: 840px){
	header .navbar-nav {
		margin-right: 20px;
		/*width: 90%;*/
	}
	.nav>li>a {
		padding: 16px 4px;
	}
	.navbar-default {
		background-position: -73% 0%;
	}
}
@media (max-width: 768px){
	header .navbar-default .navbar-brand {
		width: 100px;
	}
	.navbar-default {
		background-position: -130% 0%;
	}
	header .navbar-brand {
		padding: 32px 0px;
	}
	.navbar-nav {
	}
	.nav>li>a {
		padding: 16px 6px;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 10px;
	}
	.navbar-default .btn-default {
		margin-top: 0px;
	}
	.navbar-default .navbar-nav>li>a.btn-transparent {
		padding-top: 3px;
	}
	.project-thumb figcaption {
		padding: 40px;
	}
	.project-thumb.high{
		max-height: 554px;
	}

	
	.products-examples {
		padding-top: 30px;
		background-size: 100%;
		background-position: 50% 0%;
	}

	.products-examples-left{
		min-height: 250px;
	}
	.faded {
		padding: 0 8px;
	}
	.projects-descrition h2 {
		font-size: 25px;
		margin-top: 5px;
	}
	.projects-descrition .btn-orange .btn-default {
		margin-top: 0px;
		padding: 5px 15px;
		font-size: 13px;
	}
}

@media only screen and (max-width: 767px)
{
	.content-section .auto-container{
	margin:0 auto !important;
	}
footer .social-bar {
    position: relative;
    top: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
    width: 100%;
    height: auto;
	text-align: center;
}

footer .social-bar a {
    display: inline-block;
    margin: 0px 3px 3px;
}
}

@media (max-width: 767px){

	.navbar-collapse {
		background: #e6e3e1;
		-webkit-overflow-scrolling: touch;
		border-top: none;
		z-index: 500;
		position: relative;
		margin-top: 25px;
	}
}
@media (max-width: 670px){

	.navbar-toggle {
		margin-top: 27px;
	}
	header .navbar-default .navbar-brand {
		width: 200px;
	}
	header .navbar-brand {
		padding: 15px 0px;
	}
	.navbar-collapse {
		background: #e6e3e1;
		-webkit-overflow-scrolling: touch;
		border-top: none;
		z-index: 500;
		position: relative;
		margin-top: 25px;
	}
	header .navbar-nav {
		margin-right: 20px;
		width: 90%;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 16px;
	}
	.nav>li>a {
		padding: 10px 6px;
	}
	.navbar-default .btn-default {
		padding: 12px 14px;
		font-size: 16px;
		margin-top: 5px;
	}
	.project-thumb figcaption {
		padding: 20px 40px;
	}
	.project-thumb figcaption h4 {
		font-size: 20px;
	}
	footer .nav>li {
		display: inline-block;
	}
	footer .navbar-default .navbar-nav>li>a {
		padding: 0 8px;
		font-size: 12px;
	}
	.projects-descrition {
		padding-top: 30px;
		padding-bottom: 40px;
	}
}
@media (max-width: 480px){
	.project-header{
	    padding: 60px 0;
	}
	.project-header .Description{
		padding-top: 30px;
	}
	.projects-slider{
		padding-top: 40px;
		margin-bottom: 50px;
	}
	
	.prod-carousel-wrapper .jcarousel-control-prev.project{
		top:auto;
		left: 30%;
		bottom: -30px;
	}
	
	.prod-carousel-wrapper .jcarousel-control-next.project{
		top:auto;
		right: 30%;
		bottom: -30px;
	}
	.navbar-default {
		background-position: 800% 0%;
	}
	#carousel-header .carousel-caption {
		font-size: 28px;
		padding: 25px 40px 25px 15px;
	}
	#carousel-header .carousel-indicators {
		margin-bottom: 15px;
	}
	.project-thumb {
		width: 100%;
		max-width: 100%;
	}
	#btn-line-right {
		left: 10px;
	}
	#btn-line-left {
		right: 10px;
	}
	.project-thumb {
		height: 300px;
	}
	.project-thumb.wide img{
		height: inherit;
	}
	.products-examples-left{
		min-height: 280px;
	}
	.products-examples {
		background-size: 156%;
		background-position: 0% 0%;
	}
	.jcarousel.prod-carousel figure {
		box-shadow: 2px 1px 5px 0 rgba(0,0,0,0.45);
	}
}
@media (max-width: 425px){

	.carousel-inner>.item>a>img,
	.carousel-inner>.item>img{
		margin-left: -137%;
	}
	.navbar-default {
		background-position: 285% 0%;
	}
	#btn-line-left {
		right: 10px;
		width: 17%;
	}
	#btn-line-right {
		left: 10px;
		width: 15%;
	}
	.products-examples {
		background-size: 170%;
	}
}
@media (max-width: 375px){
	.navbar-default {
		background-position: 180% 0%;
	}
	.project-thumb {
		height: 270px;
		max-height: 270px;
	}
	.products-range a {
		font-size: 15px;
	}
	.project-thumb figcaption h4 {
		font-size: 18px;
	}
	.products-examples {
		background-size: 200%;
	}
}
@media (max-width: 320px){
	.navbar-default {
		background-position: 135% 0%;
	}
	#carousel-header .carousel-caption {
		font-size: 18px;
		padding: 25px 30px 25px 15px;
	}
	.project-thumb {
		height: 210px;
		max-height: 210px;
	}
	.newsletter .input-group {
		width: 240px;
	}
	.products-examples-left {
		min-height: 360px;
	}
	.products-examples {
		background-size: 270%;
	}
}
@media (max-width: 300px){
	header .navbar-default .navbar-brand {
		width: 150px;
	}
	.project-thumb {
		height: 200px;
		max-height: 200px;
	}
	.project-thumb figcaption {
		padding: 10px 25px;
	}
	header .navbar-brand {
		padding: 24px 0px;
	}
	footer .nav>li {
		margin-top: 15px;
	}
}


/*--------------FADE ANIMATIONS------------*/

.hideme
{
	position: relative;
	opacity:0;
	bottom:-50px;
}

.hideme-zoom
{
	transition: .7s all;
	position: relative;
	opacity:0;
	transform-origin: center;
	transform:scale(0.8);
}
.upscaled{
	transform:scale(1);
}