/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  font-family: MyriadPro-Semibold;
}

@font-face {
  font-family: MyriadPro-Semibold;
  src: url(../fonts/MyriadPro-Semibold.otf);
}

@font-face {
  font-family: Futura-Extra-Bold;
  src: url(../fonts/Futura-Extra-Bold_0.ttf);
}



*html, body, .content { overflow:hidden; width:100%; } 

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.nav-menu img {
	float:right;
	margin:60px;
}

.nav-menu  {
	display:block;
	overflow:hidden;
}
#section-one {
	background-color:#e1c09f;
	overflow:hidden;
}


#section-one .container .logo{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:160px;
}


.container .the-gate {
    background-image: url("../images/gate.png");
    background-position: 46% -240%;
    background-repeat: no-repeat;
    height: 310px;
    margin-top: 60px;
}

.container .old-man {
    background-image: url("../images/section2/old-man1.png");
    background-position: 52% 100%;
    background-repeat: no-repeat;
    height: 310px;
}

.container .old-man .col-sm-6 img {
left: 23%;
    position: relative;
    top: 117px;
}

.container .the-gate .col-sm-6 img {
left: 32%;
    position: relative;
    top: 92px;
	
}#section-one .bevel-emboss {
	/*color: #e1c09f;
    font-family: Futura-Extra-Bold;
    font-size: 43px;
    text-align: center;
    text-shadow: 0 -4px 3px rgba(255, 255, 255, 0.3), 0 6px 3px rgba(165, 149, 123, 1); */
	

	
	  text-shadow: -2px -3px 5px #fff, 7px 8px 8px #000, 0 4px 0 #000, 0 4px 0 #000, 0 5px 0 #000, 0 6px 0 #000, 0 7px 0 #000, 0 8px 7px #000;


	color: #e1c09f;
	opacity: 0.35;
	font-size: 58px;
	text-align: center;
	font-family: Futura-Extra-Bold;
	margin-bottom:0px;
	margin-top:25px;

}


#section-two {
	background-color:#84344f;
	overflow:hidden;
	
	
}

#section-two p {
    color: #efecd4;
    font-size: 27px;
    text-align: justify;
}
	
#section-two .bevel-emboss {
	   text-shadow: 0 0 2px #fff, 0 5px 16px #000, 0 3px 0 #000;


	color: #e1c09f;
	font-size: 58px;
	text-align: center;
	font-family: Futura-Extra-Bold;
	padding-top:25px;
	text-transform:uppercase;
	margin-bottom:100px;
	}

#section-two .bevel-emboss.small {
 clear: both;
    display: block;
    font-size: 24px;
    margin-bottom: 0;
    position: relative;
    text-shadow: 0 0 1px #fff, 0 2px 0 #000, 0 0 0 #000;

}

#section-two  .col-sm-4 {
	margin-bottom:50px;
}

#section-three {
	background-color:#717d7d;
	overflow:hidden;
}

#section-three .bevel-emboss {
    color: #aa8067;
    font-family: Futura-Extra-Bold;
    font-size: 58px;
    padding-top: 40px;
	margin-bottom:100px;
    text-align: center;
    text-shadow: 0 -2px 2px #f8ea73, 2px 4px 10px #761026, 0 0 0 #761026;
    text-transform: uppercase;
}#section-three .container .row .col-md-5ths.col-xs-6 img{
	margin-bottom: 10px;
-webkit-box-shadow: -1px 11px 7px -3px rgba(88,11,28,0.7);
-moz-box-shadow: -1px 11px 7px -3px rgba(88,11,28,0.7);
box-shadow: -1px 11px 7px -3px rgba(88,11,28,0.7);
}
#section-three .container .row .col-sm-8 .img-responsive {
	float: left;
}

#section-three .container .row .col-sm-8 {
    clear: both;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}


#section-three .container .row .col-sm-8 .glass {
	position: relative;
	bottom:-98px;
}

#section-four .container .row .col-sm-3 .continut-box {
	border:4px solid #3c0206;
	padding:5px;
	height:470px;
	box-shadow: 11px 10px 2px -5px rgba(50, 50, 50, 0.40);

}

#section-four .container .row .col-sm-3 {
	margin-top:50px;
	margin-bottom:160px;
}
#section-four {
background-color: #fecb8a;
}
#section-four .container .row .col-sm-3 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -60px;
}
#section-four .container .row .col-sm-3 span {
	font-family: Futura-Extra-Bold;
	font-size:15px;
	text-align:center;
	padding:15px 0px;
	color:#380105;
	display:block;
	margin-top:-50px;
	height:75px;
	
}
#section-four .container .row .col-sm-3 p {
	font-size:17px;
	text-align:justify;
	padding:0px 15px;
}
	
#section-four .bevel-emboss {
    color: #380105;
    font-family: Futura-Extra-Bold;
    font-size: 58px;
    padding-top: 40px;
	margin-bottom:100px;
    text-align: center;
    text-shadow: 0 1px 1px #380105, 1px 1px 2px #380105, 0 0 0 #380105;
    text-transform: uppercase;
}

#section-five .bevel-emboss {
    color: #fecb8a;
    font-family: Futura-Extra-Bold;
    font-size: 58px;
    padding-top: 40px;
	margin-bottom:100px;
    text-align: center;
     text-shadow: 0 3px 5px #380105, 3px 1px 4px #380105, 0 0 0 #380105;
    text-transform: uppercase;
}


#section-five {
	background-color:#a99968;
	overflow:hidden;
	color:#700202;
	margin-top:-50px;
}

#section-five .container .col-sm-4 .box-creative span {
		font-family: Futura-Extra-Bold;
	font-size:17px;
	text-align:center;
	color:#5c0201;
	display:block;
	margin:25px 0px;


}
#section-five .container .col-sm-4 .box-creative {
   border: 4px solid #fecb8a;
    box-shadow: 11px 10px 2px -5px rgba(50, 50, 50, 0.4);
    font-size: 16px;
    font-weight: 900 !important;
    height: 420px;
    margin: 0 0 50px;
    text-align: justify;
}

#section-five .container .col-sm-4 .box-creative img {
	display:block;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#section-five .container .col-sm-4 .box-creative p {
	    padding: 0px 20px;
}

#section-five .container .col-sm-4 .box-creative .one:before {
	
    content: "";
    display: inline-block;
    width:121px;
    height: 108px;
    background-image:url(../images/1.jpg);
    background-repeat: no-repeat;
    position: relative;
    left: -5px; //adjust your positioning as necessary
}


#section-five .container .col-sm-4 {
	position:relative;
	margin-bottom:30px;
}

.bullets {
	display:block;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

#section-seven .bevel-emboss {
	    color: #e8e4c1;
    font-family: Futura-Extra-Bold;
    font-size: 43px;
    padding-top: 40px;
	margin-bottom:100px;
    text-align: center;
     text-shadow: 0 3px 5px #380105, 3px 1px 4px #380105, 0 0 0 #380105;
    text-transform: uppercase;
}


 #section-six .bevel-emboss {
	 	    color: #fff;
    font-family: Futura-Extra-Bold;
    font-size: 43px;
    padding-top: 40px;
	margin-bottom:100px;
    text-align: center;
     text-shadow: 0 3px 5px #380105, 3px 1px 4px #380105, 0 0 0 #380105;
    text-transform: uppercase;
 }
#section-seven .bevel-emboss.small {
  font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
    padding-top: 0;
}

#section-seven {
	background-color: #cf4521;
	overflow:hidden;
}

#section-seven img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
}#section-five .container .col-sm-4 .box-creative img {
	position:absolute;
	bottom:0px;
	left:32%;
}

 .carousel-control {
  width:50%;
}

.photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px;  
}

.photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 1370px) {
	.zebra {
		width:189px !important;
		margin-top:-281px !important;
	}
	
}
@media (max-width: 1200px) {
  .photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  .photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  .photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  .photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}


#section-six .col-xs-12 {
	padding:0px;
}












@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
body {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
h1 {
	margin: 30px 15px 0;
	font-weight: 300;
}
h2 {
	margin: 60px 15px 0;
	padding: 0;
	font-weight: 300;
}
h2 span {
	margin-left: 1em;
	color: #aaa;
	font-size: 85%;
}
.column {
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: auto;
    display: inline-block;
	
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	padding: 0;
	overflow: hidden;
	float:left;
	width:138px;
	height:138px;
	margin:11px;
}


#section-six {
	background-color:#fff;
}
/* Circle */
.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, .7);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}



/* POPUP */


.black_overlay{
	display: none;

	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: fixed;
	left: 25%;
	width: 50%;
	padding: 16px;
	z-index:1002;
	overflow: auto;
	background-color:#e8e4c1;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	border-radius:0px 0px 30% 30%;
	padding-bottom:100px;
}


.white_content.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
 
.white_content_container {
  transform: translateY(-40px);
  transition-property: transform;
  transition-duration: 0.3s;
}
 
.is-visible .white_content_container {
  transform: translateY(0);
}



.white_content a {
 color: #e8e4c1;
    display: block;
    font-family: Futura-Extra-Bold;
    font-size: 40px;
    margin-bottom: 0;
    margin-top: 25px;
    opacity: 0.95;
    position: relative;
    text-align: center;
    text-shadow: 0 -3px 2px #fff, 0 2px 11px #000;
}

.white_content a:hover {
	color:#000;

	text-decoration:none;
	opacity:1;
}
/* END POPUP */


@media (max-width: 500px) {
	.nav-menu img {
		float:none;
	}
	#section-one .bevel-emboss, #section-two .bevel-emboss, #section-three .bevel-emboss, #section-four .bevel-emboss, #section-five .bevel-emboss, #section-six .bevel-emboss, #section-seven .bevel-emboss {
		font-size:30px !important;
	}
	#section-five .container .col-sm-4 .box-creative {
		height:auto;
	}
	
	.carousel-control.right {
		float:none;
		display: inline;
	
	}
}


    /* clearfix because of floats */
    .containerr:before,
    .containerr:after {
        content: "";
        display: table;
    }
    .containerr:after {
        clear: both;
    }
    .item {
      float: left;
      margin-bottom: 15px; 
    }
    .item img {
      max-width: 100%;
      max-height: 100%;
      vertical-align: bottom;
	  box-shadow:3px 3px 16px #000;
	 
    }
    .first-item {
      clear: both;
    }
    /* remove margin bottom on last row */
    .last-row, .last-row ~ .item {
      margin-bottom: 0;
    }
	


.item img  {	
  -webkit-transition: all 500ms ease;	
  -moz-transition: all 500ms ease; 
  transition: all 500ms ease; 
  filter: saturate(140%); 
  -webkit-filter: saturate(140%); 
  filter: contrast(110%); 
  -webkit-filter: contrast(110%); 
  transition: all .2s;
-o-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}
.item:hover img {
  opacity: 0.8; 
  filter: contrast(100%); 
  -webkit-filter: contrast(100%); 
  filter: sepia(100%); 
  -webkit-filter: sepia(100%);
  cursor:pointer;
  margin-top: -10px;
transition: all .4s;
-o-transition: all .4s;
-moz-transition: all .4s;
-webkit-transition: all .4s;
}

.jobs-top {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    padding-bottom: 50px;
}

.buton-job {
  background-color: #79162d;
    border-radius: 10px;
    box-shadow: 0 3px 5px #380105, 3px 1px 4px #380105, 0 0 0 #380105;
    color: #e8e4c1;
    display: table;
    font-family: Futura-Extra-Bold;
    font-size: 25px;
    margin: 70px auto;
    padding: 15px 63px;
    text-shadow: 0 3px 5px #380105, 3px 1px 4px #380105, 0 0 0 #380105;
}

.buton-job:hover {
    text-decoration: none;
    color: #e8e4c1;
    background-color: #6b0202;
    text-shadow: none;
}

.box-job .bevel-emboss {
    font-size: 26px !important;
    text-align: left;
    margin-top: 15px;
    display: block;

}

.box-job p {
    color: #3a0105;
    font-size: 23px;
    margin-bottom: 0px;
    font-family: MyriadPro-Semibold;
}
.bevel-emboss {
       color: #3a0105;
    font-family: Futura-Extra-Bold;
    font-size: 46px;
    padding-top: 40px;
	text-shadow: 0px -2px 0px #e8e4c1, 0px 5px 5px #cfb8bd, 0px 0px 0px #cfb8bd;
    text-transform: uppercase;
    text-align: center;
}