@charset "utf-8";
/* CSS Document INDU BISHT */

h2 {
    color: #000;
    font-size: 48px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    margin-bottom: 30px;
}
.line {
    height: 8px;
    width: 8px;
    background-color: #f5be30;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 60px;
}
.line:before {
    content: "";
    border-top: 1px solid #f5be30;
    position: absolute;
    top: 48%;
    right: 20px;
    width: 100px;
}
.line:after {
    content: "";
    border-top: 1px solid #f5be30;
    position: absolute;
    top: 48%;
    left: 20px;
    width: 100px;
}
p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #888888;
	font-family: 'Raleway', sans-serif;
}

/*Paralex*/
/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}

section.module.content {
  padding: 40px 0;
}
section.module.parallax {
/*  background-position: 65% 157px;
*/  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
section.module.parallax h1 {
  color: 000;
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.65);
  color: #000;
}
section.module.parallax-1 {
/*  background-image: url("../images/restaurant-banner.jpg") ;
*/  padding: 55px;
}

section.module.parallax-2 {
  background-image: url("../images/banner2.jpg");
      padding: 15px;
}

section.module.parallax-3 {
  background-image: url("../images/banner3.jpg");
      padding: 15px;
}
section.module.parallax-4 {
  background-image: url("../images/banner4.jpg");
      padding: 15px;
}
section.module.parallax-5 {
  background-image: url("../images/banner5.jpg");
      padding: 15px;
}

@media all and (min-width: 600px) {
  section.module h2 {
    color:#000
  }
  section.module p {
	text-align:center;
	    color: #000;
		font-size:1.2em
  }
  section.module.parallax h1 {
    font-size: 96px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 50px;
  }
}

.bottom-parallax{background: #fff;padding: 15px;border:2px solid #000}
.top-nav a{color:#fff !important}
.top-space-1{margin-top:20px;}
.top-space-2{margin-top:40px;}
.top-space-3{margin-top:60px;}
.top-space-4{margin-top:80px;}
.top-space-5{margin-top:100px;}

.space-1{margin-bottom:20px;}
.space-2{margin-bottom:40px;}
.space-3{margin-bottom:60px;}
.space-4{margin-bottom:80px;}
.space-5{margin-bottom:100px;}

/*images hover*/
.hover,.hover h2
{
	text-align:center
}
.hover,.hover .overlay
{
	width:100%;
	height:100%;
	overflow:hidden
}

.col-lg-3,.col-md-4,.col-sm-6,.col-xs-12
{
	padding:0
}
.hover
{
	float:left;
	position:relative;
	cursor:default;
	text-align: -webkit-center;
    margin: 0;
    /*padding:20px 10px;*/	
	cursor:pointer
}
.hover .overlay
{
	position:absolute;
	top:0;
	left:0;
	z-index:99;
}
.hover img
{
	display:block;
	position:relative;
	border-radius: 50%;
    border:5px solid #9d7b55;
}
.ehover10 button,.hover button.info
{
	display:inline-block
}
.hover h2
{
	position:relative;
	font-size:17px;
	padding:10px;
	background:rgba(0,0,0,.6)
}
.hover button.info
{
	text-decoration:none;
	padding:7px 14px;
	border:1px solid #fff;
	margin:50px 0 0;
	border-radius:0;
	background-color:transparent
}
.hover button.info:hover
{
	box-shadow:0 0 5px #fff
}

.ehover7 .overlay::before,.ehover7 h2,.ehover7 p
{
	position:absolute;
	left:50%;
	-webkit-transition:opacity .35s,-webkit-transform .35s
}
.ehover6:hover img
{
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	filter:brightness(.7);
	-webkit-filter:brightness(.7)
}
.ehover7 h2,.ehover7 p,.ehover8 h2,.ehover8 hr
{
	top:50%;
	-webkit-transform:translate3d(-50%,-50%,0)
}
.ehover7 h2,.ehover7 p
{
	transition:opacity .35s,transform .35s;
	transform:translate3d(-50%,-50%,0);
	-webkit-transform-origin:50%;
	-ms-transform-origin:50%;
	transform-origin:50%;
	padding:0
}
.ehover7 .overlay::before
{
	top:50%;
	width:40%;
	height:60%;
	border:2px solid #fff;
	opacity:0;
	transition:opacity .35s,transform .35s;
	-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	-webkit-transform-origin:50%;
	-ms-transform-origin:50%;
	transform-origin:50%
}
/*.ehover7 p
{
	width:20%
}*/
.ehover7 p a
{
	color:#fff
}
.ehover7 p a:focus,.ehover7 p a:hover
{
	opacity:.6
}
.ehover7 a i
{
	opacity:0;
	-webkit-transition:opacity .35s,-webkit-transform .35s;
	transition:opacity .35s,transform .35s;
	padding:0 5px
}
.ehover7 p a:first-child i
{
	-webkit-transform:translate3d(-60px,-60px,0);
	transform:translate3d(-60px,-60px,0)
}
.ehover7 p a:nth-child(2) i
{
	-webkit-transform:translate3d(60px,-60px,0);
	transform:translate3d(60px,-60px,0)
}
.ehover7 p a:nth-child(3) i
{
	-webkit-transform:translate3d(-60px,60px,0);
	transform:translate3d(-60px,60px,0)
}
.ehover7 p a:nth-child(4) i
{
	-webkit-transform:translate3d(60px,60px,0);
	transform:translate3d(60px,60px,0)
}
.ehover7:hover .overlay::before
{
	opacity:1;
	background-color:rgba(245, 190, 48, 0.92);
	-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1);
	transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1)
}
.ehover8 h2,.ehover8 hr,.set1,.set2
{
	left:50%;
	-webkit-transition:opacity .35s,-webkit-transform .35s;
	background-color:transparent;
	position:absolute;
	margin:0
}
.ehover7:hover h2
{
	opacity:0;
	-webkit-transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1);
	transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1)
}
.ehover7:hover p i:empty
{
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1;
	font-size: 25px;
	color:#000
}
.ehover8 hr
{
	width:40%;
	opacity:0;
	border:1px solid #FFF
}
.ehover8 hr:nth-child(3)
{
	-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1);
	transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1)
}
.ehover8 hr:nth-child(4)
{
	-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,180deg) scale3d(0,0,1);
	transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,180deg) scale3d(0,0,1)
}
.ehover8 h2,.ehover8 hr
{
	transition:opacity .35s,transform .35s;
	transform:translate3d(-50%,-50%,0);
	-webkit-transform-origin:50%;
	-ms-transform-origin:50%;
	transform-origin:50%
}
.set1,.set2
{
	transition:opacity .35s,transform .35s;
	-webkit-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0);
	-webkit-transform-origin:50%;
	-ms-transform-origin:50%;
	transform-origin:50%;
	padding:0
}
.set1
{
	top:40%
}
.set2
{
	top:60%
}
.ehover8 p
{
	width:30%
}
.ehover8 p a
{
	color:#fff
}
.ehover8 p a:focus,.ehover8 p a:hover
{
	opacity:.6
}


.ehover11 .overlay::before, .ehover12 h2::after, .ehover7 .overlay::before {
    content: '';
}
.ehover7:hover .overlay::before {
    opacity: 1;
    background-color:rgba(245, 190, 48, 0.92);
    -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1);
    transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-135deg) scale3d(1,1,1);
}
.ehover7 .overlay::before {
    top: 50%;
    height: 18%;
    width: 22%;
    border: 2px solid #fff;
    opacity: 0;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
    transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
}
.ehover7 .overlay::before, .ehover7 h2, .ehover7 p {
    position: absolute;
    left: 50%;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
}
.team-color {
    padding: 10px;
}
.team-title {
				font-size: 40px;
				font-style: italic;
				/*margin-top: 140px;*/
				font-weight: bold;
				color:#495166;
				padding:20px 40px;
				font-family: 'ElMessiri-Regular';
				line-height:1em;
				text-transform: lowercase;
			}

.team-border{border-bottom:3px solid #f5be30;}

.team-border:before {
						content: '';
						border-bottom: 3px solid #fff;
						border-width: 50%;
						position: absolute;
						z-index: 2;
						top: 60px;
						border-left: 50px solid #fff;
					}
.no-padding{padding:0}
.project {
    border: 12px solid #fff;
    /* margin: 2px; */
    background: #f2f2f2;
}
.time {
    background: #DF0000;
    color: #fff;
    padding: 2px;
    position: fixed;
	width: 74px;
    text-align: center;
    font-size: 14px;
	font-weight:600;   /* display: block; */
    top: 0px;
    right: -1px;
    /* float: right; */
    /* display: inline-block; */
}
.time-text {
    width: 100%;
    padding: 10px 0;
}			

.pro-fb {
    text-align: right;
    /* margin-top: 10px; */
    position: absolute;
    /* right: 50%; */
    right: 0;
    bottom: -37%;
    margin: 23px 0;
}
.pra-design{
  height: 100vh;
  max-width: 700px;
  margin-top: 5rem;
  padding: 0.8rem;
  margin: auto;
  margin-top: 2rem;
}

.left-strut{
  shape-outside: polygon(0% 0%,10% 30%, 50% 50%);
  float: left;
  width: 50%;
  height: 100%;
}

.right-strut{
  shape-outside: polygon(100% 50%,100% 0%, 50% 50%);
  float: right;
  width: 50%;
  height: 100%;
}

/* Filter controls */
.simplefilter { padding: 10px;}
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: #000;
    cursor: pointer;
    display: inline-block;
        display: block;
    padding: 1rem 0.8rem;
	font-size:1em;
}
/*.simplefilter li {
    background-color: #585858;
}
*/.simplefilter li.active {
    background-color: #efefef;
}
.multifilter li {
    background-color: #4b9eff;
}
.multifilter li.active {
    background-color: #2265b4;
}

/* Shuffle and sort controls */
select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}